@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/contents/skins/default/form/file/css/common.css */

/* Bubble */
.board .bubble{position:relative}
.board .bubble .wrp{display:none;position:absolute;right:100%;bottom:0%;z-index:100;padding:3px;margin:-8px 10px;background:#FFF;border:1px solid #999;border-radius:5px;white-space:nowrap;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);box-shadow:1px 1px 3px rgba(0,0,0,.2);}
.board .bubble .speech{display:inline-block;padding:3px 6px;font-weight:normal;line-height:1.5em;text-decoration:none}
.board .bubble .edge{display:inline-block;position:absolute;right:-6px;bottom:18px;left:auto;width:6px;height:9px;margin-top:-5px; background:url("../../../../modules/contents/skins/default/form/file/img/edge.png") no-repeat 0 -96px}
.board .bubble:hover .wrp,.bubble:focus .wrp{display:block}
.board .bubble .wrp:hover ,.bubble .wrp:focus{display:none}

/* Board Reset */
.board{padding:10px 0 25px 0;color:#333;}
.board .inputText,
.board textarea,
.board select{ border:1px solid;}
.board label{ cursor:pointer;}
.board img{ border:0;}
.board .document_popup_menu,
.board .comment_popup_menu{ text-align:right; font-size:11px;}
.board .document_popup_menu{ margin:1em 0;}
.board .comment_popup_menu{ margin:1em 0;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ text-decoration:underline;}
.board .hr{ display:none;}

/* Board Header */
.boardHeader *{ margin:0 0 20px 0; padding:0;}
.boardHeader a{ text-decoration:none; color:#4d4d4d;}
.boardHeader a:hover,
.boardHeader a:active,
.boardHeader a:focus{ text-decoration:underline;} 
.boardHeader .boardTitle{ letter-spacing:-.1em; margin-bottom:10px; border-bottom:3px solid #ddd; *zoom:1; background-repeat:no-repeat; background-position:left 8px;}
.boardHeader .boardTitle:after{ content:""; display:block; clear:both;}
.boardHeader .boardTitleText{ font-size:18px; float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 5px; border-bottom:3px solid; border-color:#666; background-image:url("../../../../modules/contents/skins/default/form/file/img/lineVr11.gif"); background-repeat:no-repeat; background-position:right bottom;}
.boardHeader .boardTitleText a{ text-decoration:none; color:#000;}
.boardHeader .boardTitleText em{ font-style:normal; font-weight:normal; color:#666;}
.boardHeader .boardDescription{ padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; background:#f8f8f8;}

/* Board Information */
.boardInformation{width:100%; padding:15px 0; font-size:1em; line-height:normal; *zoom:1;}
.boardInformation *{ margin:0; padding:0;}
.boardInformation a{ text-decoration:none;}
.boardInformation a:hover,
.boardInformation a:active,
.boardInformation a:focus{ text-decoration:underline;} 
.boardInformation:after{ content:""; display:block; float:none; clear:both;}
.boardInformation ul{ overflow:hidden;}
.boardInformation .infoSum{ float:left; font-size:16px; font-weight:bold; margin-right:20px;}
.boardInformation .infoView{ float:right;}
.boardInformation .infoView li{ position:relative; float:left; margin-left:3px; display:inline;}
.boardInformation .infoView li.setup{ margin:0 7px;}
.boardInformation .infoView li.setup a{ display:block; float:left; width:43px; height:23px; background-repeat:no-repeat;}
.boardInformation .infoView li.setup a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* Board List Form */
.boardListForm{ margin:0; line-height:normal;}
.boardListForm *{ margin:0; padding:0;}
.boardListForm fieldset{ border:0; clear:both;}
.boardListForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardListForm em,
.boardListForm strong{ font-style:normal;}

/* Board List */
.boardList{ border:0; border-top:1px solid #bababa; width:100%;}
.boardList a{ text-decoration:none; color:#4d4d4d;}
.boardList a:hover,
.boardList a:active,
.boardList a:focus{ text-decoration:underline;} 
.boardList th{ border:0; border-bottom:1px solid #dcdcdc; padding:8px 6px 7px 6px; white-space:nowrap; text-align:center; line-height:normal; font-weight:normal; color:#4d4d4d;}
.boardList th.title{ width:100%;}
.boardList td{ border:0; border-bottom:1px solid #e6e6e6; padding:8px 6px 7px 6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; color:#4d4d4d;}
.boardList td.category{ font:11px dotum; color:#588f95;}
.boardList tr.notice{background-color:#f8f8f8;}
.boardList tr.notice a:hover { text-decoration:none;} 
.boardList td.notice{ font-size:11px; font-weight:bold;}
.boardList td.num{ font:9px Tahoma;}
.boardList td.num b{ font:11px dotum; color:#e97d81;}
.boardList td.title { width:100%; white-space:normal; text-align:left;}
.boardList td.title img{ vertical-align:middle; margin:0 1px;}
.boardList td.title .author{ font-size:11px;}
.boardList td.author{ font-size:11px; text-align:left;}
.boardList td.reading{ font:9px Tahoma;}
.boardList td.date{ font:9px Tahoma;}
.boardList .replyNum{ font:9px Verdana;}
.boardList .notice td.category{background:url("../../../../modules/contents/skins/default/form/file/img/icon_notice.gif") no-repeat center; padding:0 20px;}

.boardList .meta{ position:relative; overflow:hidden; margin:0 0 10px 0; padding:0; list-style:none; white-space:nowrap;}
.boardList .meta li{ position:relative; left:-10px; display:inline; padding:0 5px 0 10px; background-repeat:no-repeat; background-position:left center; font-size:11px;}
.boardList .meta li.category{ font:11px dotum; color:#588f95;}
.boardList .meta li.author{ font-size:11px;}
.boardList .meta li.date{ font:9px Tahoma;}
.boardList .meta li em{ font-size:9px;}
.boardList .meta li b{ font:11px dotum; color:#e97d81;}

.boardList.webZine tr.bg1 td,
.boardList.webZine tr.bg2 td{padding:22px 6px 22px 6px; *padding:22px 6px 21px 6px;}
.boardList.webZine td.title p.title{ margin-bottom:9px;}
.boardList.webZine td.title p.title .category{ font-size:12px;}
.boardList.webZine td.title p.title  a.title{ font-size:15px; font-weight:bold;}
.boardList.webZine .copyright{ color:#c2c2c2; text-decoration:none; font-size:15px; font-weight:bold;}
.boardList.webZine td.title p.summary{ line-height:18px; margin-bottom:8px;}
.boardList.webZine td.title p.summary a{ text-decoration:none;}
.boardList.webZine td.title .thumb{ float:right; clear:right; border:1px solid; padding:8px; margin-left:50px;}
.boardList.webZine td.title .by{ font:9px Tahoma;}

.thumbList{ border-bottom:1px solid; border-top:0; *zoom:1; margin-right:-30px; padding:5px 0;}
.thumbList:after{ content:""; display:block; clear:both;}
.thumbList li{ position:relative; margin:14px; padding:0; list-style:none; overflow:hidden; float:left;}
.thumbList li .num{ color:#888; font-size:9px; margin-bottom:6px;}
.thumbList li .thumb{ position:relative; float:left; clear:both; overflow:hidden; padding:8px; margin-bottom:14px; border:1px solid;}
.thumbList li .thumb a{ display:block; position:relative; *zoom:1; text-decoration:none !important;}
.thumbList li .thumb a *{ cursor:pointer;}
.thumbList li .thumb a img{ display:block;}
.thumbList li .thumb a .text{ position:absolute; left:0; top:50%; margin-top:-.8em; *margin-top:-1.5em; display:block; width:100%; text-align:center; font-size:2em; font-weight:bold; white-space:nowrap; letter-spacing:-1px;}
.thumbList li .thumb a .noPhoto{ display:inline-block; font-size:11px; text-align:center;}
.thumbList li .title{ font-weight:bold; clear:both; white-space:nowrap; margin-bottom:3px;}
.thumbList li .title .copyright a{ color:#c2c2c2; text-decoration:none;} 
.thumbList li .title input{ width:13px; height:13px; vertical-align:middle; white-space:nowrap;}
.thumbList li .meta{ margin-top:5px; margin:10px 0; line-height:16px;position:relative; white-space:normal; *zoom:1; text-align:left; overflow:visible;}
.thumbList li .meta li{ float:none; margin:0; white-space:nowrap; *zoom:1;}
.thumbList li .meta .category{ line-height:16px;}
.thumbList .lastReply { text-align:left; font-size:11px;}
.thumbList .lastReply a { display:block; }
.thumbList .by{ font:9px Tahoma;}

/* Board Navigation */
.board .boardNavigation{ padding:30px 0; margin:-1px 0 0 0; text-align:center; border-top:1px solid; *zoom:1; _zoom:0;}
.board .boardNavigation:after{ content:""; display:block; float:none; clear:both;}
.board .boardNavigation .pagination{ padding:5px 0;}
.board .boardNavigation .buttonLeft{ float:left; text-align:left;}
.board .boardNavigation .buttonRight{ float:right; text-align:right;}

/* Search Form */
.boardSearchForm{ position:relative; margin:0; padding:1px 0; line-height:normal;}
.boardSearchForm *{ margin:0; padding:0;}
.boardSearchForm fieldset{ border:0; clear:both; text-align:center; position:relative;}
.boardSearchForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardSearchForm fieldset *{ vertical-align:top;}
.boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardSearchForm select{ font-size:12px; height:23px; border:1px solid;}
.boardSearchForm .inputText{ width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}

.boardSearchForm .infoEtc{ position:absolute; top:7px; right:0;}
.boardSearchForm .infoEtc li{ display:inline;}
.boardSearchForm .infoEtc li a{ display:inline-block; height:11px; background-repeat:no-repeat; overflow:hidden;}
.boardSearchForm .infoEtc li a span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.boardSearchForm .infoEtc li.contributors a{ width:12px; background-position:0 0;}
.boardSearchForm .infoEtc li.tag a{ width:42px; background-position:-11px 0;}

.boardReadHeader a{ text-decoration:none;}
.boardReadHeader a:hover,
.boardReadHeader a:active,
.boardReadHeader a:focus{ text-decoration:underline;}
.boardReadHeader a{ color:#262626;}

.boardReadBody{overflow:hidden; padding:30px 0; *zoom:1;}

.boardReadFooter .memberSignature { border:1px solid; padding:10px; margin:1em 0; overflow:hidden; *zoom:1; clear:both; -moz-border-radius:5px; -webkit-border-radius:5px;}
.boardReadFooter .memberSignature img.profile { margin:0 1em 0 0; border:1px solid;}
.boardRead .boardNavigation{ border-top:1px solid;}

/* Feedback List */
.feedbackList{ overflow:hidden; padding-top:15px; margin-bottom:10px; border-top:1px solid;}
.feedbackList .feedbackHeader{ float:left; font-weight:bold; margin:1em 1em .5em 0; font-size:16px;}
.feedbackList .feedbackHeader em{ font-style:normal;}
.feedbackList .trackbackList,
.feedbackList .replyList{ clear:both;}

.feedbackList .item{ position:relative; border-top:1px dashed; *zoom:1;}
.feedbackList .item .indent{ position:relative; *zoom:1;}
.feedbackList .item .indent:after{ content:""; display:block; clear:both;}
.feedbackList .item.itemReply .indent{ padding-left:15px; background-repeat:no-repeat; background-position:0 1.2em;}

.feedbackList .item .author{ margin:0 5px 0 0;}
.feedbackList .item .author a{ font-size:12px; text-decoration:none; font-weight:bold;}
.feedbackList .item .author a:hover,
.feedbackList .item .author a:active,
.feedbackList .item .author a:focus{ text-decoration:underline;}
.feedbackList .item  .date{padding:0 5px;font-size:11px;color:#888}

.feedbackList .item .itemContent { position:relative; padding:1em 0 1em 75px; *zoom:1; z-index:1;}
.feedbackList .item .itemContent:after{ content:""; display:block; clear:both;}
.feedbackList .item .itemContent .xe_content{margin-top:10px; width:auto !important;}
.feedbackList .item .itemContent .xe_content a { text-decoration:underline; }
.feedbackList .item .itemContent .option{ position:relative; margin:1em 0; padding:0; list-style:none; white-space:nowrap; overflow:hidden; *zoom:1; float:right;}
.feedbackList .item .itemContent .option li{ position:relative; left:-1px; display:inline; padding:0 0 0 5px; background-repeat:no-repeat; background-position:left center; font-size:11px;}
.feedbackList .item .itemContent .option li.wouldYou{ background:none;}
.feedbackList .item .itemContent .option li a{ text-decoration:none;}
.feedbackList .item .itemContent .option li a:hover,
.feedbackList .item .itemContent .option li a:active,
.feedbackList .item .itemContent .option li a:focus{ text-decoration:underline;} 
.feedbackList .item .itemContent .delete{ position:relative; display:inline-block; width:13px; height:13px; background-repeat:no-repeat; background-position:center center; vertical-align:middle;}
.feedbackList .item .itemContent .delete span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.feedbackList .item.itemOnly{ border-top:0;}

.feedbackList .item .itemAside{ position:relative; float:left; width:100px; margin-right:-100px; padding:1em 0 0 0; *zoom:1; text-align:left; z-index:2;}
.feedbackList .item .itemAside img.profile{ display:block; border:1px solid #e6e6e6; margin-bottom:5px; width:53px; height:53px; padding:3px;}

/* Attached File */
.attachedFile { position:relative; float:left; width:100%;}
.attachedFile *{ margin:0; padding:0; font-size:11px; vertical-align:middle;}
.attachedFile dt img{ margin-right:10px;}
.attachedFile dt .fileToggle{ border:0; padding:0; overflow:visible; cursor:pointer; font-size:11px; background:none; vertical-align:middle;}
.attachedFile dd{ position:relative; margin-right:5px; display:none; margin-top:5px; padding-left:40px;}
.attachedFile.open dd{ display:block;}
.attachedFile ul.files { position:relative; margin:0 0 1em 0; padding:0; clear:both; list-style:none; text-align:left;}
.attachedFile ul.files *{ display:inline-block; *display:inline; padding:0; margin:0; font-size:11px;}
.attachedFile ul.files li{ position:relative; margin:0 10px 0 0;}
.attachedFile ul.files a{ position:relative; background-repeat:no-repeat; background-position:left center; *zoom:1; text-decoration:none !important;}
.attachedFile ul.files a .bubble{ display:none; position:absolute; top:-20px; left:0; padding:2px 5px; z-index:100; white-space:nowrap;}
.attachedFile ul.files a:hover .bubble,
.attachedFile ul.files a:active .bubble,
.attachedFile ul.files a:focus .bubble{ display:block;}

/* Editor */
.board .boardEditor{ border:1px solid; margin-bottom:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.board .boardEditor .commentEditor{ margin:15px; *zoom:1; position:relative;}

/* Editor Option */
.board .editorOption{ margin:1em 0; text-align:left;}
.board .editorOption *{ vertical-align:middle;}
.board .editorOption select{ margin-right:10px; font-size:12px;}
.board .editorOption label{ margin-right:10px;}
.board .editorOption .inputText{ padding:3px 4px; height:15px; margin:0 10px 5px 0; font-size:12px; vertical-align:middle;}

/* Button */
.buttonOfficial,
.buttonOfficial span,
.buttonOfficial input,
.buttonOfficial button{ position:relative; vertical-align:middle; display:inline-block; height:25px; font-size:12px; line-height:25px; color:#4d4d4d; cursor:pointer; background-image:url("../../../../modules/contents/skins/default/form/file/img/buttonOfficial.gif"); background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; padding:0; background-color:transparent;}

.buttonOfficial .report{background:url("../../../../modules/contents/skins/default/img/ico_report.gif") no-repeat 0 25%; padding-left:14px;}

.buttonOfficial{ background-position:left top; margin-right:4px;}
.buttonOfficial span,
.buttonOfficial input,
.buttonOfficial button{ left:4px; background-position:right top; padding:0 8px 0 4px;}

a.buttonOfficial{ _margin-top:-1px;}
a.buttonOfficial span{ _vertical-align:top;}

/* Pagination */
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#4d4d4d; font-family:Tahoma, Sans-serif; margin:0; padding:2px 6px; font-size:11px; vertical-align:middle;}
.pagination strong{ color:#ff3636 !important; border:1px solid #e7e7e7;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; margin:0 !important; white-space:nowrap; text-decoration:none !important; border:1px solid #e7e7e7; background-image:url("../../../../modules/contents/skins/default/form/file/img/arrowPagination.gif"); background-repeat:no-repeat;}
.pagination a.prevEnd{ padding-left:14px; background-position:left center; }
.pagination a.nextEnd{ padding-right:14px; background-position:right center; }


.board .inputText,
.board textarea,
.board select{ background:#fff; color:#333; border-top-color:#a6a6a6; border-left-color:#a6a6a6; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ color:#8b8b8b;}
.board .boardNavigation{ border-color:#bababa;}

/* Board Information */
.boardInformation em,
.boardInformation strong{ color:#ff6600;}
.boardInformation .infoView li.setup a{ background-image:url("../../../../modules/contents/skins/default/form/file/img/buttonSetup.gif");}

.boardList.webZine td.title p.summary a{ color:#888;}
.boardList.webZine td.title .thumb{ border-color:#e0e0e0;}

.thumbList{ border-color:#ddd;}
.thumbList li .thumb{ background:#fff; border-color:#ddd;}
.thumbList li .thumb a .text{ color:#ccc;}
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}
.thumbList li .thumb a .noPhoto{ background:#eee;}
.thumbList li .title a{ color:#262626;}
.thumbList li .summary a{ color:#888;}

/* Board Read */
.boardReadFooter .memberSignature{ border-color:#f0f0f0; background-color:#fdfdfd;}
.boardReadFooter .memberSignature img.profile { border-color:#eee;} 

.feedbackList{ border-color:#f0f0f0;}
.feedbackList .feedbackHeader a{ color:#000;}
.feedbackList .feedbackHeader em{ color:#ff6600;}
.feedbackList .item{ border-color:#f0f0f0;}
.feedbackList .item.itemReply .indent{ background-image:url("../../../../modules/contents/skins/default/form/file/img/iconReply.gif");}
.feedbackList .item .author{ color:#8b8b8b;}
.feedbackList .item .author a{ color:#262626;}
.feedbackList .item .itemContent .option li{ background-image:url("../../../../modules/contents/skins/default/form/file/img/lineVr9.gif");}
.feedbackList .item .itemContent .option li a{ color:#666;}
.feedbackList .item .itemContent .delete{ background-image:url("../../../../modules/contents/skins/default/form/file/img/buttonDelete.gif");}
.feedbackList .item .itemAside .meta{ color:#adadad;}

/* Time */
.time *{ color:#666;}
.time dt{ background:#fff;}

/* Attached File */
.attachedFile ul.files a{ padding-left:15px; background-image:url("../../../../modules/contents/skins/default/form/file/img/iconFile.gif"); color:#4d4d4d;}
.attachedFile dt a { color:#4d4d4d;}
.attachedFile ul.files a .bubble{ border:1px solid #ddd; background-color:#fff; color:#4d4d4d;}

/* Editor */
.board .boardEditor{ border-color:#ddd; background:#f8f8f8;}

/* Layer */
#popup_menu_area{background:#fff; border-color:#eee;}
#popup_menu_area ul{ border-color:#ddd;}
#popup_menu_area li a{ color:#000;}

.purchaseMessage { text-align:center; color:#ff0000; font-weight:bold; padding-top:30px; }
.BEdeclare { text-align:center; font-weight:bold; padding-bottom:10px; }
.BEdeclare a{ text-decoration:none; color:#333;}
.BEdeclare u{ color:#ff0000;}

.starPoint { margin:0 0 10px 0; padding:0; list-style:none; overflow:hidden; *zoom:1; }
.starPoint li { float:left; margin-right:3px; }
.starPoint li a { text-decoration:none; width:11px; height:11px; background:url("../../../../modules/contents/skins/default/img/starOff.gif") no-repeat left top; color:#fff; font-size:1px; line-height:0; display:block; }
.starPoint li a.on { background-image:url("../../../../modules/contents/skins/default/img/starOn.gif"); }

.commentArea { width:98%; border:1px solid #ddd; height:60px; padding:5px; font-size:12px; }

.ContentsForm{ width:100%; border:0; border-bottom:1px solid; border-color:#ddd;}
.ContentsForm em{ font-style:normal; font-weight:normal;}
.ContentsForm th,
.ContentsForm td{ border:0; padding:7px 10px; text-align:left; border-top:1px solid; border-color:#ddd;}
.ContentsForm th{ white-space:nowrap;}
.ContentsForm .inputText{ padding:3px 4px; margin-right:10px; font-size:12px; width:69%; border:1px solid #ccc;}
.ContentsForm .inputUrl{ padding:3px 4px; margin-right:10px; font-size:12px; width:90%; border:1px solid #ccc;}
.ContentsForm .inputName{ padding:3px 4px; margin-right:10px; font-size:12px; width:150px; border:1px solid #ccc;}
.ContentsForm  label{ margin-right:10px;}
.ContentsForm td{ width:100%;}
.ContentsForm td *{ vertical-align:middle;}

.ContentsFormX{ width:100%; border:0; border-bottom:1px solid; border-color:#ddd;}
.ContentsFormX em{ font-style:normal; font-weight:normal;}
.ContentsFormX th,
.ContentsFormX td{ border:0; padding:7px 10px; text-align:left;}
.ContentsFormX .inputNum{ padding:3px 4px; font-size:12px; width:50px; border:1px solid; float:left; border-color:#ccc;}
.ContentsFormX .inputDate{ padding:3px 4px; font-size:12px; width:70px; border:1px solid; border-color:#ccc;}
.ContentsFormX .auto_fix{ padding:3px 4px; font-size:12px; width:100px; border:1px solid; float:left; border-color:#ccc; text-align:center; color:#00b0a2; font-weight:bold; white-space:nowrap;}
.ContentsFormX th{ white-space:nowrap; width:1%;}
.ContentsFormX td{ width:20%;}
.ContentsFormX td *{ vertical-align:middle;}

.extraVarsList{ width:100%; border:0; border-bottom:1px solid; margin:15px 0; border-color:#ddd;}
.extraVarsList caption{ text-align:right; color:#999;}
.extraVarsList em{ font-style:normal; font-weight:normal; color:#ff6600;}
.extraVarsList th,
.extraVarsList td{ border:0; padding:5px 10px; text-align:left; border-top:1px solid; vertical-align:top; border-color:#ddd;}
.extraVarsList th{ white-space:nowrap; background:#f4f4f4;}
.extraVarsList td{ width:100%; background:#fff;}
.extraVarsList td p{ display:block; *display:block; margin:3px 0;}
.extraVarsList td *{ vertical-align:middle;}
.extraVarsList td li{ display:inline; margin-right:10px;}
.extraVarsList td .inputText{ padding:3px 4px; font-size:12px; width:96%; display:block;}
.extraVarsList td .inputNum{ padding:3px 4px; font-size:12px; width:50px; border:1px solid; border-color:#ccc;}
.extraVarsList td .inputCheck{ width:13px; height:13px; margin-right:5px;}
.extraVarsList td select { font-size:12px;}
.extraVarsList td textarea{ padding:3px 4px; font-size:12px; width:96%; display:block; overflow:auto;}
.extraVarsList tr td input,
.extraVarsList tr td textarea{ font-size:12px;}
.extraVarsList tr td .text { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:90%; }
.extraVarsList tr td .email_address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
.extraVarsList tr td .homepage { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
.extraVarsList tr td .tel { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:40px; margin-right:10px;}
.extraVarsList tr td .textarea { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:90%; height:80px; }
.extraVarsList tr td ul { margin:0; padding:0; list-style:none; }
.extraVarsList tr td ul li { display:inline-block; margin-right:10px; }
.extraVarsList tr td ul li input { margin-right:5px; vertical-align:middle;}
.extraVarsList tr td .date { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:100px; }
.extraVarsList tr td .address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }

 /* 파일 콘텐츠 형태 */

 .contentsList {width:100%; border-collapse:collapse; border-top:1px solid #7a7a7a;}
 .contentsList th,
 .contentsList td {font-family:dotum; color:#999; white-space:nowrap;}
 .contentsList th {height:32px; font-weight:bold; color:#555; padding:0 8px; border-bottom:1px solid white; background:url("../../../../modules/contents/skins/default/form/file/img/mnShare_bbslist_thline.gif") left bottom repeat-x; vertical-align:middle;}
 .contentsList td {padding:7px 8px 3px 8px; text-align:center;font-size:12px; line-height:20px; border-bottom:1px solid #e6e6e6;}
 .contentsList td img {vertical-align:middle;max-width:none;}
 .contentsList th.title{ width:100%;}
 .contentsList td.num {font-size:9px; font-family:Verdana, dotum; color:#999; letter-spacing:-1px; padding: 0 15px;}
 .contentsList td.num b{ font:11px dotum; color:#e97d81;}
 .contentsList td.category {font-size:11px; font-family:dotum; color:#588f95; letter-spacing:-1px;}
 .contentsList td.subject {padding-top:0; padding-left:15px; padding-bottom:0; text-align:left;}
 .contentsList td.subject a {position:relative; display:block; height:30px; text-decoration:none;overflow:hidden;vertical-align:middle; color:#333; zoom:1; z-index:2;}
 .contentsList td.subject a:hover,
 .contentsList td.subject a:active,
 .contentsList td.subject a:focus{color:#0075c8;} 
 .contentsList td.subject a img {margin-top:-1px; _margin-top:-2px;}
 .contentsList td.subject a .textOverflow {padding:7px 0 2px; line-height:30px; overflow:hidden;vertical-align:middle; white-space:normal;}
 .contentsList td.subject a .textOverflowT {display:block; padding:7px 0 2px; line-height:20px; overflow:hidden; background:white; zoom:1;}
 .contentsList td.subject a .textOverflowT .txt {display:inline-block; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 .contentsList td.subject a .textOverflowT .txt-over {display:none; position:absolute;}
 .contentsList .contentsLT td.subject a:hover .textOverflowT {position:absolute; top:0; left:0; padding-right:10px; font-weight:bold; cursor:pointer; z-index:2; color:#000000;}
 .contentsList td.subject a:hover .textOverflowT .txt {position:absolute; display:none;}
 .contentsList td.subject a:hover .textOverflowT .txt-over {display:inline-block; position:static;}
 .contentsList td.copyright {padding-top:0; padding-left:15px; padding-bottom:0; width:100%; white-space:normal; text-align:left;}
 .contentsList td.copyright a { color:#c2c2c2; text-decoration:none; overflow:hidden;}
 .contentsList td.capacity {font-size:9px; font-family:Verdana, dotum; color:#999;}
 .contentsList td.point {font-size:9px; font-family:Verdana, dotum; color:#999;}
 .contentsList td.point strong{font-size:11px;}
 .contentsList td.nickname {font-size:11px; font-family:dotum; color:#999; text-decoration:none;}
 .contentsList td.nickname a {font-size:11px; font-family:dotum; color:#999; text-decoration:none;}
 .contentsList .notice {background:#f8f8f8;}
 .contentsList .notice td.subject a {color:#666 !important; text-decoration:none;}
 .contentsList .notice td.subject a .textOverflow {overflow:hidden; width:100%; text-overflow:ellipsis; background:#f8f8f8; white-space:normal; }
 .contentsList .notice td.category{background:url("../../../../modules/contents/skins/default/form/file/img/icon_notice.gif") no-repeat center; padding:0 20px;}
 .contentsList .notice td.nickname {font-weight:bold; color:#767676;}
 .contentsList .notice td img {position:relative; top:-1px; z-index:0;}
 .contentsList .replyNum{ font:9px Verdana;}

 /* file List */
.fileList{ border:0; border-top:1px solid; width:100%;}
.fileList a{ text-decoration:none;}
.fileList a:hover,
.fileList a:active,
.fileList a:focus{ text-decoration:underline;} 
.fileList th{ border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; white-space:nowrap; text-align:center; line-height:normal; font-weight:normal;}
.fileList th.file{ width:100%;}

.fileList th a .sort{ vertical-align:middle; margin:0 5px;}
.fileList td{ border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; white-space:nowrap; text-align:center; line-height:normal;   vertical-align:middle;}
.fileList .fileName{text-align:left; white-space:normal;}
.fileList{ border-color:#bababa;}
.fileList a{ color:#4d4d4d;}
.fileList th{ border-color:#dcdcdc; color:#4d4d4d;}
.fileList th a{ color:#66c;}
.fileList td{ border-color:#eee; color:#4d4d4d;} 

.Filepurchase {display:block; padding:30px 0 0 0; text-align:center;}

.filelnfo{ width:100%; border:0; border-bottom:1px solid; border-color:#ddd;}
.filelnfo em{ font-style:normal; font-weight:normal;}
.filelnfo th,
.filelnfo td{ border:0; padding:7px 10px; text-align:left; border-top:1px solid; border-color:#ddd;}
.filelnfo th{ white-space:nowrap;}
.filelnfo td{ width:100%;}
.filelnfo td p{ white-space:nowrap;}
.filelnfo td *{ vertical-align:middle;}

.filelnfoX{ width:100%; border:0; margin-bottom:20px;}
.filelnfoX em{ font-style:normal; font-weight:normal;}
.filelnfoX a:hover,
.filelnfoX a:active,
.filelnfoX a:focus{ text-decoration:none;} 
.filelnfoX th,
.filelnfoX td{ border:0; padding:7px 10px; text-align:left; border-bottom:1px solid #ddd;}
.filelnfoX th{ white-space:nowrap; width:1%;}
.filelnfoX td{ width:20%;}
.filelnfoX td *{ vertical-align:middle;}

.myList{background:url("../../../../modules/contents/skins/default/form/file/img/bgHeader.gif") no-repeat 0 -100px}
.myList table{border:0;border-bottom:1px solid #cdcdcd;color:#4a4a4a;background:url("../../../../modules/contents/skins/default/form/file/img/bgHeader.gif") no-repeat right -100px}
.myList a{text-decoration:none;color:#4a4a4a}
.myList a:hover,
.myList a:active,
.myList a:focus{text-decoration:underline}
.myList th{border:0;padding:8px 0 9px 0;height:14px;white-space:nowrap}
.myList th:first-child span{border:0}
.myList th span{display:block;border-left:1px solid #c7c7c7;padding:0 15px;height:14px}
.myList td{border:0; text-align:center; border-bottom:1px solid #e6e6e6;padding:8px 5px;white-space:nowrap;vertical-align:top}
.myList tr:last-child td{border:0}
.myList td.contentName {text-align:left; white-space:normal}
.myList td.no{text-align:center;font:9px Tahoma, Geneva, sans-serif}
.myList td.no b{font:11px dotum; color:#e97d81;}
.copyright a{color:#c2c2c2; text-decoration:none;}

.contentError td {background-color:#FFDDDD;}

/* Category Tab */
.cTab{position:relative;padding:0;list-style:none;zoom:1;}
.cTab:after{content:"";display:block;clear:both}
.cTab li{float:left;margin:0 2px 0 0;border:1px solid #e0e0e0;border-top:0;border-bottom:0}
.cTab li.on{border:1px solid #999;border-top:0;margin-bottom:-1px}
.cTab li a{position:relative;top:-1px;border-top:1px solid #e0e0e0;float:left;height:25px;line-height:25px;padding:0 20px;font-size:12px;font-family:나눔고딕, NanumGothic, "맑은 고딕", "MalgunGhotic";text-decoration:none;color:#666;font-weight:bold}
.cTab li em{font:11px Tahoma, Geneva, sans-serif;color:#767676;padding:0 0 0 2px}
.cTab li.on a{color:#000;top:-1px;border-top:1px solid #999}

.buttontext input{ position:relative; vertical-align:middle; display:inline-block; font-size:12px; color:#0075c8; font-weight:bold; cursor:pointer; background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; padding:0; background-color:transparent;}
.buttontext.purchaseDecide input{color:#FF5900;}

.fileTorrentList{ display:none; position:absolute; z-index:99; margin:60px 0 0 30px; padding:10px; width:320px; height:230px; background:#fff; border:1px solid #acb8d7; text-align:left; font-size:8pt;}
.fileTorrentList.active{ display:block;}
.TorrentInfo{ line-height:18px;}
.fileTorrentList .list{ margin-top:5px; width:319px; height:185px; border:1px solid #cdcdcd; overflow:auto;}
.fileTorrentList table {border-collapse:collapse;}
.fileTorrentList td {padding:4px 0; width:100%; border-bottom:1px solid #cdcdcd;}
.folder_icon{padding-left:13px; background:url("../../../../modules/contents/skins/default/form/file/img/folder_icon.gif") no-repeat;}
.file_icon{padding-left:13px; background:url("../../../../modules/contents/skins/default/form/file/img/icon_disk.gif") no-repeat;}
.fileTorrentList td.int{font-family:굴림;font-size:8pt; text-align:right; padding-left:5px; padding-right:5px; white-space:nowrap;}
.fileTorrentList .close{ position:absolute; cursor:pointer; border:0; padding:0; top:8px; right:5px; width:10px; height:10px; background:transparent url("../../../../modules/contents/skins/default/form/file/img/buttonCloseX.gif") no-repeat center center;}
.fileTorrentList .close span{ position:absolute; font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}

.pointInfo li{ position:relative; float:left; margin-left:10px; display:inline;}
.pointInfo li span{ color:#ef007c;}

.certifyAdult .aboutAertify{text-align:center;}
.certifyAdult .aboutAertify p{padding:10px; font:12px dotum; color:#ff0000; line-height:20px;}
.certifyAdult .message{text-align:center; padding:10px; margin:10px; background-color:#FFDDDD; border:1px solid #e97d81;}
.certifyAdult .message p{color:#3a32c3;}
.certifyAdult .AertifyForm{ width:100%; border:0; border-bottom:1px solid; border-color:#ddd;}
.certifyAdult .AertifyForm th,
.certifyAdult .AertifyForm td{ border:0; padding:7px 10px; text-align:left; border-top:1px solid; border-color:#ddd;}
.certifyAdult .AertifyForm th{ white-space:nowrap;}
.certifyAdult .AertifyForm .textName{ padding:3px 4px; margin-right:10px; font-size:12px; width:191px; border:1px solid #ccc;}
.adultOption {float:right; padding-bottom:8px;}

.listOrder {float:right; padding: 0 0 8px 8px;}
.board .ContentSearch{margin: 10px 0;padding: 10px;border: 1px solid #9B9EA3;background: #F4F4F4;text-align: center;}
.board .ContentSearch .searchOption{margin-bottom:5px}
.board .ContentSearch .searchOption .oDetail{display:inline-block;padding:10px}
.board .ContentSearch .searchOption .oDetail ul{margin:5px 0;padding:10px;list-style:none;overflow-y: scroll;background:#fff;border: 1px solid #9B9EA3;text-align:left; width:160px;height:80px;}
.board .ContentSearch .searchOption .oDetail ul li{margin:0;padding:0;display:inline;}
.board .ContentSearch .searchOption .oDetail h2{margin:0;padding:0;font-size:13px;text-align:left}
.board .ContentSearch .searchOption .oDetail label{display: block;white-space:nowrap;margin:0 5px;}
.board .ContentSearch .searchOption .oDetail h3{margin:5px 0;padding:3px 7px; background: #F4F4F4;font-size:12px;text-align:left}

/* 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 */