@charset "UTF-8";

/* Original file: layouts/ink_layout/css_color/b_mint.css */

/* ---------------------------------------------------------------------------
폰트 색상 #222428, #535962, #808997, #a3acba, #dae2e4
배경,선 색상 #f4f9f9, #e9f0f0, #dce4e6, #d3e1e4, #a3acba, #979ea9, #808997
--------------------------------------------------------------------------- */

/* ------- layout ------- */
.pt_bg,
.pt_bg2	{color: #FFF !important;}
.ink_banner_top,
.ink_banner_top a,
.ink_banner_top button	{color: #FFF;}
.ink_banner_top a	{border-bottom: 1px solid #FFF;}

body,
a,
.ii	{color: #222428;}

.ib_mono,
.ib_monoC,
.ink_dropdown .bt,
.board_name2 .inner	{ color: #535962;}

.font_grey1,
.font_grey1 a,
.ib_mono3,
.ib i.only	{color: #808997;}

.sns_login .sns_warn i	{color: #a3acba;}
.ii::-webkit-input-placeholder	{color: #a3acba;}
.ii::-moz-placeholder	{color: #a3acba;}
.ii:-ms-input-placeholder	{color: #a3acba;}
.ii:-moz-placeholder	{color: #a3acba;}
textarea::-webkit-input-placeholder	{color: #a3acba;}
textarea::-moz-placeholder	{color: #a3acba;}
textarea:-ms-input-placeholder	{color: #a3acba;}
textarea:-moz-placeholder	{color: #a3acba;}

.ink_message>div	{background-color: #FFF;}

.bg_grey1,
.inkpf,
.ib_mono3,
.ii.ii2,
.ink_dropdown .bt,
.ink_message>div>h3,
.ink_message .bt_area	{background-color: #f4f9f9;}

.bg_grey2,
.ib_mono,
.ib_monoC,
.ii,
.ink_pointbar,
.board_name2 .inner,
.ink_check input:active + span,
.sns_login.not_only::before	{background-color: #e9f0f0;}

.bt_group .ib	{border-right: 1px solid #dce4e6;}
.notify_list>ol>li	{border-bottom: 1px dotted #dce4e6;}
.ink_check>span	{border: 3px solid #dce4e6;}

.ink_check.ink_radio>span	{background-color: #d3e1e4;}
.notify_type	{background-color: #a3acba;}
.ink_check.ink_radio input:active + span	{background-color: #979ea9;}

.global_notice>ul,
.write_notice	{background-color: #ffffd3;}
.global_notice>ul>li:after	{background-color: #f2f2c8;}

/* ------- board ------- */
.list_ctg,
.atc_header .atc_ctg	{color: #596476;}
.write_ex .ip>input:focus	{background-color: #fcf8e3;}
.ink_board .xe_content pre	{background-color: #FFF;}

.cmt_basic .cmt_unit.best_cmt	{background-color: #fdf5f5; border-bottom: 1px solid #f9e1e1;}
.cmt_basic .best_cmt .cmt_buttons .bt	{background-color: #f3ebeb;}

.cmt_bubble .my_cmt .cmt_body	{background-color: #fcf8e3;}
.cmt_bubble .best_cmt .cmt_body	{background-color: #fdf5f5;}

.atc_authorD .authorD_nav button.active,
.cmt_title .bt_cmt_write button:hover	{color: #222428;}

.list_wrap .list_summary,
.list_icon.updated,
.atc_file li>a,
.atc_vote .bt_blame,
.cmt_member_only i,
.sticker_pack>ul>li a,
.sticker_pack .bt_module a	{color: #535962;}

.list_wrap .title_link:visited,
.ldw .list_info,
.ldw .list_info a,
.ink_gallery .list_info,
.ink_gallery .list_info a,
.atc_authorD .authorD_nav button,
.write_ex .ip>p,
.memo_form_dummy .bt_write_memo,
.cmt_title .bt_cmt_write button,
.cmt_buttons .bt_wrap .bt,
.cmt_buttons .cmt_vote .bt_blame,
.cmt_ip,
.cmt_ip a	{color: #808997;}

.list_wrap .secret_icon,
.send_msg .send_success i,
.atc_authorD .fa-comment-dots,
.memo_form_dummy i,
.cmt_notice i,
.cmt_unit .secret_icon,
.cmt_body .parent,
.cmt_write_option .bt_write_type i,
.cmt_rating_wrap .rating_text		{color: #a3acba;}

.ink_rating::after,
.ldw .list_thumb>a,
.ink_gallery .list_thumb .no_image>i,
.cmt_rating	{color: #dae2e4;}

.atc_vote .bt_vote.submitted,
.atc_vote .bt_blame.submitted,
.cmt_unit .cmt_rank,
.cmt_buttons .cmt_vote .bt_vote.submitted,
.cmt_buttons .cmt_vote .bt_blame.submitted,
.icon_stak .stak2	{color: #FFF;}

.atc_tags a::after,
.atc_sign .sign_body,
.atc_authorD .authorD_list,
.cmt_bubble .cmt_buttons .bt,
.sticker_pack,
.stk_body>ul>li a,
.list_wrap .extra_table	{background-color: #FFF;}

.paging .bt_page,
.list_wrap .extra_table th,
.ldw .list_unit,
.ink_gallery .list_thumb,
.atc_history .history_date,
.atc_ex th,
.ink_memo .list_wrap .inkpf,
.memo_form_dummy .bt_write_memo,
.cmt_title,
.cmt_notice,
.cmt_bubble .cmt_body,
.cmt .page_line,
.cmt_basic .cmt_buttons .bt,
.cmt_write_input textarea,
.stk_display	{background-color: #f4f9f9;}
.atc_ip a	{border-bottom: 1px solid #f4f9f9;}
.cmt_not_permitted	{border: 5px solid #f4f9f9;}
.write_option_color .ii	{background-color: #f4f9f9 !important;}

.list_wrap .secret_icon,
.ldw .list_thumb>a,
.atc_tags a,
.atc_file li>a,
.atc_file_list .file_icon.on,
.atc_file_list .file_count,
.atc_vote .bt_blame,
.cmt_member_only p,
.cmt_unit .secret_icon,
.sticker_pack>ul>li a	{background-color: #e9f0f0;}
.list_wrap .extra_table	{border: 3px solid #e9f0f0;}
.ldf .list_unit,
.atc_who.show h3,
.cmt_basic .cmt_unit,
.cmt_basic .page_line,
.cmt_basic .cmt_prev	{border-bottom: 1px solid #e9f0f0;}
.atc_history .history_content	{border: 5px dashed #e9f0f0;}
.atc_ex th,
.atc_ex td	{border: 1px solid #e9f0f0;}
.atc_tags a::before	{border-right: 12px solid #e9f0f0;}
.memo_form_dummy .bt_editor	{border-left: 1px solid #e9f0f0;}
.memo_atc .cmt,
.cmt_member_only,
.cmt_basic .cmt_wrap.has_top .cmt_unit:first-of-type,
.ldn tbody tr:not(.notice)	{border-top: 1px solid #e9f0f0;}
.cmt_page .bt_cmt_prev	{border: 5px solid #e9f0f0;}
.cmt_bubble .page_line	{height: 10px; border-bottom: 1px solid #e9f0f0; border-top: 1px solid #e9f0f0;}

.ink_board .xe_content pre	{border: 1px solid #dce4e6;}
.list_wrap .extra_table th,
.list_wrap .extra_table td	{border-bottom: 1px solid #dce4e6;}
.list_wrap .extra_table th	{border-right: 1px solid #dce4e6;}
.ldw .list_summary,
.ldf .list_body,
.write_ex .ip>p	{border-top: 1px dotted #dce4e6;}
.atc_file_list li	{border-bottom: 1px dotted #dce4e6;}

.list_icon.updated	{background-color: #dae2e4;}
.atc_vote .bt_blame .voted_count	{border-left: 1px solid #dae2e4;}

.atc_vote .bt_blame.submitted .voted_count	{border-left-color: #979ea9;}

.atc_file .file_count,
.atc_vote .bt_blame.submitted,
.bt_report .declared_count	{background-color: #808997;}
.cmt_unit .cmt_buttons .cmt_vote .bt_blame.submitted	{background-color: #808997 !important;}

.ink_gallery .list_info2>span	{background-color: rgba(34,36,40,0.3);}

/* ------- member ------- */
.document_title a:hover	{color: #222428;}

.mb_table td	{color: #535962;}

.mb_header .ink_bubble_wrap a,
.mb_list .list_info,
.mb_list .list_info a,
.document_title a,
.mb_signup .help-block,
.letter_list .list_body.readed,
.mb_friend .friend_date,
.comment_date,
.letter_date,
.mb_agreement .agreement_box ol>li::after	{color: #808997;}

.mb_message>i,
.mb_signup .help-block i,
.letter_list .state.readed	{color: #a3acba;}

.comment_content,
.mb_login .keep_msg,
.letter_list .list_body,
.mb_signup>h3	{background-color: #f4f9f9;}
.comment_content::after		{border-top: 5px solid #f4f9f9; border-left: 5px solid #f4f9f9;}

.mb_content .top_bt_area,
.mb_table tr,
.mb_list>ul>li,
.letter_list>ul	{border-bottom: 1px solid #e9f0f0;}
.mb_table th	{border-right: 1px solid #e9f0f0;}
.mb_agreement .agreement_title,
.mb_agreement .agreement_box	{border: 1px solid #e9f0f0;}
.letter_list>ul>li,
.ink_message .letter_content .inner	{border-top: 1px solid #e9f0f0;}

.comment_vote .blamed_count	{background-color: #808997;}

/* ------- widget ------- */
.box_rank .list_rank,
.wn .box_rank .list_rank,
.pr_item_del,
.ink_rank .count	{color: #808997;}

.ws_text.full .list_full .inne	{color: #535962;}

.mymenu_edit .empty	{color: #a3acba;}

.w_list .list_thumb .no_thumb	{color: #dae2e4;}
.pr_item_del,
.pr_item_add	{border: 1px dotted #dae2e4;}

.w_list .list_thumb .no_thumb	{background-color: #f4f9f9;}

.box_rank .list_rank	{background-color: #e9f0f0;}

.mb_list .list_info>span::after	{background-color: #dae2e4;}

.wg .list_vote,
.wg_news .list_vote	{background-color: rgba(34,36,40,0.3);}

/* ------- etc ------- */
.mb_sns .mb_table th	{border-bottom: 3px double #e9f0f0;}
.mb_sns .mb_table td	{border-right: 1px solid #e9f0f0;}
.sticker_notice	{background-color: #f4f9f9;}
.sticker_notice .notice_icon	{color: #a3acba;}

/* Original file: layouts/ink_layout/css_color/b_mint_pc.css */

/* ---------------------------------------------------------------------------
폰트 색상 #222428, #535962, #808997, #a3acba, #d3e1e4, #dae2e4
배경,선 색상 #f4f9f9, #e9f0f0, #dce4e6, #dae2e4, #d5d5d5, #d3e1e4, #a3acba, #979ea9, #808997, #535962, #222428
--------------------------------------------------------------------------- */

/* ------- layout ------- */
.ink_bt_top	{background-color: rgba(255,255,255,0.8);}

.ib_mono3:hover,
.ib_mono:hover i.only,
.ib_mono2:hover i.only,
.font_grey1 a:hover, 
.font_grey1 button:hover,
.ink_top a:hover,
.bt_nav:hover button,
.ink_gnb .active>a,
.ink_gnb a:hover,
.open_mode .ink_gnb a,
.ink_sidebar .sidebar_menu li.active>a,
.sbOptions a:hover	{color: #222428;}

.ink_top,
.ink_top a,
.ink_top button,
.is_logged .bt_area a,
.notify_wrap .bt_notify_position:hover button,
.ink_sidebar .sidebar_menu a,
.sidebar_menu .bt_openclose	{color: #535962;}

.bt_nav button,
.ink_gnb a,
.sbOptions a	{color: #808997;}

.ink_sidebar .sidebar_menu .fa-folder,
.ink_sidebar .sidebar_menu .fa-folder-open	{color: #d3e1e4;}

.ink_top a:hover	{border-bottom: 1px solid #222428;}
.notify_list li:hover strong:nth-of-type(2)	{border-bottom-color: #222428;}

.nav_wrap.color_nav .menu_1depth,
.color_nav.view_mode a,
.nav_wrap.color_nav .bt_nav button	{color: #FFF;}
.nav_wrap.fixed	{background-color: #FFF !important;}
.no_navbox,
.has_navbox .nav_wrap,
.containerB .ink_wrapper,
.ink_box	{background-color: #FFF;}
.has_layout_bg .no_navbox,
.has_layout_bg .has_navbox .nav_wrap	{background-color: rgba(233,240,240,0.6);}

.has_navbox .header_side,
.ink_sidebar .is_logged,
.notify_wrap.fixed h3,
.notify_wrap.fixed .bt_area,
.ink_sidebar .ink_module h3,
.no_header .ink_top::before	{background-color: #f4f9f9;}
.has_layout_bg .has_navbox .header_side	{background-color: rgba(247,247,247,0.9);}

body,
.notify_wrap.fixed .inkpf,
.sidebar_menu a>span,
.sidebar_menu .bt_openclose::after,
.sbSelector,
.containerB .ink_sidebar.right_sidebar::after,
.containerB .ink_sidebar.left_sidebar::after,
.nav_wrap .mymenu_title>div	{background-color: #e9f0f0;}
.has_sidebox.no_navbox .logo	{border-left: 1px solid #e9f0f0; border-right: 1px solid #e9f0f0;}
.ink_header .is_unlogged>a:first-of-type	{border-right: 1px solid #e9f0f0;}
.no_navbox .nav_wrap	{border-top: 1px solid #e9f0f0;}
.nav_wrap.normal_mode .ink_gnb>ul>li>ul>li,
.containerB>.ink_top,
.containerB .ink_header	{border-bottom: 1px solid #e9f0f0;}
.nav_wrap.view_mode .ink_gnb>ul>li	{border-right: 1px solid #e9f0f0;}

.ib_mono2,
.ib_mono3::before	{background-color: #dce4e6;}
.ink_login2 .keep_desc	{border: 1px solid #dce4e6;}
.ink_sidebar.left_sidebar::after,
.ink_sidebar.right_sidebar::after	{background-color: #dce4e6;}

.ib_mono::before,
.scrollbar-macosx > .scroll-element .scroll-bar	{background-color: #dae2e4;}

.ib_mono2::before	{background-color: #ced7db;}

.ink_top .bt_open_gn .num_box2	{background-color: #a3acba;}

/* ------- board ------- */
.memo_notice .notice_body	{background-color: #fcf8e3;}

.ldd .list_unit:hover,
.has_authorD::before,
.ldd .now_reading,
.cmt_bubble .cmt_ctrl,
.cmt_write_sp,
.memo_ctrl	{background-color: #FFF;}

.list_wrap .link_board_edit,
.atc_vote .bt_vote:hover,
.atc_vote .bt_blame:hover,
.cmt_unit .cmt_buttons .bt_wrap .bt:hover,
.cmt_unit .cmt_buttons .cmt_vote .bt_vote:hover,
.cmt_unit .cmt_buttons .cmt_vote .bt_blame:hover,
.cmt_bubble .bt_cmt_ctrl.active,
.cmt_bubble .bt_cmt_ctrl:hover	{color: #FFF;}

.list_category .active>a,
.list_category2 .active>a,
.list_buttons .has_bubble:hover,
.list_wrap .list_cmt.new_cmt,
.bt_cmt_reload:hover	{color: #222428;}

.cmt_bubble .cmt_ctrl a,
.memo_form_dummy .bt_editor:hover i,
.memo_ctrl a,
.bt_cmt_reload	{color: #535962;}

.list_category2 ul a,
.list_category2 .fa-angle-down,
.list_buttons .has_bubble,
.ldd .list_info,
.ldd .list_info a,
.bt_send_msg,
.cmt_bubble .bt_cmt_ctrl,
.cmt_bubble .cmt_ctrl .bt i,
.bt_memo_ctrl,
.memo_notice .notice_icon	{color: #808997;}

.list_type a,
.list_wrap .list_cmt	{color: #a3acba;}

.ldd,
.containerN .ldn th,
.containerN .ldn tbody tr:not(.notice):hover td,
.containerN .ldn tr.now_reading:not(.notice),
.containerN .ink_atc,
.containerN .ink_gallery .list_unit,
.containerN .memo_body,
.containerN .bd_write,
.best_articles,
.bt_send_msg	{background-color: #fcfefe;}

.list_category2>ul>li>a,
.list_category2>ul>li>ul,
.list_type a,
.list_buttons .has_bubble,
.containerN .ink_list,
.atc_info,
.cmt_bubble .cmt_ctrl a:hover,
.write_ex .lb,
.memo_form .sbSelector,
.memo_header .inkpf,
.memo_ctrl a:hover,
.memo_notice .notice_icon,
.cmt_reload,
.containerB .ldn tbody tr:not(.notice):hover td,
.containerB .ldn tr.now_reading:not(.notice),
.containerB .ink_gallery .list_unit,
.bd_write .sbSelector,
.containerB .write_header	{background-color: #f4f9f9;}
.atc_ctrl a	{border-bottom: 1px solid #f4f9f9;}
.containerB .atc_header	{border: 5px solid #f4f9f9;}

.list_wrap .inkpf,
.list_wrap .list_cmt,
.has_authorD::after,
.cmt_bubble .bt_cmt_ctrl,
.containerB .bt_memo_ctrl,
.best_articles::after	{background-color: #e9f0f0;}
.paging .bt_page a	{border-right: 1px solid #e9f0f0;}
.ldd .list_unit,
.cmt_bubble .cmt_ctrl a,
.containerN .write_header,
.memo_ctrl a,
.containerB .ldn table	{border-bottom: 1px solid #e9f0f0;}
.containerB .ldn table	{border-top: 1px solid #e9f0f0;}
.write_ex>ul	{border: 3px solid #e9f0f0;}
.containerB .memo_body	{border: 1px solid #e9f0f0;}
.containerB .memo_form .write_ex>ul	{border-color: #e9f0f0;}
.containerB .my_atc .memo_body	{border: 5px solid #e9f0f0;}

.list_wrap .list_cmt.new_cmt	{background-color: #dce4e6;}
.ldd .list_summary	{border-top: 1px dotted #dce4e6;}
.write_ex .lb	{border-right: 1px solid #dce4e6; border-bottom: 1px solid #dce4e6;}
.write_ex .ip	{border-bottom: 1px solid #dce4e6;}
.containerN .memo_form .write_ex>ul	{border-color: #dce4e6;}
.containerN .my_atc .memo_body	{border: 5px solid #dce4e6;}

.ldd .list_info>span:not(.ink_rating)::after,
.ldw .list_info>span::after,
.containerN .bt_memo_ctrl	{background-color: #dae2e4;}
.bt_send_msg	{border: 3px solid #dae2e4;}

.memo_write	{border-bottom: 1px dotted #d5d5d5;}
.ldm .notice	{border-bottom: 1px dotted #d5d5d5;}

.list_wrap .list_icon2.normal,
.list_wrap .link_board_edit	{background-color: #d3e1e4;}
.cmt_prev .bt_cmt_prev:hover	{border-color: #d3e1e4;}

.bt_send_msg:hover	{border-color: #a3acba;}
.atc_ip a:hover	{border-bottom-color: #a3acba;}
.atc_vote .bt_blame:hover .voted_count	{border-left-color: #a3acba;}

.atc_vote .bt_blame:hover,
.cmt_unit .cmt_buttons .bt_wrap .bt:hover,
.cmt_bubble .bt_cmt_ctrl.active,
.cmt_bubble .bt_cmt_ctrl:hover,
.bt_memo_ctrl.active,
.bt_memo_ctrl:hover	{background-color: #808997;}
.cmt_unit .cmt_buttons .cmt_vote .bt_blame:hover	{background-color: #808997 !important;}

.list_wrap .list_icon2.file	{background-color: #535962;}

.atc_ctrl a:hover	{border-bottom-color: #222428;}

/* ------- member ------- */
.comment_content:hover	{background-color: #fcf8e3;}
.comment_content:hover::after	{border-top-color: #fcf8e3; border-left-color: #fcf8e3;}

.mb_buttons .has_bubble:hover,
.mb_info_tab .active a	{color: #222428;}

.mb_buttons .has_bubble,
.mb_info_tab a	{color: #808997;}

.mb_header .ink_bubble_wrap a,
.mb_content	{background-color: #FFF;}

.mb_agreement .agreement_box .inner:hover	{background-color: #ffffe9;}

.mb_header .sbSelector,
.mb_buttons .has_bubble,
.mb_info_tab,
.mb_scrapped li .sbSelector	{background-color: #f4f9f9;}

.scrap_folder .ink_dropdown .bt,
.letter_list>ul::after		{background-color: #e9f0f0;}
.paging .bt_page a	{border-right: 1px solid #e9f0f0;}
.scrap_folder,
.mb_signup>ul>li,
.ink_message .letter_content .inner,
.mb_agreement	{border-bottom: 1px solid #e9f0f0;}
.mb_login .keep_msg	{border: 1px solid #e9f0f0;}

.mb_saved .list_content,
.mb_signup .help-block	{border-top: 1px dotted #dce4e6}

.tab_letter .num_box2	{background-color: #a3acba;}

.mb_set .mb_info_menu a:hover	{border-bottom-color: #535962;}

/* ------- widget ------- */
.w_tab_unit.active>a,
.pr_item_del:hover	{color: #222428;}

.w_paging .inner,
.ink_widget.no_box .w_list_footer>a,
.w_list .list_info,
.w_list .list_info a,
.w_list .list_summary,
.wr .list_date,
.wr .list_nickname,
.wr .list_nickname a	{color: #808997;}

.w_paging i,
.w_tab_unit>a	{color: #a3acba;}

.mymenu_node .fa-folder,
.mymenu_node .fa-folder-open	{color: #d3e1e4;}

.color_nav .mymenu_title,
.color_nav .mymenu_title a	{color: #FFF;}
.ink_widget,
.ink_content .ink_rank ol,
.containerN .no_box .wr .list_body,
.ldw .list_unit:hover,
.ldf_doc .faq_header:hover,
.ldf_doc .faq_header.opened,
.nav_wrap .mymenu_list ul	{background-color: #FFF;}
.containerN .no_box .wr .list_body::after	{border-top: 5px solid #FFF; border-left: 5px solid #FFF;}

.w_title,
.ink_widget.no_box .board_name2 .inner,
.ink_widget.no_box .w_list_footer>a,
.wl .list_unit>li,
.nav_wrap.view_mode .mymenu_list ul,
.nav_wrap.open_mode .mymenu_list ul,
.ink_content .ink_rank h3,
.wr .list_body,
.containerB .no_box .wr .list_body	{background-color: #f4f9f9;}
.wr .list_body::after,
.containerB .no_box .wr .list_body::after	{border-top: 5px solid #f4f9f9; border-left: 5px solid #f4f9f9;}

.containerB .ink_content .ink_widget	{border: 1px solid #e9f0f0;}
.containerB .ink_content .ink_widget.no_box	{border: none;}
.nav_wrap .mymenu_list li,
.containerB .ink_widget.no_box .w_title	{border-bottom: 1px solid #e9f0f0;}

.ink_widget.no_box .w_title	{border-bottom: 1px solid #dae2e4;}
.ws_text .swiper-pagination-bullet	{background-color: #dae2e4;}

.w_paging .w_bullet	{background-color: #d3e1e4;}

.ink_widget.no_box .w_list_footer>a:hover	{background-color: #808997;}

/* ------- etc ------- */

/* Original file: layouts/ink_layout/css_color/c_blueberry.css */

/* ------- layout ------- */
.pt_box,
.containerB .pt_boxD	{background-color: #ffe8e8;}
.c_module, .c_module a	{background-color: #ffe8e8 !important;}

.pt_boxD	{background-color: #6a96ff;}
.pt_boxD, .pt_boxD a	{color: #FFF;}

.pt_box, .pt_box a	{color: #ff6868;}
.pt_col,
.c_module, .c_module a	{color: #ff6868 !important;}
.pt_bg	{background-color: #ff6868 !important;}

.c_module2, .c_module2 a	{background-color: #e9efff !important;}
.inkpf.color	{background-color: #e9efff; background-image: url("../../../../layouts/ink_layout/images/profile.png");}
.ink_message.ink_warn>div>h3,
.board_name .inner,
.ink_check input:checked + span	{background-color: #e9efff;}

.pt_col2,
.c_module2, .c_module2 a	{color: #6a96ff !important;}
.ink_link,
.ink_link2,
.board_name .inner,
.board_name .inner a,
.ink_check input + span>i	{color: #6a96ff;}
.ink_check.ink_radio input:checked + span,
.ink_banner_top	{background-color: #6a96ff;}
.pt_bg2	{background-color: #6a96ff !important;}
.ink_check input:checked + span	{border: 3px solid #6a96ff;}

.ib_color	{background-color: #6a96ff;}

.ink_pointbar	{color: #FFF; background-color: #a3acba;}
.ink_pointbar .current	{background-color: #4fd7c5;}
.notify_type.notify_type_C	{background-color: #4fd7c5;}
.notify_type.notify_type_V	{background-color: #ff6868;}
.notify_type.notify_type_E {background-color: #6a96ff;}

/* ------- board ------- */
.list_icon.new,
.paging .bt_page a.active,
.atc_vote .bt_vote,
.cmt_buttons .cmt_vote .bt_vote	{color: #ff6868;}
.ink_gallery .list_unit .new_atc::after	{border-top: 17px solid #ff6868; border-left: 17px solid #ff6868;}
.atc_vote .bt_vote.submitted,
.cmt_unit .cmt_vote .bt_vote.submitted	{background-color: #ff6868;}

.atc_vote .bt_vote	{background-color: #ffe8e8;}
.list_icon.new	{background-color: #ffe8e8;}

.hided_info .cmt_num.updated	{color: #ff9c9c; border-color: #ff9c9c;}

.atc_vote .bt_vote .voted_count	{border-left: 1px solid #ffcfcf;}
.atc_vote .bt_vote.submitted .voted_count	{border-left-color: #ff8686;}

.ink_rating>span::after,
.list_ctg2 a,
.xe_content a,
.atc_ex td a,
.atc_tags a:hover,
.atc_file li>a:hover,
.atc_file_list .file_icon.off,
.atc_authorD .title_link:hover,
.atc_authorD a:hover .fa-comment-dots,
.cmt_write_option .bt_write_type:hover i,
.notice_text	{color: #6a96ff;}
.atc_file a:hover .file_count,
.bt_report:hover .declared_count	{background-color: #6a96ff;}

.list_ctg2>span,
.atc_tags a:hover,
.atc_file li>a:hover,
.atc_file_list .file_icon.off 	{background-color: #e9efff;}
.atc_tags a:hover::before	{border-right-color: #e9efff;}

.notice_list,
.ldf_notice .faq_header,
.ldn tr.notice 	{background-color: #e9f4f4;}
.notice_list li	{border-bottom: 1px solid #dde8e8;}
.ink_list .notice_list li:last-child,
.ldn tr.notice,
.ldf_notice .list_unit	{border-bottom: 1px solid #dde8e8;}
.ldn tr.notice:first-child,
.ldf_notice .list_body	{border-top: 1px dotted #dde8e8;}
.list_wrap .notice_list .title_link:visited	{color: #adb5b6;}

.hided_info .list_ctg2>span	{background-color: rgba(106,150,255,0.8);}

/* ------- member ------- */
.mb_set	 {background-color: #e9efff;}
.mb_set .inkpf	{background-color: #d4e9df;}
.mb_set .point_text	{color: #9aa6a0;}

/* ------- widget ------- */
.w_list .list_icon.new,
.w_list .cmt_num	{color: #ff6868;}
.w_list .big_rank.new_atc::after	{border-top-color: #ff6868; border-left-color: #ff6868;}
.w_list .new_atcG::after	{border-top: 17px solid #ff6868; border-left: 17px solid #ff6868;}

.w_list .list_icon.new	{background-color: #ffe8e8;}

.box_rank.rank1 .list_rank,
.box_rank.rank2 .list_rank,
.box_rank.rank3 .list_rank	{color: #FFF;}
.w_list .board_nameS .inner::after	{color: #6a96ff;}

.box_rank.rank1 .list_rank	{background-color: #ff6868;}
.box_rank.rank2 .list_rank	{background-color: #6a96ff;}
.box_rank.rank3 .list_rank	{background-color: #4fd7c5;}

.wn .list_rank	{color: #6a96ff;}
.wl .nickname	{background-color: #9ed4bb;}

.board_nameS a:first-of-type:not(:only-of-type)	{border-right: 1px solid #d0ddff;}
.wg_news .board_nameS .inner,
.ws .list_board .inner,
.wg .hided_info .board_nameS .inner	{background-color: rgba(106,150,255,0.8) !important; color: #FFF !important;}
/* ------- etc ------- */

/* Original file: layouts/ink_layout/css_color/c_blueberry_pc.css */

/* ------- layout ------- */
.ib_monoC:hover,
.ib_monoC:hover i.only,
a.c_module2:hover,
button.c_module2:hover,
.open_mode .ink_gnb a:hover,
.sidebar_menu a:hover>span,
.ink_sidebar .sidebar_menu .active .fa-folder,
.ink_sidebar .sidebar_menu .active .fa-folder-open,
.board_name2 .inner:hover	{color: #6a96ff;}
.sbToggleOpen + .sbSelector	{color: #6a96ff !important;}
.ink_link2	{border-bottom: 1px solid #6a96ff;}
.nav_wrap.color_nav,
.view_mode.color_nav .ink_gnb,
.normal_mode.color_nav .menu_1depth,
.nav_wrap.color_nav .mymenu_title,
.nav_wrap.color_nav.fixed	{background-color: #6a96ff !important;}
.view_mode.color_nav .ink_gnb>ul>li,
.view_mode.color_nav .ink_gnb .menu_1depth	{border-color: #82a5fc;}

.open_mode .active>.menu_2depth	{color: #6a96ff;}

.ib_monoC:hover,
.sidebar_menu a:hover>span	{background-color: #e9efff;}
.board_name2 .inner:hover,
.sbToggleOpen + .sbSelector	{background-color: #e9efff !important;}

.ib_color::before	{background-color: #4fd7c5;}
.board_name .inner:hover	{background-color: #6a96ff;}

.ink_footer_wrap	{background-color: #454e5e;}
.ink_footer, .ink_footer a	{color: #b5b8bf;}
.ink_footer .footer_2nd	{border-top: 1px solid #58606e;}
.bt_footer_link	{border: 3px solid #58606e;}
.footer_box	{background-color: #303642;}
.footer_box li	{border-bottom: 1px solid #454a55;}

/* ------- board ------- */
.list_wrap .cmt_num	{color: #ff6868;}
.list_wrap .cmt_num.updated	{border-bottom: 1px solid #ff6868;}
.list_wrap .list_icon2.youtube	{background-color: #ff6868;}

.atc_vote .bt_vote:hover	{background-color: #ff6868;}
.atc_vote .bt_vote:hover .voted_count	{border-left-color: #e98787;}
.cmt_unit .cmt_buttons .cmt_vote .bt_vote:hover	{background-color: #ff6868; color: #FFF;}

.list_wrap .list_icon2.image	{background-color: #9ed4bb;}
.xe_content a,
.atc_ex td a	{border-bottom: 1px solid #6a96ff;}

.cmt_basic .cmt_ctrl a	{color: #6a96ff;}
.cmt_basic .cmt_ctrl a:hover,
.list_wrap .link_board_edit:hover	{border-bottom-color: #6a96ff;}

.notice_list,
.ldf_notice	{box-shadow: 0 0 10px rgba(115,159,159,0.15);}

/* ------- member ------- */
.ink_member .cmt_num	{color: #ff6868;}
.mb_set::before,
.mb_set::after	{background-color: #d5ece1;} /* b8daca */
.is_signup::after	{background: linear-gradient(#5c6785, #a9d1be);}

/* ------- widget ------- */
.w_list .cmt_num.updated	{border-bottom: 1px solid #ff6868;}
.ws_text .list_rank	{color: #6a96ff;}
.ws_text .swiper-pagination-bullet-active	{background-color: #6a96ff;}

/* ------- etc ------- */

/* Original file: modules/attendance/skins/ink_attendance/css/attendance.css */

.normal_font	{font-family: "Helvetica";}
.list_icon	{display: inline-block; width: 16px; height: 16px; border-radius: 5px; text-align: center;}

.bd_header	{position: relative;}
.header_buttons	{position: absolute; right: 0; bottom: 0;}
.header_buttons>span	{display: inline-block; margin-left: 15px;}
.bt_myatt_info.active	{transition-property: none;}
.myatt_info	{display: none; position: absolute; right: 0; margin-top: 10px; z-index: 1;}

.att_sat	{position: relative;}
.att_sat>ul>li	{padding: 5px;}
.att_sat>ul>li:first-child	{border-top: none;}
.att_sat .sat_title	{display: inline-block; margin-right: 10px;}
.att_sat .num_box	{margin-right: 3px;}

.att_navi	{position: relative;}
.att_navi .clock_check	{display: inline-block; border-radius: 5px;}
.att_navi .att_manage	{position: absolute; right: 0;}

.cal_caption	{position: relative;}
.cal_caption .month	{font-size: 34px; line-height: 34px;}
.cal_caption .cal_nav	{position: absolute; left: 50%; top: 50%; width: 90px; height: 20px; margin-left: -45px; margin-top: 3px;}
.cal_caption .cal_nav a,
.cal_caption .cal_nav span	{display: inline-block; width: 20px; height: 20px;}
.cal_caption .att_prev	{position: absolute; left: 0; top: 0;}
.cal_caption .att_next	{position: absolute; right: 0; top: 0;}
.cal_table	{width: 100%; border-collapse: collapse;}
.cal_table th	{padding: 5px; text-transform: uppercase;}
.cal_table th>span	{display: inline-block; width: 100%; box-sizing: border-box;}
.cal_table td	{width: 14%; text-align: center; vertical-align: top;}
.cal_table tr:last-child td	{border-bottom: none !important;}
.cal_table th:last-child,
.cal_table td:last-child	{border-right: none !important;}
.cal_table .day_unit	{position: relative; box-sizing: border-box;}
.cal_table .day_link	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.cal_table .day_text	{display: inline-block; position: absolute; font-size: 11px;}
.cal_table .dm	{display: inline-block; box-sizing: border-box;}
.cal_table .dm.day_checked	{color: #8ac7a1 !important;}
.cal_table .dm_count	{position: absolute; left: 5px; bottom: 5px; width: calc(100% - 10px); padding: 5px 0;}
.cal_info	{margin-top: 10px; text-align: right;}

.att_write	{margin-top: 25px;}
.att_write .ii	{margin-right: 5px;}

.att_list	{margin-top: 25px;}
.att_info .ranking_point	{float: right;}
.att_list .list_unit	{position: relative;}
.att_list .list_unit:first-child	{border-top: none !important;}
.att_list .list_unit.list_unit_top	{}
.att_list .list_unit_top>div	{border-radius: 15px;}
.att_list .list_unit_top .num_box,
.att_list .list_unit_top .num_box a	{color: #FFF;}
.att_list .list_unit_top .att_nickname	{font-weight: bold;}
.att_list .list_unit1	{border-top: 5px solid #D4AF37 !important;}
.att_list .list_unit1 .fa-medal	{color: #D4AF37;}
.att_list .list_unit1 .num_box	{background-color: #D4AF37;}
.att_list .list_unit2	{border-top: 5px solid #A9A9A9 !important;}
.att_list .list_unit2 .fa-medal	{color: #A9A9A9;}
.att_list .list_unit2 .num_box	{background-color: #A9A9A9;}
.att_list .list_unit3	{border-top: 5px solid #B08D55 !important;}
.att_list .list_unit3 .fa-medal	{color: #B08D55;}
.att_list .list_unit3 .num_box	{background-color: #B08D55;}

.att_list .att_nickname	{margin-right: 5px;}
.att_list .att_list_info	{display: inline-block;}
.att_list .att_list_info>span	{display: inline-block; margin-left: 5px;}
.att_list .att_body>p	{display: inline-block;}
.att_list .att_list_date	{margin-left: 5px;}

.paging	{text-align: center; font-size: 0;}
.paging .bt_page	{display: inline-block; padding: 5px 0;}
.paging .bt_page:first-of-type	{border-radius: 10px 0 0 10px;}
.paging .bt_page:last-of-type	{border-radius: 0 10px 10px 0; }
.paging .bt_page a	{display: inline-block; padding: 0 12px; height: 20px; line-height: 20px;}
.paging .page_num_wrap	{display: inline-block;}
.paging .page_num_wrap .bt_page	{border-radius: 0;}

/* color - grey */
.myatt_info	{background-color: #FFF;}
.att_sat,
.cal_table .day_unit.active,
.att_info	{background-color: #f7f7f7;}
.cal_table th>span	{background-color: #EEE;}
.cal_table td	{border-bottom: 1px solid #EEE; border-right: 1px solid #EEE;}
.att_list .list_unit	{border-top: 1px solid #EEE;}
.att_sat>ul>li	{border-top: 1px solid #e5e5e5;}
.cal_table .dm_count	{background-color: rgba(0,0,0,0.1);}
.cal_table .dm	{color: #BBB;}
.att_list .att_list_info,
.att_list .att_list_info a,
.att_list .att_list_date	{color: #999;}
.header_buttons a	{color: #666;}

/* color - mint */
.color_mint .myatt_info	{background-color: #FFF;}
.color_mint .att_sat,
.color_mint .cal_table .day_unit.active,
.color_mint .att_info	{background-color: #f4f9f9;}
.color_mint .cal_table th>span	{background-color: #e9f0f0;}
.color_mint .cal_table td	{border-bottom: 1px solid #e9f0f0; border-right: 1px solid #e9f0f0;}
.color_mint .att_list .list_unit	{border-top: 1px solid #e9f0f0;}
.color_mint .att_sat>ul>li	{border-top: 1px solid #d3e1e4;}
.color_mint .cal_table .dm_count	{background-color: rgba(0,0,0,0.1);}
.color_mint .cal_table .dm	{color: #a3acba;}
.color_mint .att_list .att_list_info,
.color_mint .att_list .att_list_info a,
.color_mint .att_list .att_list_date	{color: #808997;}
.color_mint .header_buttons a	{color: #535962;}

/* color - dark */
.color_dark .myatt_info	{background-color: #2d2d2d;}
.color_dark .att_sat,
.color_dark .cal_table .day_unit.active,
.color_dark .att_info	{background-color: #282828;}
.color_dark .cal_table th>span	{background-color: #282828;}
.color_dark .att_sat>ul>li	{border-top: 1px solid #222;}
.color_dark .cal_table .dm_count	{background-color: rgba(255,255,255,0.1);}
.color_dark .cal_table .dm	{color: #666;}
.color_dark .att_list .att_list_info,
.color_dark .att_list .att_list_info a,
.color_dark .att_list .att_list_date	{color: #999;}
.color_dark .header_buttons a	{color: #BBB;}

/* color - night */
.color_night .myatt_info	{background-color: #313541;}
.color_night .att_sat,
.color_night .cal_table .day_unit.active,
.color_night .att_info	{background-color: #2d313b;}
.color_night .cal_table th>span	{background-color: #2d313b;}
.color_night .att_sat>ul>li	{border-top: 1px solid #282b33;}
.color_night .cal_table .dm_count	{background-color: rgba(255,255,255,0.1);}
.color_night .cal_table .dm	{color: #656871;}
.color_night .att_list .att_list_info,
.color_night .att_list .att_list_info a,
.color_night .att_list .att_list_date	{color: #989aa0;}
.color_night .header_buttons a	{color: #b7b8bd;}

/* Original file: modules/attendance/skins/ink_attendance/css/attendance_pc.css */

/* board header */
.bd_header	{margin-bottom: 25px;}
.bd_title	{display: inline-block; font-size: 20px; vertical-align: bottom;}
.bd_desc	{display: inline-block; margin-left: 10px; vertical-align: bottom;}
.header_buttons>span	{margin-left: 15px;}
.list_icon	{margin: -2px 0 -2px 3px; font: bold 8px/16px "Arial"; vertical-align: middle;}
.myatt_info	{top: 100%; padding: 15px; border-radius: 15px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); line-height: 160%;}
.darkmode .myatt_info	{box-shadow: 0 10px 10px rgba(0,0,0,0.4);}

.att_sat	{border-radius: 15px; font-size: 13px;}
.att_sat::after	{content:''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%;}
.att_sat>ul>li	{display: inline-block; width: 50%; box-sizing: border-box; vertical-align: top;}
.att_sat>ul>li:nth-child(2)	{border-top: none;}
.att_sat .sat_title	{padding: 7px 12px; border-radius: 10px;}
.att_sat .num_box	{font-size: 12px;}

.att_navi	{margin-top: 25px; font-size: 16px;}
.att_navi .clock_check	{padding: 7px 12px; margin-right: 5px; font-size: 14px;}
.att_navi .att_manage	{bottom: 0;}

.cal_caption	{margin-top: 25px; padding: 15px 0 10px; background-color: #FFF; border-radius: 15px 15px 0 0;}
.cal_caption .year	{font-size: 12px;}
.cal_table	{border-radius: 0 0 15px 15px;}
.cal_table th>span	{padding: 8px; border-radius: 10px; font-size: 11px;}
.cal_table td	{height: 80px;}
.cal_table .day_unit	{height: 80px; padding: 20px 10px 10px 10px;}
.cal_table .day_text	{right: 10px; top: 10px;}
.cal_table .dm	{width: 40px; height: 40px; line-height: 40px; border-radius: 20px;}
.cal_table .dm.day_ask	{line-height: 120%; font-size: 11px; padding-top: 7px;}
.cal_table .dm_count	{border-radius: 10px; font-size: 12px;}
.cal_info	{font-size: 13px;}

.att_write .ii	{width: 300px;}

.att_list .num_box	{font-size: 12px;}
.att_info	{padding: 15px 20px; border-radius: 20px 20px 0 0;}
.att_list>ul	{border-radius: 0 0 20px 20px; font-size: 13px;}
.att_list .no_att	{padding: 15px 20px;}
.att_list .list_unit	{position: relative; padding: 15px 20px;}

.att_list .inkpf	{margin: -5px 5px;}
.att_list .att_nickname	{font-size: 14px;}
.att_list .att_body	{position: absolute; right: 20px; top: 50%; margin-top: -9px;}
.att_list .att_list_date	{font-size: 12px;}

.att_gift	{width: 100%; border-collapse: collapse; border-radius: 20px;}
.att_gift th	{padding: 10px 0;}
.att_gift th:first-child	{border-radius: 20px 0 0 0;}
.att_gift th:last-child	{border-radius: 0 20px 0 0;}
.att_gift td	{padding: 10px 0; text-align: center;}

.paging	{margin-top: 25px;}
.paging .bt_page	{font-size: 13px;}

/* color - grey */
.cal_caption,
.cal_table,
.att_list>ul,
.att_gift th	{background-color: #FFF;}
.att_gift	{background-color: #f9f9f9;}
.cal_table .dm	{background-color: #EEE;}
.att_gift tbody tr	{border-top: 1px solid #EEE;}
.att_sat::after	{background-color: #e5e5e5;}
.header_buttons a:hover	{color: #222;}

/* color - mint */
.color_mint .cal_caption,
.color_mint .cal_table,
.color_mint .att_list>ul,
.color_mint .att_gift th	{background-color: #FFF;}
.color_mint .att_gift	{background-color: #f4f9f9;}
.color_mint .cal_table .dm	{background-color: #e9f0f0;}
.color_mint .att_gift tbody tr	{border-top: 1px solid #e9f0f0;}
.color_mint .att_sat::after	{background-color: #d3e1e4;}
.color_mint .header_buttons a:hover	{color: #222428;}

/* color - dark */
.color_dark .cal_caption,
.color_dark .cal_table,
.color_dark .att_list>ul,
.color_dark .att_gift,
.color_dark .att_write .ii.ii2	{background-color: #2d2d2d;}
.color_dark .att_gift th	{background-color: #282828;}
.color_dark .cal_table .dm	{background-color: #222;}
.color_dark .att_gift tbody tr	{border-top: 1px solid #222;}
.color_dark .att_sat::after	{background-color: #222;}
.color_dark .cal_table td	{border-bottom: 1px solid #222; border-right: 1px solid #222;}
.color_dark .att_list .list_unit	{border-top: 1px solid #222;}
.color_dark .header_buttons a:hover	{color: #e9e9e9;}

/* color - night */
.color_night .cal_caption,
.color_night .cal_table,
.color_night .att_list>ul,
.color_night .att_gift,
.color_night .att_write .ii.ii2	{background-color: #313541;}
.color_night .att_gift th	{background-color: #2d313b;}
.color_night .cal_table .dm	{background-color: #282b33;}
.color_night .att_gift tbody tr	{border-top: 1px solid #282b33;}
.color_night .att_sat::after	{background-color: #282b33;}
.color_night .cal_table td	{border-bottom: 1px solid #282b33; border-right: 1px solid #282b33;}
.color_night .att_list .list_unit	{border-top: 1px solid #282b33;}
.color_night .header_buttons a:hover	{color: #ebebec;}

/* Original file: modules/keyword/tpl/plugin/jquery.autocomplete.css */

/**
 * @fileOverview CSS for jquery-autocomplete, the jQuery Autocompleter
 * @author <a href="mailto:dylan@dyve.net">Dylan Verheul</a>
 * @license MIT | GPL | Apache 2.0, see LICENSE.txt
 * @see https://github.com/dyve/jquery-autocomplete
 */
.acResults {
	padding: 0px;
	border: 1px solid #ccc;
	border-radius:2px;
	background-color: White;
	overflow: hidden;
	z-index:10000;
}

.acResults ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;	
}

.acResults ul li {
	margin: 0px;
	padding: 5px 8px;
	cursor: pointer;
	display: block;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.acLoading {
	background-image : url("../../../../modules/keyword/tpl/plugin/indicator.gif")!important;
	background-repeat: no-repeat!important;
	background-position:95% 50%!important;
}

.acSelect {
	transition:0.2s;
	background-color: #ededed;
}

.acResults div {
	display:none;
	position:relative;
	text-align:right;
	border-top:1px solid #ddd;
	background:#f7f7f7;
	padding:5px;
	color:#666;
}

.acResults span:hover {
	cursor:pointer;
	text-decoration:underline;
}

.acResult span {
	cursor:pointer;
}

/* Original file: widgets/ink_widget/skins/ink_widget_skin/css/widget.css */

/* widget list */
.w_list .list_icon	{display: inline-block; width: 16px; height: 16px; border-radius: 5px; text-align: center;}
.w_list .cmt_num	{margin-left: 2px;}
.w_list .box_rank .list_rank	{display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 5px; text-align: center;}
.w_list .n_rank	{position: absolute; left: 0; top: 0; width: 17px; padding-top: 2px; font-size: 11px; color: #FFF; text-align: center; z-index: 5;}
.w_list .n_rank::after	{content: ''; position: absolute; left: 0; top: 0; border: 15px solid transparent; border-top: 15px solid #222; border-left: 15px solid #222; z-index: -1;}
.w_list	.big_rank	{padding-left: 3px; padding-top: 3px; font-size: 14px;}
.w_list	.big_rank::after	{border-width: 20px;}
.w_list .new_atcG	{position: absolute; left: 0; top: 0; width: 30px; height: 30px; padding-left: 7px; box-sizing: border-box; font: 10px/20px "Arial"; color: #FFF; z-index: 5;}
.w_list .new_atcG::after	{content: ''; position: absolute; left: 0; top; 0; border: 17px solid transparent; z-index: -1;}
.w_list .list_link	{display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 3;}
.w_list .board_nameS .inner	{position: relative; height: 20px; line-height: 20px;}
.w_list .board_nameS .inner:first-of-type	{border-radius: 10px 0 0 10px;}
.w_list .board_nameS .inner:last-of-type	{border-radius: 0 10px 10px 0;}
.w_list .board_nameS .inner:only-of-type	{border-radius: 10px;}
.w_list .board_nameS .inner::after	{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; opacity: 0.3;}
.w_list .board_nameS .inner:last-of-type::after	{content: none;}
.darkmode .w_list .board_nameS .inner	{margin-right: -1px;}
.w_list .list_thumb .no_thumb	{display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 24px;}

/* list - normal */
.wn .list_ctg	{margin-right: 3px;}

/* list - webzine */
.ww .list_unit>li	{display: table; width: 100%; border-collapse: collapse;}
.ww .list_unit>li:last-child	{margin-bottom: 0;}
.ww .list_thumb	{display: table-cell; position: relative; width: 1%; vertical-align: top;}
.ww .list_thumb>a	{display: inline-block; overflow: hidden;}
.ww .list_thumb.round>a	{position: relative; border-radius: 50%;}
.ww .n_rank .list_rank	{position: absolute; left: 0; top: 0; text-align: center; z-index: 2;}
.ww .o_rank	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 28px; opacity: 0.8; text-align: center; color: #000; z-index: 2;}
.ww .list_body	{display: table-cell; vertical-align: middle;}

/* list - gallery */
.wg .list_vote	{display: inline-block; position: absolute; margin-left: 5px; background-color: rgba(0,0,0,0.3); border-radius: 15px; color: #FFF; z-index: 5;}

.wg .hided_info .list_thumb	{float: left; background-position: center center;}
.wg .hided_info .list_thumb::after	{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url("../../../../widgets/ink_widget/skins/ink_widget_skin/images/bg_news.png") repeat-x left bottom; z-index: 1;}
.wg .hided_info .list_body	{position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; z-index: 2;}
.wg .hided_info .board_nameS .inner	{color: #222 !important;}
.wg .hided_info .title_link	{color: #FFF;}
.wg .hided_info .list_summary,
.wg .hided_info .list_info,
.wg .hided_info .list_info a	{color: #CCC;}

/* list - gallery(news) */
.wg_news .list_thumb::after	{content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: 0.3; z-index: 1;}
.wg_news .round_thumb .list_thumb	{border-radius: 50%;}
.wg_news .list_body	{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; z-index: 2;}
.wg_news .board_nameS .inner	{color: #222 !important;}
.wg_news .title_link	{color: #FFF;}
.wg_news .list_info,
.wg_news .list_info a	{color: #DDD !important;}
.wg_news .list_vote	{display: inline-block; margin-top: 7px; background-color: rgba(0,0,0,0.3); border-radius: 15px; color: #FFF; z-index: 5;}
.wg_news .list_vote i	{margin-right: 3px;}

/* list - line */
.wl .nickname	{color: #FFF;}

/* swiper */
.swiper_ctn,
.swiper_ctn2,
.swiper-con {
	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;
}

/* list slide */
.ws.w_list	{padding-top: 0 !important; position: relative;}
.ws	{overflow: hidden;}
.ws .list_board .inner	{color: #222 !important;}
.ws .swiper-slide	{background-size: cover; background-position: center center;}
.ws .slide_info	{position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; z-index: 1;}
.ws .slide_info::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; z-index: -1;}
.ws .list_title	{color: #FFF;}
.ws .list_info	{color: #FFF !important;}
.ws .list_info>span,
.ws .list_vote_text	{opacity: 0.5;}
.ws .list_vote	{display: inline-block;}
.ink_widget .ws .swiper-pagination	{position: absolute; right: 15px; bottom: 15px; z-index: 10;}
.ink_widget .ws .swiper-pagination-bullet	{display: inline-block; background-color: #FFF; opacity: 0.5; cursor: pointer; transition-property: width; transition-duration: 0.3s;}
.ink_widget .ws .swiper-pagination-bullet-active	{opacity: 1; background-color: #FFF !important;}
.ws.no_info .swiper-pagination	{right: 0; width: 100%; text-align: center;}
.w_page_nav:focus	{outline: none;}

.ws_text .inner img	{max-width: 100%; height: auto; border-radius: 10px;}

/* Original file: widgets/ink_widget/skins/ink_widget_skin/css/widget_pc.css */

/* widget */
.ink_widget	{border-radius: 15px;}
.containerB .ink_widget:not(.no_box)	{overflow: hidden;}
.w_title	{position: relative; padding: 18px 20px 17px; border-radius: 15px 15px 0 0;}
.w_title h3	{font-size: 16px; letter-spacing: 0.1em;}

.ink_widget.no_box	{background-color: transparent !important;}
.ink_widget.no_box .w_title	{padding: 0 0 17px; margin-bottom: 20px; background-color: transparent !important;}

.ink_sidebar .ink_widget	{margin-bottom: 25px;}
.ink_sidebar .w_title	{padding: 15px;}
.ink_sidebar .w_title h3	{font-size: 14px; font-weight: bold; letter-spacing: 0;}

/* page */
.page_unit	{display: none; -webkit-transform:  translateZ(0);}
.page1	{display: block;}
.w_list_footer	{position: relative; margin-top: 20px; height: 18px;}
.w_list_footer>a	{display: inline-block; position: absolute; right: -5px; bottom: -5px; width: 30px; height: 30px; border-radius: 15px; line-height: 32px; text-align: center;}
.w_paging .inner	{display: inline-block; margin: 0 10px; padding-bottom: 2px; line-height: 14px; vertical-align: middle;}
.w_paging button	{vertical-align: middle;}
.w_paging .w_bullet	{display: inline-block; width: 6px; height: 6px; margin-right: 3px; border-radius: 3px;}
.w_paging .w_bullet:last-of-type	{margin-right: 0;}

.ink_widget.no_box .w_list_footer>a	{right: 0; bottom: 0;}
.ink_widget.no_box .w_list_footer>a:hover	{color: #FFF;}

/* tab */
.w_tab_unit	{display: inline-block;}
.has_title .w_tab	{position: absolute; right: 20px; top: 50%; margin-top: -7px; font-size: 13px; font-weight: bold;}
.has_title .w_tab_unit	{margin-left: 15px;}
.no_title .w_tab	{font-size: 16px;}
.no_title .w_tab_unit	{margin-right: 20px;}
.w_tab_con>ul>li	{display: none;}
.w_tab_con>ul>li.active	{display: block;}

.ink_widget.no_box .has_title .w_tab	{right: 0; top: auto; bottom: 17px;}

/* widget list */
.w_list	{padding: 20px;}
.w_list .list_icon	{margin: -2px 0 -2px 3px; border-radius: 5px; font: bold 8px/16px "Arial"; vertical-align: middle;}
.ink_header .w_list	{padding: 0 20px;}

.box_rank .list_rank	{font-size: 11px;}
.w_list .title_link	{line-height: 160%;}
.w_list .cmt_num	{font: 13px 'Arial'; vertical-align: middle; }
.w_list .list_vote	{font-size: 13px;}
.w_list .list_vote i	{font-size: 12px;}
.w_list .board_nameS	{margin-bottom: 7px;}
.w_list .board_nameS .inner	{font-size: 11px;}
.w_list .list_info	{margin-top: 5px; font-size: 13px;}
.w_list .list_info:empty	{display: none;}
.w_list .list_info>span	{margin-right: 15px;}
.w_list .list_summary	{margin-top: 5px; line-height: 160%; font-size: 13px;}
.w_list .list_thumb	{position: relative;}

.ink_widget.no_box .w_list	{padding: 0;}

.ink_sidebar .w_list	{padding: 15px;}

/* list - normal */
.wn .list_unit	{display: table; width: 100%;}
.wn .list_unit>li	{display: table-row;}
.wn .list_unit>li>div	{display: table-cell; vertical-align: top;}
.wn .list_rank_wrap	{width: 1%; white-space: nowrap; padding-right: 10px; padding-top: 2px; text-align: center; font-size: 18px; line-height: 18px;}
.wn .box_rank	{padding-top: 0;}
.wn .list_board	{width: 1%; padding-right: 10px; white-space: nowrap;}
.wn .list_board .inner	{width: 100%;}
.wn .list_main_wrap	{padding: 0 0 8px;}
.wn .list_unit>li:last-child .list_main_wrap	{padding-bottom: 0;}
.wn .list_main	{float: left; display: inline-block;}
.wn .list_vote	{margin-right: 3px;}
.wn .title_link	{line-height: 160%;}
.wn .list_info	{float: right; display: inline-block; margin-top: 1px; white-space: nowrap; overflow: hidden; line-height: 160%; font-size: 13px;}
.wn .list_info>span	{margin-right: 0;}
.wn .list_date	{margin-left: 5px;}

.ink_sidebar .wn .list_unit>li	{display: block; position: relative;}
.ink_sidebar .wn .has_rankD	{padding-left: 23px;}
.ink_sidebar .wn .has_rankB	{padding-left: 32px;}
.ink_sidebar .wn .list_unit>li>div	{display: inline-block;}
.ink_sidebar .wn .list_rank_wrap	{position: absolute; left: 0; top: 0; width: auto;}
.ink_sidebar .wn .list_board	{width: auto; margin-bottom: 5px;}
.ink_sidebar .wn .list_main	{float: none; width: 100% !important;}
.ink_sidebar .wn .list_info	{float: none;}

/* list - webzine */
.ww .list_unit>li	{margin-bottom: 15px;}
.ww .list_thumb>a	{width: 130px; height: 90px; border-radius: 15px;}
.ww .list_body	{padding-left: 15px;}

.ink_sidebar .ww .list_thumb>a,
.ink_sidebar .ww2 .list_thumb>a,
.ink_sidebar .wg .list_thumb,
.ink_sidebar .wg_news .list_thumb	{border-radius: 10px;}
.ink_sidebar .ww .list_body	{padding-left: 10px;}
.ink_sidebar .ww .title_link	{font-size: 13px;}
.ink_sidebar .ww .list_info,
.ink_sidebar .ww .list_summary	{font-size: 12px;}

/* list - webzine(ver) */
.ww_ver .list_unit:before,
.ww_ver .list_unit:after	{content: " ";  display: table;}
.ww_ver .list_unit:after	{clear: both;}
.ww_ver .first_item	{float: left; width: calc(50% - 12.5px);}
.ww_ver .first_item.only_item	{float: none; width: 100%;}
.ww_ver .first_item	.list_thumb	{margin-bottom: 10px;}
.ww_ver .first_item .list_thumb>a	{width: 100%;}
.ww_ver .list_item	{float: right; display: table; width: calc(50% - 12.5px); margin-bottom: 15px;}
.ww_ver .list_item:last-of-type	{margin-bottom: 0;}
.ww2 .list_thumb>a	{display: inline-block; border-radius: 15px; background-size: cover; background-position: center center; overflow: hidden;}
.ww2 .title_link	{font-size: 15px;}
.ww2.first_item .no_thumb i	{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 34px;}
.ww2.first_item .title_link	{font-size: 18px;}
.ww2.first_item .list_summary	{margin-top: 10px; font-size: 15px; line-height: 180%;}
.ww2.list_item .list_thumb	{display: table-cell; width: 1%; padding-right: 15px; vertical-align: top;}
.ww2.list_item .list_thumb>a	{width: 130px; height: 110px;}
.ww2.list_item .list_thumb img	{width: 130px; height: 110px; object-fit: cover;}
.ww2.list_item .list_thumb .no_thumb	{line-height: 110px;}
.ww2.list_item .list_body	{display: table-cell; vertical-align: middle;}
.ww2 .box_rank	{margin-right: 5px;}

.ink_sidebar .ww2 .list_info,
.ink_sidebar .ww2 .list_summary	{font-size: 12px;}
.ink_sidebar .ww2 .list_summary	{line-height: 160%;}
.ink_sidebar .ww2.first_item	{float: none; width: 100%; min-height: auto; padding-right: 0;}
.ink_sidebar .ww2.first_item .list_thumb	{position: static; margin-bottom: 5px;}
.ink_sidebar .ww2.first_item .list_thumb>a	{width: 100%;}
.ink_sidebar .ww2.first_item .title_link	{font-size: 14px;}
.ink_sidebar .ww2.list_item	{display: block; width: 100%; margin-top: 15px; margin-bottom: 0;}
.ink_sidebar .ww2.list_item .list_thumb>a	{width: 80px; height: 50px;}
.ink_sidebar .ww2.list_item .list_thumb img	{width: 80px; height: 50px; object-fit: cover;}
.ink_sidebar .ww2.list_item .list_thumb .no_thumb	{line-height: 80px;}
.ink_sidebar .ww2.list_item .list_body	{padding-left: 10px;}
.ink_sidebar .ww2.list_item .title_link	{font-size: 13px;}

/* list - webzine(hor) */
.ww_hor .first_item	{position: relative;}
.ww_hor .first_item .list_thumb	{position: absolute; right: 0; top: 0;}
.ww_hor .list_item	{display: inline-table; width: calc(50% - 12.5px); margin-top: 25px;}
.ww_hor .list_item:nth-child(2n)	{margin-right: 25px;}

/* list - gallery */
.wg .list_unit>li	{display: inline-block; position: relative; border-radius: 15px 15px 0 0; vertical-align: top;}
.wg .list_unit>li.hided_info,
.wg .list_unit>li.overlay	{border-radius: 15px;}
.wg .list_thumb,
.wg_news .list_thumb	{display: inline-block; position: relative; width: 100%; border-radius: 15px; background-position: center center; box-shadow: 0 0 0 rgba(0,0,0,); transition-property: box-shadow; transition-duration: 0.3s;}
.wg .list_thumb .no_thumb,
.wg_news .list_thumb .no_thumb	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 34px;}
.wg .list_thumb .no_thumb i,
.wg_news .list_thumb .no_thumb i	{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.wg .list_vote	{right: 12px; top: 12px; padding: 5px 12px;}
.wg .list_vote i	{margin-right: 3px; font-size: 13px;}
.wg .list_body	{padding-top: 10px;}
.wg .title_link	{line-height: 160%; font-size: 16px;}
.wg .list_info	{margin-top: 8px;}
.wg .list_summary	{font-size: 14px;}

.wg .hided_info>li	{position: relative;}

.wg .hided_info .list_thumb	{border-radius: 15px !important;}
.wg .hided_info .list_thumb::after	{border-radius: 0 0 15px 15px;}
.wg .hided_info .list_body	{padding: 0 20px 20px;}
.wg .hided_info .list_info	{font-size: 12px;}

.wg .hided_info:not(.overlay) .list_thumb::after,
.wg .hided_info:not(.overlay) .list_info2,
.wg .hided_info:not(.overlay) .list_body	{opacity: 0; transition-property: opacity; transition-duration: 0.3s;}
.wg .hided_info>li:hover .list_thumb:not(.list_thumbN)::after,
.wg .hided_info>li:hover .list_info2,
.wg .hided_info>li:hover .list_body	{opacity: 1;}

.no_box .wg .list_unit>li	{border-radius: 15px; background-color: #FFF;}
.no_box .wg .list_thumb	{border-radius: 15px 15px 0 0;}
.no_box .wg .list_body	{padding: 18px 20px;}

.ink_sidebar .wg .list_body	{padding-top: 5px;}

/* list - gallery(news) */
.wg_news .list_unit>li	{display: inline-block; position: relative; vertical-align: top;}
.wg_news .list_thumb::after	{border-radius: 15px;}
.wg_news .title_link	{font-size: 16px;}
.wg_news .list_info,
.wg_news .list_info a	{font-size: 13px;}
.wg_news .list_vote	{padding: 5px 12px;}
.wg_news .list_vote i	{margin-right: 3px;}

/* list - comment */
.wr .list_unit>li	{display: inline-block; vertical-align: top;}
.wr .list_body	{position: relative; padding: 12px 15px 15px; box-sizing: border-box; border-radius: 15px;}
.wr .list_body::after	{content: ''; position: absolute; left: 15px; top: 100%; border: 5px solid transparent;}
.wr .title_link	{display: inline-block; min-height: 45px; word-break: break-all;}
.wr .list_date	{margin-top: 5px; font-size: 12px;}
.wr .list_nickname	{padding-top: 15px; font-size: 13px;}
.wr .inkpf	{margin-right: 3px; width: 30px; height: 30px;}

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

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

/* list - slide */
.ws	{border-radius: 15px;}
.ws .w_slide_title	{position: absolute; left: 0; top: 0; border-radius: 0 0 15px 0; padding: 15px 25px; background-color: rgba(0,0,0,0.4); letter-spacing: 0.1em; font-size: 16px; z-index: 10;}
.ws .w_slide_title a	{color: #FFF;}
.ws .slide_info	{padding: 20px;}
.ws .list_board	{margin-bottom: 10px;}
.ws .list_title	{font-size: 16px;}
.ws .list_info	{margin-top: 10px;}
.ws .swiper-pagination-bullet	{width: 10px; height: 10px; border-radius: 5px; margin-left: 5px;}
.ws .swiper-pagination-bullet-active	{width: 20px;}
.ws.no_info .swiper-pagination	{right: 0; width: 100%; text-align: center;}
.ws .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;}
.ws .w_page_nav img	{margin-top: 12px;}
.ws .swiper-button-prev	{left: 10px;}
.ws .swiper-button-next	{right: 10px;}
.ws:hover .swiper-button-prev	{left: 0; opacity: 1;}
.ws:hover .swiper-button-next	{right: 0; opacity: 1;}

.ink_sidebar .ws .w_slide_title	{padding: 8px 15px; font-size: 14px;}

/* list - slide(text) */
.ws_text	{position: relative;}
.ws_text>div	{overflow: hidden;}
.ws_text .has_rank	{position: relative; padding-left: 35px;}
.ws_text .list_rank	{position: absolute; left: 0; top: 0; font-size: 22px;}
.ws_text .swiper-pagination	{margin-top: 10px; height: 15px; text-align: center;}
.ws_text .swiper-pagination-bullet	{display: inline-block; width: 6px; height: 6px; margin: 0 2px; border-radius: 3px; cursor: pointer;}
.ws_text .w_page_nav	{display: inline-block; position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; line-height: 32px; border-radius: 15px; text-align: center; cursor: pointer; transition-property: opacity, left, right; transition-duration: 0.2s; opacity: 0; z-index: 10; background-color: rgba(0,0,0,0.2); color: #FFF; text-align: center;}
.ws_text .swiper-button-prev	{left: 15px;}
.ws_text .swiper-button-next	{right: 15px;}
.ws_text:hover .swiper-button-prev	{left: 5px; opacity: 1;}
.ws_text:hover .swiper-button-next	{right: 5px; opacity: 1;}

.ws_text.full .title_link	{font-size: 16px;}
.ws_text.full .list_info	{margin-bottom: 10px;}
.ws_text.full .list_full .inner	{padding: 0; line-height: 160%; font-size: 14px;}

.top_code .ws_text .title_link	{font-size: 15px;}
.top_code .ws_text .swiper-pagination	{margin-top: 7px;}

/* Original file: addons/responsive/css/photoviewer.css */

/*!
 *  *  ____  _   _  ___  _____  ___  _   _ _____ ____ _    _ ____ ____
 *   * |  _ \| | | |/ _ \|_   _|/ _ \| | | |_   _|  __| |  | |  __|  _ \
 *    * | |_| | |_| | | | | | | | | | | | | | | | | |__| |  | | |__| |_| |
 *     * |  __/|  _  | | | | | | | | | | |_| | | | |  __| |/\| |  __|    /
 *      * | |   | | | | |_| | | | | |_| |\   / _| |_| |__|  /\  | |__| |\ \
 *       * |_|   |_| |_|\___/  |_|  \___/  \_/ |_____|____|_/  \_|____|_| \_\
 *        *
 *         * photoviewer - v2.2.0
 *          * A JS plugin to view images just like in Windows
 *           * https://github.com/nzbin/photoviewer#readme
 *            *
 *             * Copyright (c) 2018 nzbin
 *              * Released under MIT License
 *               */

.photoviewer-modal {
  position: absolute;
  z-index: 1090;
  width: 320px;
  height: 320px;
  cursor: default;
  overflow: visible !important;
}

.photoviewer-inner {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: 1px solid #666;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: inherit;
}

.photoviewer-maximize {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.photoviewer-maximize .photoviewer-inner {
  border-radius: 0;
}

.photoviewer-maximize .photoviewer-resizable-handle {
  display: none;
}

.photoviewer-toolbar {
  font-size: 0;
}

.photoviewer-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  font-size: 16px;
  color: #3d3d3d;
  line-height: 1;
  text-align: center;
  background: none;
  border-width: 0;
  border-radius: 0;
  cursor: pointer;
  outline: none;
}

.photoviewer-button:hover {
  color: #111;
}

.photoviewer-button svg {
  display: inline-block;
  font-size: inherit;
  width: 1em;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
}

.photoviewer-header {
  position: relative;
  z-index: 2;
  height: 30px;
}

.photoviewer-header .photoviewer-toolbar {
  float: right;
}

.photoviewer-header .photoviewer-button {
  height: 30px;
}

.photoviewer-header .photoviewer-button:hover {
  color: #333;
  background-color: #eee;
}

.photoviewer-header .photoviewer-button-close:hover {
  color: #fff;
  background-color: #ff4545;
}

.photoviewer-title {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333;
  overflow: hidden;
}

.photoviewer-stage {
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 40px;
  left: 0;
  z-index: 1;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background-color: #fff;
  overflow: hidden;
}

.photoviewer-stage.stage-ready {
  text-align: center;
  font-size: 0;
}

.photoviewer-stage.stage-ready:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  overflow: hidden;
}

.photoviewer-image {
  position: relative;
  display: inline-block;
}

.photoviewer-image.image-ready {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.photoviewer-footer {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 40px;
  color: #fff;
  text-align: center;
}

.photoviewer-footer .photoviewer-toolbar {
  display: inline-block;
}

.photoviewer-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  color: #333;
}

.photoviewer-loader::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 36px;
  height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  -webkit-animation: photoviewerLoading 1s infinite linear;
  animation: photoviewerLoading 1s infinite linear;
}

.photoviewer-loader::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  overflow: hidden;
}

@-webkit-keyframes photoviewerLoading {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}

@keyframes photoviewerLoading {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}

.photoviewer-resizable-handle {
  position: absolute;
  z-index: 10;
}

.photoviewer-resizable-handle-e {
  top: 0;
  right: -5px;
  bottom: 0;
  left: auto;
  width: 10px;
  cursor: e-resize;
}

.photoviewer-resizable-handle-s {
  top: auto;
  right: 0;
  bottom: -5px;
  left: 0;
  height: 10px;
  cursor: s-resize;
}

.photoviewer-resizable-handle-w {
  top: 0;
  right: auto;
  bottom: 0;
  left: -5px;
  width: 10px;
  cursor: w-resize;
}

.photoviewer-resizable-handle-n {
  top: -5px;
  right: 0;
  bottom: auto;
  left: 0;
  height: 10px;
  cursor: n-resize;
}

.photoviewer-resizable-handle-se {
  top: auto;
  right: -5px;
  bottom: -5px;
  left: auto;
  width: 10px;
  height: 10px;
  cursor: se-resize;
}

.photoviewer-resizable-handle-sw {
  top: auto;
  right: auto;
  bottom: -5px;
  left: -5px;
  width: 10px;
  height: 10px;
  cursor: sw-resize;
}

.photoviewer-resizable-handle-nw {
  top: -5px;
  right: auto;
  bottom: auto;
  left: -5px;
  width: 10px;
  height: 10px;
  cursor: nw-resize;
}

.photoviewer-resizable-handle-ne {
  top: -5px;
  right: -5px;
  bottom: auto;
  left: auto;
  width: 10px;
  height: 10px;
  cursor: ne-resize;
}

:-webkit-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-webkit-full-screen .photoviewer-header,
:-webkit-full-screen .photoviewer-footer,
:-webkit-full-screen .photoviewer-resizable-handle {
  display: none;
}

:-webkit-full-screen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-moz-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-moz-full-screen .photoviewer-header,
:-moz-full-screen .photoviewer-footer,
:-moz-full-screen .photoviewer-resizable-handle {
  display: none;
}

:-moz-full-screen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-ms-fullscreen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-ms-fullscreen .photoviewer-header,
:-ms-fullscreen .photoviewer-footer,
:-ms-fullscreen .photoviewer-resizable-handle {
  display: none;
}

:-ms-fullscreen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:full-screen .photoviewer-header,
:full-screen .photoviewer-footer,
:full-screen .photoviewer-resizable-handle {
  display: none;
}

:full-screen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-webkit-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-moz-full-screen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-ms-fullscreen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:fullscreen {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

:-webkit-full-screen .photoviewer-header,
:-webkit-full-screen .photoviewer-footer,
:-webkit-full-screen .photoviewer-resizable-handle {
  display: none;
}

:-moz-full-screen .photoviewer-header,
:-moz-full-screen .photoviewer-footer,
:-moz-full-screen .photoviewer-resizable-handle {
  display: none;
}

:-ms-fullscreen .photoviewer-header,
:-ms-fullscreen .photoviewer-footer,
:-ms-fullscreen .photoviewer-resizable-handle {
  display: none;
}

:fullscreen .photoviewer-header,
:fullscreen .photoviewer-footer,
:fullscreen .photoviewer-resizable-handle {
  display: none;
}

:-webkit-full-screen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-moz-full-screen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:-ms-fullscreen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

:fullscreen .photoviewer-stage {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 0;
  background-color: #000;
}

::-webkit-backdrop {
  background-color: #000;
}

::backdrop {
  background-color: #000;
}

::-ms-backdrop {
  background-color: #000;
}

.is-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.is-grabbing {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* sourceMappingURL=photoviewer.css.map */