@charset "UTF-8";

/* Original file: layouts/ink_layout_test/css_color/b_grey.css */

.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:#222}.ib_mono,.ib_monoC,.ink_dropdown .bt,.board_name2 .inner{color:#666}.font_grey1,.font_grey1 a,.ib_mono3,.ib i.only{color:#999}.sns_login .sns_warn i{color:#BBB}.ii::-webkit-input-placeholder{color:#bbb}.ii::-moz-placeholder{color:#bbb}.ii:-ms-input-placeholder{color:#bbb}.ii:-moz-placeholder{color:#bbb}textarea::-webkit-input-placeholder{color:#bbb}textarea::-moz-placeholder{color:#bbb}textarea:-ms-input-placeholder{color:#bbb}textarea:-moz-placeholder{color:#bbb}.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:#f7f7f7}.bg_grey2,.ib_mono,.ib_monoC,.ii,.ink_pointbar,.board_name2 .inner,.ink_check input:active+span,.sns_login.not_only::before{background-color:#EEE}.bt_group .ib{border-right:1px solid #e5e5e5}.notify_list>ol>li{border-bottom:1px dotted #e5e5e5}.ink_check>span{border:3px solid #e5e5e5}.ink_check.ink_radio>span{background-color:#CCC}.notify_type{background-color:#BBB}.ink_check.ink_radio input:active+span{background-color:#AAA}.write_notice{background-color:#ffffea}.global_notice>ul>li:after{background-color:#ebebd7}.list_ctg,.atc_header .atc_ctg{color:#596476}.write_ex .ip>input:focus{background-color:#fcf8e3}.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:#222}.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:#666}.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:#999}.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:#BBB}.ink_rating::after,.ldw .list_thumb>a,.ink_gallery .list_thumb .no_image>i,.cmt_rating{color:#DDD}.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}.ink_board .xe_content pre,.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:#f7f7f7}.atc_ip a{border-bottom:1px solid #f7f7f7}.cmt_not_permitted{border:5px solid #f7f7f7}.write_option_color .ii{background-color:#f7f7f7!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:#EEE}.list_wrap .extra_table{border:3px solid #EEE}.ldf .list_unit,.atc_who.show h3,.cmt_basic .cmt_unit,.cmt_basic .page_line,.cmt_basic .cmt_prev{border-bottom:1px solid #EEE}.atc_history .history_content{border:5px dashed #EEE}.atc_ex th,.atc_ex td{border:1px solid #EEE}.atc_tags a::before{border-right:12px solid #EEE}.memo_form_dummy .bt_editor{border-left:1px solid #EEE}.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 #EEE}.cmt_page .bt_cmt_prev{border:5px solid #EEE}.cmt_bubble .page_line{height:10px;border-bottom:1px solid #EEE;border-top:1px solid #EEE}.ink_board .xe_content pre{border:1px solid #e5e5e5}.list_wrap .extra_table th,.list_wrap .extra_table td{border-bottom:1px solid #e5e5e5}.list_wrap .extra_table th{border-right:1px solid #e5e5e5}.ldw .list_summary,.ldf .list_body,.write_ex .ip>p{border-top:1px dotted #e5e5e5}.atc_file_list li{border-bottom:1px dotted #e5e5e5}.list_icon.updated{background-color:#DDD}.atc_vote .bt_blame .voted_count{border-left:1px solid #DDD}.atc_vote .bt_blame.submitted .voted_count{border-left-color:#AAA}.atc_file .file_count,.atc_vote .bt_blame.submitted,.bt_report .declared_count{background-color:#999}.cmt_unit .cmt_buttons .cmt_vote .bt_blame.submitted{background-color:#999!important}.document_title a:hover{color:#222}.mb_table td{color:#666}.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:#999}.mb_message>i,.mb_signup .help-block i,.letter_list .state.readed{color:#BBB}.comment_content,.mb_login .keep_msg,.letter_list .list_body,.mb_signup>h3{background-color:#f7f7f7}.comment_content::after{border-top:5px solid #f7f7f7;border-left:5px solid #f7f7f7}.mb_content .top_bt_area,.mb_table tr,.mb_list>ul>li,.letter_list>ul{border-bottom:1px solid #EEE}.mb_table th{border-right:1px solid #EEE}.mb_agreement .agreement_title,.mb_agreement .agreement_box{border:1px solid #EEE}.letter_list>ul>li,.ink_message .letter_content .inner{border-top:1px solid #EEE}.comment_vote .blamed_count{background-color:#999}.box_rank .list_rank,.wn .box_rank .list_rank,.pr_item_del,.ink_rank .count{color:#999}.ws_text.full .list_full .inne{color:#666}.mymenu_edit .empty{color:#BBB}.w_list .list_thumb .no_thumb{color:#DDD}.pr_item_del,.pr_item_add{border:1px dotted #DDD}.w_list .list_thumb .no_thumb{background-color:#f7f7f7}.box_rank .list_rank{background-color:#EEE}.mb_list .list_info>span::after{background-color:#DDD}.mb_sns .mb_table th{border-bottom:3px double #EEE}.mb_sns .mb_table td{border-right:1px solid #EEE}.sticker_notice{background-color:#f7f7f7}.sticker_notice .notice_icon{color:#BBB}

body {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fff), color-stop(38%, #fdfdfe)) !important;
    background-image: -o-linear-gradient(top, #fff 5%, #fdfdfe 38%) !important;
    background-image: linear-gradient(to bottom, #fff 5%, #fdfdfe 38%) !important;
}
.ink_sidebar .is_logged{
    border:1px solid #e3e5e8;
}
.ink_sidebar .ink_module,
.containerN .ink_widget{
   border:1px solid #e3e5e8;
   overflow: hidden;
   padding:10px;
}
.ink_wrap .w_title,
.ink_wrap .has_navbox .header_side, .ink_wrap .notify_wrap.fixed h3, .ink_wrap .notify_wrap.fixed .bt_area, .ink_wrap .ink_sidebar .ink_module h3, .ink_wrap .no_header .ink_top::before{
    background:#fff;
    border-bottom:1px solid #e3e5e8;
    margin:0 10px;
    padding-left:10px; 
}
.c_module2, .c_module2 a {
    background-color: #fff !important;
}

/* Original file: layouts/ink_layout_test/css_color/b_grey_pc.css */

.ink_bt_top{background-color:rgba(255,255,255,.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:#222}.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:#666}.bt_nav button,.ink_gnb a,.sbOptions a{color:#999}.ink_sidebar .sidebar_menu .fa-folder,.ink_sidebar .sidebar_menu .fa-folder-open{color:#CCC}.ink_top a:hover{border-bottom:1px solid #222}.notify_list li:hover strong:nth-of-type(2){border-bottom-color:#222}.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,.normal_mode .ink_gnb>ul>li>ul>li>ul{background-color:#FFF}.has_layout_bg .no_navbox,.has_layout_bg .has_navbox .nav_wrap{background-color:rgba(255,255,255,.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:#f7f7f7}.has_layout_bg .has_navbox .header_side{background-color:rgba(247,247,247,.9)}body,.notify_wrap.fixed .inkpf,.ink_sidebar .is_logged .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:#fefefe}.has_sidebox.no_navbox .logo{border-left:1px solid #EEE;border-right:1px solid #EEE}.ink_header .is_unlogged>a:first-of-type{border-right:1px solid #EEE}.no_navbox .nav_wrap,.view_mode .ink_gnb>ul>li>ul>li>ul{border-top:1px solid #EEE}.nav_wrap.normal_mode .ink_gnb>ul>li>ul>li,.containerB>.ink_top,.containerB .ink_header,.view_mode .ink_gnb>ul>li>ul>li>ul{border-bottom:1px solid #EEE}.nav_wrap.view_mode .ink_gnb>ul>li{border-right:1px solid #EEE}.ib_mono2{background-color:#e5e5e5}.ib_mono3::before{background-color:#f2f2f2}.ink_login2 .keep_desc{border:1px solid #e5e5e5}.ink_sidebar.left_sidebar::after,.ink_sidebar.right_sidebar::after{background-color:#e5e5e5}.ib_mono::before,.scrollbar-macosx>.scroll-element .scroll-bar{background-color:#DDD}.ib_mono2::before{background-color:#d5d5d5}.ink_top .bt_open_gn .num_box2{background-color:#BBB}.global_notice>ul{background-color:#fcf8e3}.memo_notice .notice_body{background-color:#fcf8e3}.list_category .active>a,.list_category2 .active>a,.list_buttons .has_bubble:hover,.list_wrap .list_cmt.new_cmt,.bt_cmt_reload:hover{color:#222}.cmt_bubble .cmt_ctrl a,.memo_form_dummy .bt_editor:hover i,.memo_ctrl a,.bt_cmt_reload{color:#666}.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:#999}.list_type a,.list_wrap .list_cmt{color:#BBB}.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}.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,.has_authorD::before,.ldd .now_reading,.bt_send_msg,.cmt_bubble .cmt_ctrl,.cmt_write_sp,.memo_ctrl{background-color:#FFF}.containerN .ink_list{background-color:#f9f9f9; border:1px solid #e3e5e8}.list_category2>ul>li>a,.list_category2>ul>li>ul,.list_type a,.list_buttons .has_bubble,.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:#f7f7f7}.atc_ctrl a{border-bottom:1px solid #f7f7f7}.containerB .atc_header{border:5px solid #f7f7f7}.list_wrap .inkpf,.list_wrap .list_cmt,.has_authorD::after,.cmt_bubble .bt_cmt_ctrl,.containerB .bt_memo_ctrl,.list_unit:hover .list_cmt,.best_articles::after{background-color:#EEE}.paging .bt_page a{border-right:1px solid #EEE}.ldd .list_unit,.cmt_bubble .cmt_ctrl a,.containerN .write_header,.memo_ctrl a,.containerB .ldn table{border-bottom:1px solid #EEE}.containerB .ldn table{border-top:1px solid #EEE}.write_ex>ul{border:3px solid #EEE}.containerB .memo_body{border:1px solid #EEE}.containerB .memo_form .write_ex>ul{border-color:#EEE}.containerB .my_atc .memo_body{border:5px solid #EEE}.list_wrap .list_cmt.new_cmt{background-color:#e5e5e5}.ldd .list_summary{border-top:1px dotted #e5e5e5}.write_ex .lb{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.write_ex .ip{border-bottom:1px solid #e5e5e5}.containerN .memo_form .write_ex>ul{border-color:#e5e5e5}.containerN .my_atc .memo_body{border:5px solid #e5e5e5}.ldd .list_info>span:not(.ink_rating)::after,.ldw .list_info>span::after,.containerN .bt_memo_ctrl{background-color:#DDD}.bt_send_msg{border:3px solid #DDD}.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:#CCC}.cmt_prev .bt_cmt_prev:hover{border-color:#CCC}.bt_send_msg:hover{border-color:#BBB}.atc_ip a:hover{border-bottom-color:#BBB}.atc_vote .bt_blame:hover .voted_count{border-left-color:#BBB}.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:#999}.cmt_unit .cmt_buttons .cmt_vote .bt_blame:hover{background-color:#999!important}.list_wrap .list_icon2.file{background-color:#666}.atc_ctrl a:hover{border-bottom-color:#222}.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:#222}.mb_buttons .has_bubble,.mb_info_tab a{color:#999}.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:#f7f7f7}.scrap_folder .ink_dropdown .bt,.letter_list>ul::after{background-color:#EEE}.paging .bt_page a{border-right:1px solid #EEE}.scrap_folder,.mb_signup>ul>li,.ink_message .letter_content .inner,.mb_agreement{border-bottom:1px solid #EEE}.mb_login .keep_msg{border:1px solid #EEE}.mb_saved .list_content,.mb_signup .help-block{border-top:1px dotted #e5e5e5}.tab_letter .num_box2{background-color:#BBB}.mb_set .mb_info_menu a:hover{border-bottom-color:#666}.w_tab_unit.active>a,.pr_item_del:hover{color:#222}.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:#999}.w_paging i,.w_tab_unit>a{color:#BBB}.mymenu_node .fa-folder,.mymenu_node .fa-folder-open{color:#CCC}.color_nav .mymenu_title,.color_nav .mymenu_title a{color:#FFF}.containerN .ink_widget,.ink_content .ink_rank ol,.containerN .no_box .wr .list_body,.ldw .list_unit:hover,.ldd .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:#f7f7f7}.wr .list_body::after,.containerB .no_box .wr .list_body::after{border-top:5px solid #f7f7f7;border-left:5px solid #f7f7f7}.containerB .ink_content .ink_widget{border:1px solid #EEE}.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 #EEE}.ink_widget.no_box .w_title{border-bottom:1px solid #DDD}.ws_text .swiper-pagination-bullet{background-color:#DDD}.w_paging .w_bullet{background-color:#CCC}.ink_widget.no_box .w_list_footer>a:hover{background-color:#999}.ink_atc.has_list{border:1px solid #e3e5e8;}

/* Original file: layouts/ink_layout_test/css_color/c_emerald.css */

.pt_box,.containerB .pt_boxD{background-color:#fae7e7}.c_module,.c_module a{background-color:#fae7e7!important}.pt_boxD{background-color:#f3e2e2}.pt_box,.pt_boxD,.pt_box a,.pt_boxD a{color:#e67979}  .pt_col,.c_module,.c_module a{color:#e67979!important}.pt_bg{background-color:#e67979!important}.c_module2,.c_module2 a{background-color:#edf6f2;}.inkpf.color{background-color:#edf6f2;background-image:url("../../../../layouts/ink_layout_test/images/profile_emerald.png")}.ink_message.ink_warn>div>h3,.board_name .inner,.ink_check input:checked+span{background-color:#edf6f2}.pt_col2,.c_module2,.c_module2 a{color:#64c095!important}.ink_link,.ink_link2,.board_name .inner,.board_name .inner a,.ink_check input+span>i{color:#64c095}.ink_check.ink_radio input:checked+span,.ink_banner_top{background-color:#64c095}.pt_bg2{background-color:#64c095!important}.ink_check input:checked+span{border:3px solid #64c095}.ib_color{background-color:#9ed4bb}.ink_pointbar .current{background:repeating-linear-gradient(45deg,#e1f0e9,#e1f0e9 10px,#d4e9df 10px,#d4e9df 20px)}.notify_type.notify_type_C{background-color:#9ed4bb}.notify_type.notify_type_V{background-color:#e67979}.notify_type.notify_type_E{background-color:#9b9ffd}.list_icon.new,.paging .bt_page a.active,.atc_vote .bt_vote,.cmt_buttons .cmt_vote .bt_vote{color:#e67979}.ink_gallery .list_unit .new_atc::after{border-top:17px solid #e67979;border-left:17px solid #e67979}.atc_vote .bt_vote.submitted,.cmt_unit .cmt_vote .bt_vote.submitted{background-color:#e67979}.atc_vote .bt_vote{background-color:#fae7e7}.list_icon.new{background-color:#ffdcdc}.hided_info .cmt_num.updated{color:#ff9c9c;border-color:#ff9c9c}.atc_vote .bt_vote .voted_count{border-left:1px solid #f7d7d7}.atc_vote .bt_vote.submitted .voted_count{border-left-color:#e98787}.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:#64c095}.atc_file a:hover .file_count,.bt_report:hover .declared_count{background-color:#64c095}.list_ctg2>span,.atc_tags a:hover,.atc_file li>a:hover,.atc_file_list .file_icon.off{background-color:#edf6f2}.atc_tags a:hover::before{border-right-color:#edf6f2}.notice_list,.ldf_notice .faq_header,.ldn tr.notice{background-color:#edf6f2}.notice_list li{border-bottom:1px solid #d5ece1}.ink_list .notice_list li:last-child,.ldn tr.notice,.ldf_notice .list_unit{border-bottom:1px solid #d5ece1}.ldn tr.notice:first-child,.ldf_notice .list_body{border-top:1px dotted #d5ece1}.list_wrap .notice_list .title_link:visited{color:#b0b6b3}.hided_info .list_ctg2>span{background-color:rgba(173,226,201,.8)}.mb_set{background-color:#edf6f2}.mb_set .inkpf{background-color:#d4e9df}.mb_set .point_text{color:#9aa6a0}.w_list .list_icon.new,.w_list .cmt_num{color:#e67979}.w_list .big_rank.new_atc::after{border-top-color:#e67979;border-left-color:#e67979}.w_list .new_atcG::after{border-top:17px solid #e67979;border-left:17px solid #e67979}.w_list .list_icon.new{background-color:#ffdcdc}.box_rank.rank1 .list_rank,.box_rank.rank2 .list_rank,.box_rank.rank3 .list_rank{color:#FFF}.w_list .board_nameS .inner::after{color:#64c095}.box_rank.rank1 .list_rank{background-color:#e67979}.box_rank.rank2 .list_rank{background-color:#9ed4bb}.box_rank.rank3 .list_rank{background-color:#9b9ffd}.wn .list_rank{color:#88d7b2}.wl .nickname{background-color:#9ed4bb}.board_nameS a:first-of-type:not(:only-of-type){border-right:1px solid #d5ece1}.wg_news .board_nameS .inner,.ws .list_board .inner,.wg .hided_info .board_nameS .inner{background-color:rgba(173,226,201,.8)!important}

/* Original file: layouts/ink_layout_test/css_color/c_emerald_pc.css */

.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:#64c095}.sbToggleOpen+.sbSelector{color:#64c095!important}.ink_link2{border-bottom:1px solid #64c095}.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:#383d4a!important}.view_mode.color_nav .ink_gnb>ul>li,.view_mode.color_nav .ink_gnb .menu_1depth{border-color:#565a65}.open_mode .active>.menu_2depth{color:#64c095}.ib_monoC:hover,.sidebar_menu a:hover>span{background-color:#edf6f2}.board_name2 .inner:hover,.sbToggleOpen+.sbSelector{background-color:#edf6f2!important}.ib_color::before{background-color:#83c5a6}.board_name .inner:hover{background-color:#9ed4bb}.ink_footer_wrap{background-color:#383d4a}.ink_footer,.ink_footer a{color:#b1b2b6}.ink_footer .footer_2nd{border-top:1px solid #4c515c}.bt_footer_link{border:3px solid #4c515c}.footer_box{background-color:#272b34}.footer_box li{border-bottom:1px solid #383c45}.list_wrap .cmt_num{color:#e67979}.list_wrap .cmt_num.updated{border-bottom:1px solid #e67979}.list_wrap .list_icon2.youtube{background-color:#e67979}.atc_vote .bt_vote:hover{background-color:#e67979}.atc_vote .bt_vote:hover .voted_count{border-left-color:#e98787}.cmt_unit .cmt_buttons .cmt_vote .bt_vote:hover{background-color:#e67979;color:#FFF}.list_wrap .list_icon2.image{background-color:#9ed4bb}.xe_content a,.atc_ex td a{border-bottom:1px solid #64c095}.cmt_basic .cmt_ctrl a{color:#64c095}.cmt_basic .cmt_ctrl a:hover,.list_wrap .link_board_edit:hover{border-bottom-color:#64c095}.ink_member .cmt_num{color:#e67979}.mb_set::before,.mb_set::after{background-color:#d5ece1}.is_signup::after{background:linear-gradient(#5c6785,#a9d1be)}.w_list .cmt_num.updated{border-bottom:1px solid #e67979}.ws_text .list_rank{color:#88d7b2}.ws_text .swiper-pagination-bullet-active{background-color:#88d7b2}

/* Original file: modules/board/skins/ink_board/css/board.css */

.color_scheme_dark .copy_cmt_addr{color:#ececec}.color_scheme_dark .copy_cmt_addr{color:#222;background-color:#d9d9d9}.button-default{border:1px solid #d9d9d9;padding:5px;border-radius:10px;font-weight:700}.ctrl_dummy{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1}.d_table{display:table}.ink_rating{display:inline-block;position:relative}.ink_rating>span{display:inline-block;position:absolute;left:0;top:0;z-index:1;white-space:nowrap;overflow:hidden}.ink_rating::after{content:'★★★★★'}.ink_rating>span::after{content:'★★★★★'}.custom_code.board_top{margin-bottom:15px}.custom_code.board_bottom{margin-top:15px}.ink_board{position:relative}.ink_align_center{position:absolute;left:50%;z-index:300}.ink_align_center>div{position:fixed;bottom:10%;height:32px;line-height:32px;margin-top:-16px;background-color:rgba(0,0,0,.5);color:#FFF;opacity:0;white-space:nowrap}.list_search_key{margin-bottom:15px}.list_search_key .bt_area{display:inline-block;margin-left:5px}.list_search_key .bt_search{text-decoration:underline}.list_search_key .bt_search:hover{text-decoration:none}.list_footer{padding-top:15px}.list_footer .bt_write{float:right}.list_footer .manage_article{display:inline-block}.list_search .ii{width:100%}.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}.category_color{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:2px}.list_wrap .check_area{display:inline-block;width:0;overflow:hidden;transition:width 0.3s,margin-left 0.3s}.list_wrap .check_area.active{width:20px}.list_wrap .list_unit{position:relative}.list_wrap .list_link{display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;z-index:3}.list_wrap .list_summary{word-break:break-all}.list_icon{display:inline-block;width:15px;height:16px;border-radius:5px;text-align:center}.list_wrap .secret_icon,.cmt .secret_icon{display:inline-block;width:20px;height:20px;line-height:20px;border-radius:5px;font-size:11px;text-align:center;vertical-align:middle}.list_ctg2>span{display:inline-block;border-radius:10px}.list_ctg2>span:empty{display:none}.no_document{padding:50px 0;text-align:center}.list_wrap .extra_table{width:100%;box-sizing:border-box;margin-top:10px;border-radius:10px;overflow:hidden}.list_wrap .extra_table:empty{display:none}.list_wrap .extra_table th,.list_wrap .extra_table td{padding:10px}.list_wrap .extra_table tr:last-child th,.list_wrap .extra_table tr:last-child td{border-bottom:none}.list_wrap .extra_table th{white-space:nowrap;font-weight:700}.notice_list li{position:relative}.notice_list .notice_text{display:inline-block;position:absolute}.notice_list .check_area{margin:-5px 0;vertical-align:middle}.notice_list .check_area.active{width:25px}.notice_list li.hided_notice{display:none}.notice_list li.notice_toggle{padding:8px 0;text-align:center}.ldd .list_thumb .youtube_mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;color:#FFF;z-index:1}.ldd .list_thumb .youtube_mark i{font-size:28px}.ldw .list_thumb{display:table-cell;width:1%;white-space:nowrap;vertical-align:top}.ldw .list_thumb>a{float:left;display:inline-block;border-radius:10px;text-align:center;font-size:20px;overflow:hidden}.ldw .list_thumb.youtube_thumb img{width:auto;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ldw .list_thumb .youtube_mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;color:#FFF;z-index:1}.ldw .list_thumb .youtube_mark i{font-size:28px}.ldw .youtube_thumb_wrap{display:inline-block;position:relative;width:100%;height:0}.ldw .has_thumb .list_body{display:table-cell;vertical-align:middle}.ldw .list_info{margin-top:5px}.ldw .list_info:empty{display:none}.ldw .list_info>span{display:inline-block}.ldw .inkpf.small{margin:-3px 3px -3px 0;width:20px;height:20px}.ldw .check_area{margin:-5px 0;vertical-align:middle}.ldw .check_area.active{width:25px}.ldn table{border-collapse:collapse}.ldn th{padding:15px 5px;font-size:12px;white-space:nowrap}.ldn th:first-child{border-radius:20px 0 0 0}.ldn th:last-child{border-radius:0 20px 0 0}.ldn tr.hided_notice{display:none}.ldn tr.notice_toggle td{padding:8px 0}.ldn tbody tr:last-child td:first-child{border-radius:0 0 0 20px}.ldn tbody tr:last-child td:last-child{border-radius:0 0 20px 0}.ldn td{width:1%;padding:15px 10px;text-align:center;white-space:nowrap;transition:background-color 0.2s ease-in;font-size:13px}.ldn tr.notice td{padding:10px}.ldn th:first-child,.ldn td:first-child{padding-left:15px}.ldn th:last-child,.ldn td:last-child{padding-right:15px}.ldn td.list_left{text-align:left}.ldn td.list_right{text-align:right}.ldn td.list_author{width:80px}.ldn td.list_title{width:auto;word-break:break-all;white-space:normal;font-size:14px}.ldn .article_type{display:inline-block;position:relative;margin-right:5px;vertical-align:middle}.ldn .title_area{display:inline-block;width:calc(100% - 25px);vertical-align:middle}.ldn .title_link{line-height:160%}.ldn td.has_profile{padding:0 10px}.ldn td .inkpf{width:24px;height:24px;margin-right:5px;vertical-align:middle}.ldn td .inkpf+a{display:inline-block;vertical-align:middle;margin-top:2px}.ldn .check{padding:0}.ldn .check_area{height:20px;overflow:hidden;vertical-align:middle}.ldn .check_area.active{margin-left:15px}.ldn .list_update{padding:0 5px}.ink_gallery .list_unit{display:inline-block;position:relative}.ink_gallery .list_unit .new_atc{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}.ink_gallery .list_unit .new_atc::after{content:'';position:absolute;left:0;top:0;border-width:17px;border-style:solid;border-right-color:transparent;border-bottom-color:transparent;z-index:-1}.ink_gallery .check_area{position:absolute;left:10px;top:10px;z-index:20}.ink_gallery .list_thumb{display:block;position:relative;overflow:hidden;box-shadow:0 0 0 rgba(0,0,0,0);transition:box-shadow 0.3s}.ink_gallery .list_thumb.youtube_thumb img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ink_gallery .list_thumb img,.ink_gallery .list_thumb .no_image{display:block;position:absolute;left:0;top:0}.ink_gallery .list_thumb .no_image{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;font-size:34px}.ink_gallery .list_thumb .no_image>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ink_gallery .list_thumb .list_secret>i{color:#FFF;opacity:.7;transition:opacity 0.3s}.ink_gallery .list_unit:hover .list_thumb .list_secret>i{opacity:1}.ink_gallery .list_info2{display:inline-block;position:absolute;color:#FFF;z-index:5}.ink_gallery .list_info2>span{display:inline-block;background-color:rgba(0,0,0,.3)}.ink_gallery .list_info2 i{margin-right:3px}.ink_gallery .list_info2 i.fa-eye{color:#e5e5e5}.ink_gallery .list_info{position:relative}.ink_gallery .list_info:empty{display:none}.ink_gallery .list_info>span{display:inline-block;margin-right:15px}.ink_gallery .list_info>span:last-of-type{margin-right:0}.ink_gallery .list_info .inkpf{width:20px;height:20px;margin-right:3px}.use_bnw .list_thumb img{-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:filter 0.3s}.use_bnw .list_unit:hover .list_thumb img{-webkit-filter:none;filter:none}.hided_info .list_thumb::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;background:url("../../../../modules/board/skins/ink_board/images/bg_news.png") repeat-x left bottom;z-index:1;will-change:opacity}.hided_info .list_body{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;z-index:2}.hided_info .list_ctg2>span a{color:#222}.hided_info .title_link{color:#FFF}.hided_info .cmt_num{color:#DDD;border-color:#DDD}.hided_info .list_summary{color:#CCC}.hided_info .list_info,.hided_info .list_info a{color:#CCC}.hided_info .ink_rating::after{color:rgba(255,255,255,.5)}.hided_info:not(.overlay) .list_thumb::after,.hided_info:not(.overlay) .list_info2,.hided_info:not(.overlay) .list_body{opacity:0;transition:opacity 0.3s}.ldg2 .inkpf{position:absolute;left:50%;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:5}.ldg2 .list_body{text-align:center}.ldg2 .list_rating{margin-top:10px;text-align:center}.ldg2.hided_info.has_profile .list_info2{width:calc(100% - 24px)}.ldg2.hided_info.has_profile .list_info2 .list_read{float:right}.ldf .list_unit{position:relative;overflow:hidden}.faq_header{position:relative}.faq_header .list_ctg{position:relative;margin-right:10px;z-index:5}.faq_header .check_area{position:relative;margin:-3px 0;vertical-align:middle;z-index:5}.faq_header .check_area.active{width:30px}.ldf .list_body{display:none;position:relative}.ldf .list_body .faq_text{top:20px}.ldf .xe_content{font-size:14px;line-height:160%}.ldf .list_ctrl{margin-top:20px}.ldf_notice .notice_text{display:inline-block;position:absolute}.ink_atc{position:relative}.ink_atc.has_list{margin-bottom:15px}.atc_header{word-break:break-all}.atc_header .category_color{width:12px;height:12px;border-radius:3px}.atc_header .secret_icon{display:inline-block;width:24px;height:24px;line-height:24px;margin:-3px 5px -3px 0;border-radius:5px;font-size:11px;text-align:center;vertical-align:middle}.send_msg .msg_form{padding:25px 25px 0}.send_msg .msg_form.off{display:none}.send_msg .msg_form .ii{width:100%}.send_msg .msg_form input.ii{margin-bottom:10px}.send_msg .msg_form textarea.ii{height:100px;resize:none}.send_msg .send_success{padding-top:25px;text-align:center}.send_msg .send_success.off{display:none}.send_msg .send_success i{margin-bottom:15px;font-size:32px}.send_msg .profile_area{position:relative;height:60px;margin-bottom:15px;white-space:nowrap}.send_msg .profile_area .nickname{position:absolute;border-radius:5px}.send_msg .receiver{position:absolute;left:0;top:0;text-align:right}.send_msg .receiver .nickname{left:45px;top:0}.send_msg .sender{position:absolute;right:0;bottom:0;text-align:right}.send_msg .sender .nickname{right:45px;bottom:0}.atc_history{padding-bottom:15px}.atc_history li{display:inline-block;margin-right:10px;margin-bottom:10px}.atc_history .history_date{display:inline-block;padding:8px 15px;border-radius:20px}.atc_history .history_content{display:none;margin:5px 0 10px;padding:15px;border-radius:20px}.atc_history.show .history_date{display:inline-block}.skin_alert{padding:15px;border-radius:15px;background-color:#fcf8e3}.ink_atc .skin_alert{margin-bottom:25px}.xe_content{word-break:break-all}.xe_content img{max-width:100%;height:auto}.ink_board .xe_content pre{position:relative;padding:10px 15px;background-image:url("../../../../modules/board/skins/ink_board/images/bg_pre.png");overflow:auto;word-wrap:normal}.darkmode .ink_board .xe_content pre{background-image:url("../../../../modules/board/skins/ink_board/images/bg_preD.png")}.atc_secret form{margin-top:10px}.atc_secret .ink_link{display:inline-block;margin-top:5px}.atc_ex{width:100%;margin-bottom:25px;border-collapse:collapse}.atc_ex:empty{display:none}.atc_ex th{text-align:left;font-weight:400;white-space:nowrap}.atc_ex td{word-break:break-all}.atc_tags{margin-top:15px;margin-bottom:-5px;font-size:13px}.atc_tags li{display:inline-block;margin-right:10px;margin-bottom:5px}.atc_tags a{display:inline-block;position:relative;padding:0 8px;margin-left:11px;height:24px;line-height:26px;border-radius:0 5px 5px 0}.atc_tags a::before{content:'';position:absolute;right:100%;top:0;border-width:12px;border-style:solid;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;transition:border-color 0.3s}.atc_tags a::after{content:'';position:absolute;left:-2px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:2px}.atc_file{margin-top:15px}.atc_file h3{display:none}.atc_file li{display:inline-block;position:relative;margin-left:10px;margin-top:10px}.atc_file li:first-child{margin-left:0}.atc_file li>a{display:inline-block;padding:5px 20px 5px 55px;height:40px;border-radius:25px}.atc_file .file_icon,.atc_file_list .file_icon{display:inline-block;position:absolute;left:5px;top:5px;width:40px;height:40px;line-height:42px;border-radius:20px;background-color:#FFF;text-align:center;font-size:18px}.atc_file .file_name{display:inline-block;margin:2px 0 1px;font-weight:700}.atc_file .file_size{font-size:11px}.atc_file .file_count{position:absolute;right:-2px;top:-3px;color:#FFF;transition:background-color 0.3s}.atc_file .file_icon,.atc_file_list .file_icon{opacity:0;transition:opacity 0.3s}.atc_file .file_icon.on,.atc_file_list .file_icon.on{opacity:1}.atc_file a:hover .file_icon.on,.atc_file_list a:hover .file_icon.on{opacity:0}.atc_file a:hover .file_icon.off,.atc_file_list a:hover .file_icon{opacity:1}.atc_file_list li{position:relative;word-break:break-all}.atc_file_list li:last-child{border-bottom:none}.atc_file_list li>a{display:block}.atc_file_list .file_icon{left:20px;top:20px}.atc_file_list .file_count{position:absolute;right:20px;top:50%;transform:translateY(-50%);padding:5px 10px;text-transform:uppercase}.atc_box{margin-top:25px}.atc_sign h3{position:relative}.atc_sign .inkpf{margin-right:5px}.atc_sign .ink_pointbar:hover .level{opacity:1}.atc_sign .point_text{position:absolute;right:10px;top:0;line-height:16px}.atc_sign .sign_body img{max-width:100%;height:auto}.atc_sign .no_sign{padding:10px 0;text-align:center}.atc_sign .no_sign i{margin-bottom:10px;font-size:32px}.atc_authorD .authorD_nav{line-height:40px}.atc_authorD .authorD_nav button{margin-right:15px}.atc_authorD .authorD_nav button.active{font-weight:700}.atc_authorD .authorD_list ul{overflow:hidden}.atc_authorD .authorD_list li{white-space:nowrap;margin-bottom:5px}.atc_authorD .authorD_list li:last-child{margin-bottom:0}.atc_authorD .authorD_list.c_list{display:none}.atc_authorD .board_name2 .inner{height:22px;margin-right:3px}.atc_authorD .fa-comment-dots{margin-right:3px;transition:color 0.3s}.atc_authorD .list_icon{margin-left:0;margin-right:3px}.atc_vote button{display:inline-block;height:36px;line-height:36px;padding:0 15px}.atc_vote .bt_vote{margin-right:5px}.atc_vote .voted_count{display:inline-block;padding-left:15px;margin-left:15px;transition:border-color 0.3s;vertical-align:top}.atc_who{text-align:center}.atc_who h3{display:none}.atc_who.show h3{display:block;padding:10px 0;margin:-25px 0 25px}.atc_who li{display:inline-block;width:55px;margin:0 3px 10px;word-break:break-all;vertical-align:top}.atc_who .vote_nickname{display:inline-block;margin-top:3px;line-height:160%}.no_profile .atc_who li{width:auto}.no_profile .atc_who .vote_nickname{margin-top:0}.atc_buttons_etc .ink_bubble_wrap{display:inline-block;margin-left:5px}.atc_buttons_etc .ib{display:inline-block;width:36px;height:36px;line-height:36px;padding:0;overflow:visible}.atc_buttons_etc .bt_report{position:relative}.bt_report .declared_count{position:absolute;left:-5px;top:-3px;transition:background-color 0.3s;padding:0 8px;height:18px;line-height:18px;font-size:10px;color:#FFF}.ink_message.atc_share .inner{padding:30px 15px;text-align:center}.atc_share .share_list{margin-bottom:15px}.atc_share .share_list>a{display:inline-block;width:40px;height:40px;border-radius:7px;overflow:hidden;margin:0 5px 10px 5px}.atc_share .share_list img{width:40px;height:40px}.atc_share .link_text{display:inline-block;width:60px;text-align:left}.atc_share .ii{width:calc(100% - 60px)}.atc_youtube{position:relative;height:0;padding-bottom:56.25%;margin-bottom:15px}.atc_youtube iframe{position:absolute;width:100%;height:100%}.cmt_member_only{padding:50px 0;text-align:center}.cmt_member_only p{display:inline-block;padding:12px 15px;margin-bottom:15px;border-radius:20px}.cmt_member_only i{margin-right:5px}.cmt_member_only a{margin:0 5px}.cmt_title{position:relative}.cmt_unable .cmt_title{text-align:center}.cmt_unable .cmt_title i{margin-right:3px}.cmt_title h3{display:inline-block}.cmt_alert{display:none}.cmt_title .bt_cmt_write{position:absolute;top:12px}.cmt_title .bt_cmt_write button{padding:5px 10px}.cmt_notice{position:relative;padding:10px 10px 10px 40px;min-height:40px;box-sizing:border-box;border-radius:20px;line-height:160%}.cmt_notice i{position:absolute;left:15px;top:12px;font-size:18px}.cmt_new{display:inline-block;width:5px;height:5px;margin-left:2px;border-radius:2.5px;vertical-align:top}.cmt_unit{position:relative}.cmt_unit .cmt_rank{display:inline-block;position:relative;margin-right:3px;border-radius:5px;vertical-align:bottom}.cmt_unit .cmt_rank i{position:absolute;left:5px;top:1px;font-size:14px}.cmt_unit .cmt_rank1{background-color:#D4AF37}.darkmode .cmt_unit .cmt_rank1{background-color:#dcd692}.cmt_unit .cmt_rank2{background-color:#A9A9A9}.cmt_unit .cmt_rank3{background-color:#B08D55}.cmt_unit .nickname{font-weight:700}.cmt_unit .writer{display:inline-block;margin-left:3px;border-radius:10px;vertical-align:bottom}.cmt_body .parent{margin-bottom:7px}.cmt_buttons{position:relative;height:24px;margin-top:10px}.cmt_buttons:empty{display:none}.cmt_buttons .bt_wrap{display:inline-block;border-radius:5px;vertical-align:middle}.cmt_buttons .bt_wrap .bt{display:inline-block;margin-right:1px;padding:0 8px;line-height:24px}.cmt_buttons .bt_wrap .bt:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}.cmt_buttons .bt_wrap .bt:last-of-type{margin-right:0;border-top-right-radius:5px;border-bottom-right-radius:5px}.cmt_buttons .bt_cmt_report{margin-right:2px}.cmt_ip{margin-left:5px;font-size:12px}.best_cmt_text{display:inline-block;margin-right:3px;border-radius:5px;text-transform:uppercase;vertical-align:bottom}.cmt .instant_delete{margin-top:15px}.writer_vote{display:inline-block;position:relative}.writer_vote .inkpf{width:20px;height:20px}.icon_stak{display:inline-block;position:relative}.icon_stak .stak1{position:absolute;left:1px;top:1px;z-index:2}.icon_stak .stak2{position:relative;z-index:1}.darkmode .icon_stak .stak2{color:#2d2d2d}.writer_vote .icon_stak{position:absolute;right:-5px;bottom:-5px}.cmt_secret .ink_link{display:inline-block;margin-top:10px}.cmt_secret .cmt_guest{margin-top:10px}.cmt_page{text-align:center}.cmt_page .bt_cmt_prev{display:inline-block;padding:6px 12px;border-radius:10px}.cmt .paging{margin-top:25px}.cmt_bubble .cmt_unit.no_profile{padding-left:0}.cmt_bubble .cmt_unit:first-of-type{margin-top:0}.cmt_bubble .inkpf_wrap{position:absolute;left:0;top:0;text-align:center}.cmt_bubble .cmt_unit:not(.no_profile) .cmt_rank{position:absolute;left:-5px;top:-5px;margin-right:0;padding:0;width:22px;height:22px;line-height:22px;border-radius:50%}.cmt_bubble .cmt_header{padding-bottom:5px}.cmt_bubble .cmt_body{position:relative;display:inline-block;box-sizing:border-box;vertical-align:bottom}.cmt_bubble .cmt_date_wrap{position:absolute;left:100%;bottom:0;margin-left:5px;vertical-align:bottom;white-space:nowrap}.cmt_bubble .cmt_date_wrap .cmt_time{opacity:0;transition:opacity 0.3s}.cmt_bubble .cmt_body:hover .cmt_date_wrap .cmt_time{opacity:1}.cmt_bubble .writer_vote{margin-left:5px}.cmt_bubble .page_line{height:10px}.cmt_basic .inkpf_wrap{position:absolute}.cmt_basic .cmt_header{position:relative}.cmt_basic .cmt_date{margin-left:5px}.cmt_basic .cmt_body{padding-top:10px}.cmt_basic .cmt_vote{position:absolute;right:0;top:0}.cmt_basic .page_line{height:10px}.cmt_write_unit{position:relative}.cmt_write_unit.no_profile{padding-left:0}.cmt_write_unit .inkpf{position:absolute;left:0}.cmt_write_input textarea{width:100%;box-sizing:border-box;border:none;transition:background-color 0.3s;overflow:hidden;resize:none}.cmt_write_input textarea:focus{background-color:#fcf8e3}.cmt_write_option{position:relative;margin-top:5px;height:30px}.cmt_write_option .unit,.write_option label{margin-right:10px}.cmt_write_option .bt_write_type i{transition:color 0.3s}.cmt_write_option .bt_area{position:absolute;right:0;bottom:0}.cmt_not_permitted{text-align:center}.cmt_write_re{display:none}.cmt_write_re .inkpf{display:none}.cmt_write_re .cmt_form{height:0;overflow:hidden}.cmt_write_sp .cmt_write_unit{margin:0}.cmt_rating{position:relative;display:inline-block}.cmt_rating .rating_point{position:absolute;left:0;top:0;color:#f9c537;white-space:nowrap;overflow:hidden}.star_dummy i{margin-right:2px}.star_point{position:absolute;left:0;top:0;width:100%;direction:rtl;text-align:left}.star_point>span{display:inline-block;overflow:hidden;vertical-align:top;cursor:pointer;opacity:0}.star_point>span.active,.star_point>span.active~span{opacity:1}.cmt_write .cmt_rating{font-size:24px;color:#f9c537}.cmt_list .cmt_rating{margin-bottom:7px}.cmt_rating10 .star_point>span{width:13.5px}.cmt_rating10 .star_point>span:nth-of-type(2n){direction:ltr}.cmt_rating10 .star_point>span:nth-of-type(2n-1){margin-right:2px}.cmt_rating5 .star_point>span{width:27px;margin-right:2px}.cmt_rating_wrap{text-align:center}.stk_display{position:relative;margin-top:15px;clear:both}.cmt_write_re .stk_display{margin-top:0}.display-toggle{display:none}.cmt_write .stk_display .bt_close{display:none}.cmt_write_re .stk_display .bt_close{display:inline-block}.sticker_pack{position:relative;height:auto}.sticker_pack .bt_module,.sticker_pack>ul>li{display:inline-block;vertical-align:middle;text-align:center}.sticker_pack .bt_module{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.sticker_pack .bt_left{left:0}.sticker_pack .bt_right{right:0}.sticker_pack .bt_module,.sticker_pack>ul>li{display:inline-block;vertical-align:middle;text-align:center}.sticker_pack>ul>li a{display:inline-block;position:relative;width:40px;height:40px;line-height:40px;transition:opacity 0.3s;opacity:.5}.sticker_pack>ul>li a:hover,.sticker_pack>ul>li.on a{opacity:1}.sticker_pack div>img{width:40px;height:40px;object-fit:cover}.sticker_pack .bt_module a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center}.sticker_pack .has_bubble{display:inline-block;width:40px;height:40px}.sticker_pack a svg{width:22px;margin-top:8px}.no_sticker{padding:25px}.stk_body{text-align:center}.stk_body>ul>li{display:inline-block}.stk_body>ul>li a{display:inline-block;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:10px}.stk_cmt_reply .stk_display{margin-top:0}.stk_cmt_reply .stk_display::before{content:none}.stk_cmt_reply .stk_display::after{content:none}.sticker_pack>ul>li.on{position:relative}.write_header{position:relative}.write_header .bt_area2{position:absolute}.write_notice{margin-bottom:15px;padding:15px;border-radius:10px}.write_ctg{display:inline-block;position:relative;z-index:50}.write_title{display:inline-block;width:100%}.write_title .ii{width:100%}.write_editor{margin-top:15px}.write_timeline_ctg{display:none}.disable_click{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#FFF;opacity:.5;z-index:5}.darkmode .disable_click{background-color:#222}.write_ex.write_ex_timeline{height:0;overflow:hidden;margin-top:0}.write_ex.write_ex_timeline.active{height:auto;overflow:visible;margin-top:15px}.write_ex{margin-top:15px}.write_ex .krZip>div{margin-bottom:10px}.write_ex .krZip label{display:inline-block}.write_option_color{display:inline-block}.write_option_color{margin-right:10px}.write_option_color .ii{width:120px}.write_option_color .ii:focus{background-color:#fcf8e3}.write_option_color .jPicker{margin-left:5px;vertical-align:middle}.write_option1 .ink_check{vertical-align:middle;margin-right:10px}.write_tags .ii{width:100%}.bd_write .bt_area{position:relative;text-align:right}.bd_write .bt_area .bt_left{position:absolute;top:0}.ink_board .ink_box{margin-top:50px}.sk_ctn{display:none}.sk_ctn .sk_ctn_inner{position:fixed;left:0;top:0;width:100%;height:100%;padding:0 30px;box-sizing:border-box;background-color:rgba(0,0,0,.9);z-index:99;overflow:auto;-webkit-overflow-scrolling:touch;color:#FFF}.sk_ctn .message{display:none}.sk_ctn section:first-of-type,.sk_ctn h1{display:none;margin:0}.ink_board .sk_ctn section h2{margin-bottom:30px;padding:20px 0;border:1px solid #555;font-weight:400;text-align:center;font-size:18px;letter-spacing:.15em;font-family:'IropkeBatangM','IropkeBatangOTFM','NanumMyeongjo','Batang',serif;cursor:pointer}.sk_ctn .x_control-group{display:none;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed rgba(255,255,255,.1)}.sk_ctn .x_control-label{letter-spacing:.15em}.sk_ctn .x_controls{margin-top:15px;overflow:hidden}.sk_ctn .x_controls label{margin-right:10px;line-height:180%}.sk_ctn .ink_check.ink_radio>span{background-color:rgba(255,255,255,.2)}.sk_ctn .x_controls textarea,.sk_ctn .x_controls input[type=text],.sk_ctn .x_controls input[type=file]{position:relative;display:block;width:100%;padding:10px;box-sizing:border-box;border:1px solid rgba(255,255,255,.3);background-color:rgba(255,255,255,.1);line-height:140%;color:#FFF;z-index:1}.sk_ctn .x_controls textarea:focus,.sk_ctn .x_controls input[type=text]:focus{border:1px solid rgba(255,255,255,1)}.sk_ctn .x_icon-question-sign{display:none}.sk_ctn .x_help-block{display:block;margin-top:10px;font-size:12px;opacity:.5}.sk_ctn .bt_area{padding-bottom:60px;text-align:center}.sk_ctn .bt{margin:0 10px;width:80px;line-height:34px;background-color:transparent;border:1px solid #555}.sk_ctn .bt i,.sk_ctn .bt svg{color:#CCC}.hot_list{background-color:#f2f4f7;}@keyframes fadeOut{from{opacity:1}to{opacity:0}}

/* ==========================================================
   bd_go_page
   ========================================================== */
.bd_go_page input{display:inline-block;width:36px;height:26px;padding:0 4px;text-align:center;font-size:13px;font-weight:700;border:1px solid #d9d9d9;border-radius:4px;outline:none;background-color:rgb(233,233,233);box-sizing:border-box;color:#333;-moz-appearance:textfield;appearance:textfield}
.bd_go_page input::-webkit-outer-spin-button,.bd_go_page input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bd_go_page .bd_btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:26px;padding:0 8px;margin-left:4px;flex-shrink:0;color:#333;font-size:13px;font-weight:500;border:1px solid #d9d9d9;border-radius:4px;background-color:#f3f3f3;box-sizing:border-box;cursor:pointer;white-space:nowrap;line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.bd_go_page .bd_btn:hover{background-color:#e8e8e8;border-color:#bbb}
.bd_go_page .bd_btn:active{background-color:#ddd}
@media (min-width:769px){
    .paging{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;text-align:center;font-size:0}
    .paging .bt_page,.paging .page_num_wrap{font-size:13px}
    .bd_go_page{position:static;display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle;margin-left:6px;margin-top:0;font-size:13px}
}
@media (max-width:768px){
    .bd_go_page{position:absolute;left:50%;transform:translateX(-50%);margin-top:3px;display:inline-flex;align-items:center;white-space:nowrap;font-size:13px;z-index:1}
}

/* ==========================================================
   [A] xe-responsive-wrapper / xe-responsive-inner
   ========================================================== */
div.xe-responsive-wrapper,
.xe_content div.xe-responsive-wrapper,
.rhymix_content div.xe-responsive-wrapper {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    margin: 8px 0 !important;
    border-radius: 6px !important;
}
div.xe-responsive-inner,
.xe_content div.xe-responsive-inner,
.rhymix_content div.xe-responsive-inner {
    display: block !important;
}
div.xe-responsive-wrapper iframe,
div.xe-responsive-inner iframe,
.xe_content div.xe-responsive-wrapper iframe,
.rhymix_content div.xe-responsive-wrapper iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
}
div.xe-responsive-wrapper:has(video),
.xe_content div.xe-responsive-wrapper:has(video),
.rhymix_content div.xe-responsive-wrapper:has(video) {
    position: static !important;
    padding-bottom: 0 !important;
    height: auto !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    margin: 4px 0 !important;
}
div.xe-responsive-wrapper:has(video) div.xe-responsive-inner,
.xe_content div.xe-responsive-wrapper:has(video) div.xe-responsive-inner,
.rhymix_content div.xe-responsive-wrapper:has(video) div.xe-responsive-inner {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
}
div.xe-responsive-wrapper video,
div.xe-responsive-inner video,
.xe_content div.xe-responsive-wrapper video,
.rhymix_content div.xe-responsive-wrapper video {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 70vh !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 6px !important;
    object-fit: contain !important;
    background: #000;
    box-sizing: border-box !important;
    transform: translateZ(0);
    backface-visibility: hidden;
}
video[data-video-fixed],
video.xe-responsive-processed,
.xe_content video[data-video-fixed],
.xe_content video.xe-responsive-processed,
.rhymix_content video[data-video-fixed],
.rhymix_content video.xe-responsive-processed {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 70vh !important;
    margin: 4px 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    object-fit: contain !important;
    background: #000;
    box-sizing: border-box !important;
    transform: translateZ(0);
    backface-visibility: hidden;
}
@media (max-width: 768px) {
    div.xe-responsive-wrapper,
    .xe_content div.xe-responsive-wrapper,
    .rhymix_content div.xe-responsive-wrapper {
        margin: 4px 0 !important;
        border-radius: 4px !important;
    }
    div.xe-responsive-wrapper video,
    div.xe-responsive-inner video,
    video[data-video-fixed],
    video.xe-responsive-processed,
    .xe_content video[data-video-fixed],
    .xe_content video.xe-responsive-processed,
    .rhymix_content video[data-video-fixed],
    .rhymix_content video.xe-responsive-processed {
        max-height: 65vh !important;
        border-radius: 4px !important;
    }
}
div.xe-responsive-wrapper + div.xe-responsive-wrapper {
    margin-top: 4px !important;
}

/* ==========================================================
   [B] wrapper 없이 단독 삽입 iframe fallback
   ========================================================== */
.xe_content > iframe.xe-responsive-processed,
.rhymix_content > iframe.xe-responsive-processed,
.xe_content > p > iframe.xe-responsive-processed,
.rhymix_content > p > iframe.xe-responsive-processed {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    margin: 8px 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
}

/* ==========================================================
   [C] video-container
   ========================================================== */
.video-container {
    position: relative !important;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin: 8px 0;
    border-radius: 6px;
    contain: layout paint;
    background: #000;
}
@supports (aspect-ratio: 16/9) {
    .video-container {
        aspect-ratio: 16 / 9;
        height: auto;
        padding-bottom: 0;
    }
}
.video-container iframe,
.video-container video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
    border: 0 !important;
    border-radius: 0 !important;
}

/* ==========================================================
   [D] atc_youtube
   ========================================================== */
.atc_youtube {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 15px;
    contain: layout paint;
    border-radius: 6px;
    overflow: hidden;
    background: #000;
}
.atc_youtube iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ==========================================================
   [E] xe_content 이미지 / GIF / 직접 삽입 video
   ========================================================== */

/* E-1. 이미지 공통 — content-visibility 제거 (깜빡임 원인) */
.xe_content img,
.rhymix_content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 6px;
    image-rendering: auto;
}

/* E-2. GIF */
.xe_content img[src$=".gif"],
.rhymix_content img[src$=".gif"] {
    max-width: 640px;
    margin: 0 auto 6px;
}
@media (max-width: 768px) {
    .xe_content img[src$=".gif"],
    .rhymix_content img[src$=".gif"] {
        max-width: 100%;
    }
}

/* E-3. wrapper 없이 직접 삽입된 video */
.xe_content > video:not([data-video-fixed]),
.rhymix_content > video:not([data-video-fixed]),
.xe_content p > video,
.rhymix_content p > video {
    display: block !important;
    width: 100% !important;
    max-width: 720px !important;
    height: auto !important;
    max-height: 70vh !important;
    margin: 0 auto 8px !important;
    position: static !important;
    border: 0 !important;
    border-radius: 6px;
    object-fit: contain !important;
    background: #000;
}
@media (max-width: 768px) {
    .xe_content > video:not([data-video-fixed]),
    .rhymix_content > video:not([data-video-fixed]),
    .xe_content p > video,
    .rhymix_content p > video {
        max-width: 100% !important;
        max-height: 65vh !important;
    }
}

/* E-4. height:auto 최종 보장 */
.xe_content img,
.rhymix_content img {
    height: auto;
}

/* ==========================================================
   [F] 리스트 썸네일 GPU 합성 — hover 시만 will-change 적용
   ========================================================== */
.list_thumb img,
.ink_gallery .list_thumb img,
.ldw .list_thumb img,
.ldw .list_thumb.youtube_thumb img,
.ink_gallery .list_thumb.youtube_thumb img {
    object-fit: cover;
    backface-visibility: hidden;
    transform: translateZ(0);
    /* will-change 제거 — 상시 적용 시 메모리 낭비 */
}

/* hover 시점에만 will-change 활성화 */
.ink_gallery .list_unit:hover .list_thumb img,
.ldw .list_unit:hover .list_thumb img {
    will-change: transform;
}

/* ==========================================================
   [G] 리스트 카드 렌더링 격리
   — contain:content 대신 contain:layout style 사용 (깜빡임 없음)
   — content-visibility 제거
   ========================================================== */
.list_unit,
.ink_gallery .list_unit,
.ldw .list_unit {
    contain: layout style;
}

.ldn tbody tr,
.notice_list li,
.cmt_unit,
.cmt_bubble .cmt_unit {
    contain: layout style;
}

/* ==========================================================
   [H] 썸네일 컨테이너 — hover 시만 will-change
   ========================================================== */
.ink_gallery .list_unit:hover .list_thumb,
.ldw .list_unit:hover .list_thumb > a {
    will-change: box-shadow;
}

/* ==========================================================
   [I] 배경 이미지 repaint 최소화
   ========================================================== */
.ink_board .xe_content pre {
    background-image: url("../../../../modules/board/skins/ink_board/images/bg_pre.png");
    image-rendering: crisp-edges;
}
.darkmode .ink_board .xe_content pre {
    background-image: url("../../../../modules/board/skins/ink_board/images/bg_preD.png");
    image-rendering: crisp-edges;
}
.hided_info .list_thumb::after {
    background: url("../../../../modules/board/skins/ink_board/images/bg_news.png") repeat-x left bottom;
    will-change: opacity;
}

/* ==========================================================
   [J] transition 최적화 — 속성별 명시 (transition:all 제거)
   ========================================================== */
.list_wrap .check_area {
    transition: width 0.3s, margin-left 0.3s;
}
.ink_gallery .list_thumb {
    transition: box-shadow 0.3s;
}
.use_bnw .list_thumb img {
    transition: filter 0.3s;
}
.hided_info:not(.overlay) .list_thumb::after,
.hided_info:not(.overlay) .list_info2,
.hided_info:not(.overlay) .list_body {
    transition: opacity 0.3s;
}
.atc_tags a::before {
    transition: border-color 0.3s;
}
.atc_file .file_icon,
.atc_file_list .file_icon {
    transition: opacity 0.3s;
}
.cmt_bubble .cmt_date_wrap .cmt_time {
    transition: opacity 0.3s;
}
.cmt_write_input textarea {
    transition: background-color 0.3s;
}
.sticker_pack > ul > li a {
    transition: opacity 0.3s;
}

/* Original file: modules/board/skins/ink_board/css/board_pc.css */

/* =============================================
   [PERF] contain: layout style — 독립 렌더링 블록 처리
   이미지/영상 대량 로드 시 리플로우 범위 격리
   ============================================= */

.hot_list{background-color: #f1f3f5 !important;}
.ink_rating{font-size:15px}
.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}
.list_header{margin-bottom:15px}
.list_header:empty{display:none}
.list_header .ink_dropdown{margin-right:3px;vertical-align:middle}
.list_category{min-width:160px}
.list_category .active>a{font-weight:700}
.list_category>ul>li>ul{margin-left:10px;padding-top:8px}
.list_sort{width:100px}
.list_category2{margin-bottom:5px;font-size:13px}
.list_category2>ul{display:inline-block}
.list_category2 .active>a{font-weight:700}
.list_category2>ul>li{display:inline-block;position:relative;margin-right:5px;margin-bottom:10px}
.list_category2>ul>li>a{display:inline-block;padding:7px 15px 8px;border-radius:5px}
.list_category2 .fa-angle-down{margin-left:3px;vertical-align:middle}

/* [PERF] opacity + transform만 transition → GPU 합성 레이어 사용, layout/paint 미발생 */
.list_category2>ul>li>ul{
    display:none;
    position:absolute;
    top:40%;
    left:0;
    padding:0 15px 10px;
    min-width:100%;
    box-sizing:border-box;
    border-radius:10px;
    box-shadow:0 5px 5px rgba(0,0,0,.1);
    opacity:0;
    transform:translateY(-8px);
    transition:opacity 0.5s,transform 0.5s;
    z-index:10;
    will-change:opacity,transform;
}
.list_category2>ul>li>ul.active{
    top:100%;
    opacity:1;
    transform:translateY(0);
}
.list_category2>ul>li>ul>li{white-space:nowrap;padding-top:10px}
.list_category2 .selected_ctg{display:inline-block;position:relative;padding:7px 15px 8px;margin-right:5px;border-radius:5px}
.list_category2 .selected_ctg a{margin-left:5px}
.list_type{float:right}
.list_type a{display:inline-block;height:32px;line-height:34px;padding:0 10px}
.list_type a:first-of-type{border-radius:5px 0 0 5px}
.list_type a:last-of-type{border-radius:0 5px 5px 0}
.list_search_key .bt_cancel{font-size:13px}
.list_wrap{position:relative}
.list_buttons{position:absolute;right:-40px;top:0;width:30px;z-index:10}
.list_buttons>div{width:30px;text-align:center}
.list_buttons .fix{position:fixed;top:70px}
.list_buttons li{position:relative;margin-bottom:10px}
.list_buttons .has_bubble{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:50%}
.font_n .list_buttons .has_bubble{line-height:32px}
.list_search .sbHolder{width:100%;margin-bottom:10px}
.list_footer .paging{margin-top:15px}
.paging .bt_page{font-size:13px}
.best_articles{position:relative;margin-bottom:15px;border-radius:15px}
.custom_code.board_top .best_articles{margin-bottom:0}
.best_articles::after{content:'';position:absolute;left:50%;top:0;width:1px;height:100%}
.best_articles>div{padding:15px;width:50%;vertical-align:top}
.category_color{margin-bottom:3px;vertical-align:middle}
.ink_list{border-radius:20px}
.list_wrap .cmt_num.updated{border-bottom: 1px solid #e67979; font-weight: 700!important;}
.list_wrap .cmt_num{margin-left:3px;font:12px 'Montserrat',sans-serif;font-weight:500;color: #fb2626;}
.list_icon{margin:-2px 0 -2px 3px;font:bold 8px/16px "Arial";vertical-align:middle}
.list_wrap .list_icon2{display:inline-block;width:15px;height:15px;line-height:15px;box-sizing:border-box;padding:1px;border-radius:3px;margin-bottom:2px;vertical-align:middle;background-repeat:no-repeat;background-position:center center;background-size:13px 13px;text-indent:-9999px}
.list_wrap .list_icon2.normal{background-image:url("../../../../modules/board/skins/ink_board/images/icon_normalN.png")}
.list_wrap .list_icon2.image{background-image:url("../../../../modules/board/skins/ink_board/images/icon_imageN.png")}
.list_wrap .list_icon2.file{background-image:url("../../../../modules/board/skins/ink_board/images/icon_fileN.png")}
.list_wrap .list_icon2.youtube{background-image:url("../../../../modules/board/skins/ink_board/images/icon_youtubeN.png")}
.darkmode .list_wrap .list_icon2.normal{background-image:url("../../../../modules/board/skins/ink_board/images/icon_normalY.png")}
.darkmode .list_wrap .list_icon2.image{background-image:url("../../../../modules/board/skins/ink_board/images/icon_imageY.png")}
.darkmode .list_wrap .list_icon2.file{background-image:url("../../../../modules/board/skins/ink_board/images/icon_fileY.png")}
.darkmode .list_wrap .list_icon2.youtube{background-image:url("../../../../modules/board/skins/ink_board/images/icon_youtubeY.png")}
.list_wrap .secret_icon,.cmt .secret_icon{margin:-2px 3px 0 0}
.darkmode .list_wrap .secret_icon{width:auto;height:auto;margin-right:5px}
.font_n .list_wrap .secret_icon{line-height:22px}

/* [PERF] background-color transition만 남김 */
.list_wrap .list_unit{
    transition:background-color 0.3s;
}
.list_wrap .list_cmt{display:inline-block;padding:7px 15px;border-radius:15px 15px 15px 5px;font-size:12px}
.font_n .list_wrap .list_cmt{padding-bottom:8px}
.list_wrap .list_cmt .date{display:inline-block;margin-left:10px;font-size:12px}
.list_wrap .list_summary{line-height:180%}
.list_wrap .list_summary:empty{display:none!important}
.list_wrap .link_board_edit{display:inline-block;width:20px;height:20px;line-height:20px;margin:-8px 0 -8px 5px;font-size:12px;border-radius:5px;text-align:center;vertical-align:middle}
.ldn .link_board_edit{margin-right:5px;margin-left:0}
.list_bd{display:inline-block;padding:5px 8px;margin:-3px 5px -2px 0;border-radius:5px;font-size:12px;vertical-align:middle}
.atc_bd{display:inline-block;padding:3px 8px 2px;margin-bottom:10px;border-radius:5px;font-size:14px;vertical-align:middle}
.list_wrap .extra_table th,.list_wrap .extra_table td{font-size:12px}
.list_wrap .extra_table th{width:120px}
.list_wrap .ldw .extra_table th{width:80px}
.list_ctg{border-bottom:1px solid transparent}
.list_ctg2>span{margin-bottom:10px;padding:4px 10px 3px;font-size:11px}
.list_ctg:hover{text-decoration:underline}
.notice_list{border-radius:20px}
.ink_list .notice_list{border-radius:20px 20px 0 0}
.notice_list ul{line-height:140%}
.notice_list li{padding:13px 100px 10px 60px}
.notice_list:not(.default_list) li:last-child{border-bottom:none}
.notice_list .notice_text{left:20px;top:13px;font-size:13px}
.notice_list .list_date{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:13px}
.notice_toggle button{font-size:12px}
.notice_list .msover_date{text-align:right}
.lnd .list_cmt .date{font-size:11px}
.ldd{border-radius:0 0 20px 20px}
.ldd.no_notice{border-radius:20px}
.ldd .list_unit{padding:15px 20px}
.containerN .ldd>ul>li:last-child{border-bottom:none;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}
.ldd.no_notice>ul>li:first-child{border-top-right-radius:20px;border-top-left-radius:20px}
.ldd .list_thumb,.ldd .list_body_wrap{display:inline-block;vertical-align:top}
.ldd .check_area{vertical-align:top}
.ldd .check_area.active{width:30px}

/* [PERF] overflow:hidden + border-radius 조합 시 새 stacking context 생성 → contain 추가로 자식 paint 격리 */
.ldd .list_thumb{
    margin-right:15px;
    border-radius:7px;
    overflow:hidden;
    contain:layout paint;
}
.ldd .list_thumb.youtube_thumb{overflow:hidden}
.ldd .list_thumb.youtube_thumb img{width:auto;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.ldd .youtube_thumb_wrap{display:inline-block;position:relative;width:100%;height:0}

/* [PERF] width transition */
.ldd .list_body_wrap{
    display:inline-block;
    width:100%;
    transition:width 0.3s;
}
.ldd .has_cmt .list_body{position:relative;padding-right:170px;box-sizing:border-box}
.ldd .list_cmt{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.ldd .list_ctg{margin-right:10px}
.ldd .title_link{line-height:160%}
.ldd .list_info{margin-top:5px;font-size:12px}
.ldd .list_info:empty{display:none}
.ldd .list_info>span{display:inline-block;position:relative;margin-right:20px}
.ldd .list_info>span:not(.ink_rating)::after{content:'';position:absolute;right:-10px;top:2px;width:1px;height:10px}
.ldd .list_info>span:not(.ink_rating):last-of-type::after{content:none}
.ldd .list_vote i{font-size:11px}
.ldd .inkpf.small{margin:-3px 3px -3px 0;width:20px;height:20px}
.ldd .list_summary{margin-top:15px;padding-top:10px}
.ldd .list_icon2{margin-left:3px;margin-bottom:0}

/* [PERF] 갤러리 카드 단위 격리 */
.ink_gallery .list_unit{
    border-radius:15px;
    contain:layout style;
}
.ink_gallery .list_unit:hover .list_thumb{box-shadow:0 0 20px rgba(0,0,0,.2)}
.darkmode .ink_gallery .list_unit:hover .list_thumb{box-shadow:0 0 20px rgba(0,0,0,.4)}
.ink_gallery .list_info2{right:12px;top:12px}
.ink_gallery .list_info2>span{padding:5px 12px;margin-left:5px;border-radius:15px}
.ink_gallery .list_info2 i{font-size:13px}
.ink_gallery .list_body{padding:18px 20px}
.ink_gallery .title_link{line-height:160%;font-size:15px}
.ink_gallery .cmt_num{margin-top:-4px}
.ink_gallery .list_info{margin-top:8px;font-size:12px}
.ink_gallery .list_summary{margin:5px 0 -2px}
.hided_info .list_thumb{border-radius:15px}
.hided_info .list_summary{font-size:13px}
.hided_info .list_unit:hover .list_thumb::after,.hided_info .list_unit:hover .list_info2,.hided_info .list_unit:hover .list_body{opacity:1}
.ldg .list_thumb{border-radius:15px 15px 0 0}
.ldg2 .inkpf{top:-30px;margin-left:-30px;width:60px;height:60px}
.ldg2 .list_thumb{border-radius:0 0 15px 15px}
.ldg2.has_profile .list_body{padding-top:45px}
.ldg2 .list_info2{top:auto;bottom:12px}
.ldg2 .list_summary{margin-top:8px;font-size:13px}
.ldg2 .list_rating .ink_rating{font-size:18px}
.ldg2.hided_info .list_info2{top:12px;bottom:auto}
.ldw.has_notice{margin-top:25px}
.ldw>ul{margin-bottom:-25px;font-size:0}

/* [PERF] ldw 카드 독립 렌더링 블록 */
.ldw .list_unit{
    display:inline-block;
    position:relative;
    width:calc(50% - 12.5px);
    padding-bottom:15px;
    margin-bottom:25px;
    border-radius:15px;
    box-sizing:border-box;
    font-size:14px;
    vertical-align:top;
    contain:layout style;
}
.ldw .list_unit:nth-child(2n-1){margin-right:25px}
.ldw .list_thumb{padding:15px 0 0 15px}
.ldw .list_body{padding:15px 15px 0}
.ldw .title_link{line-height:160%}
.ldw .list_info{font-size:12px}
.ldw .list_info>span{position:relative;margin-right:20px}
.ldw .list_info>span::after{content:'';position:absolute;right:-10px;top:2px;width:1px;height:10px}
.ldw .list_info>span:last-of-type::after{content:none}
.ldw .list_summary{margin:15px 15px -5px;padding-top:10px;font-size:13px}
.ldw .extra_table{margin:15px 15px 0;width:calc(100% - 30px)}
.ldf_doc:not(.has_notice) .list_unit:first-of-type{border-radius:20px 20px 0 0}
.ldf_doc:not(.ldf_notice) .list_unit:last-of-type{border-bottom:none;border-radius:0 0 20px 20px}

/* [PERF] background-color transition만 남김 */
.faq_header{transition:background-color 0.3s;}
.faq_header h1{padding:15px 50px 15px 25px;font-size:14px;line-height:160%}
.faq_header .bt_openclose{position:absolute;right:20px;top:50%;margin-top:-6px}
.ldf .list_body{padding:20px 25px}
.ldf .list_body .faq_text{top:20px}
.ldf .xe_content{font-size:14px;line-height:180%}
.ldf .list_ctrl{margin-top:20px}
.ldf_notice,.ldf_notice .list_unit:first-of-type{border-radius:20px 20px 0 0}
.ldf_notice .faq_header h1{padding:15px 30px 15px 70px;font-size:14px}
.ldf_notice .notice_text{left:25px;top:50%;transform:translateY(-50%)}
.containerB .atc_header{border-radius:15px}
.atc_header h1{padding:20px 25px;font-size:16px;line-height:140%}
.containerN .atc_header h1{padding:20px 25px}
.containerB .atc_header h1{padding:15px 20px}
.atc_header .atc_ctg{margin-right:10px}
.atc_header .atc_ctg:hover{text-decoration:underline}
.atc_info{padding:0 25px;line-height:44px;font-size:13px}
.containerB .atc_info{padding:0 20px}
.atc_info>span{display:inline-block;vertical-align:middle}
.atc_nickname .inkpf{vertical-align:middle;margin-right:5px}
.bt_send_msg{display:inline-block;padding:2px 5px;margin-left:5px;border-radius:5px;line-height:100%;vertical-align:middle;font-size:11px}
.send_msg .profile_area .nickname{padding:6px 12px;font-size:11px}
.atc_date,.atc_ip{margin-left:15px}
.atc_ctrl{float:right;margin-left:15px}
.atc_ctrl a{margin-left:5px}
.atc_info_right{float:right}
.atc_info_right>span{margin-left:10px}
.atc_info_right .count_cmt,.atc_info_right .count_file{cursor:pointer}
.atc_ex th{width:120px}
.atc_ex th,.atc_ex td{padding:12px 15px;font-size:13px;line-height:160%}
.atc_history .history_date{font-size:13px}
.atc_body{padding:25px}
.containerB .atc_body{padding:25px 0}
.atc_body .xe_content{font-size:14px;line-height:180%}
.xe_content a:hover,.atc_ex td a:hover{border-color:transparent}
.atc_file_list li>a{padding:20px 138px 20px 75px}
.atc_file_list .file_icon{left:20px;top:20px}
.atc_file_list .file_count{right:20px}
.atc_file_list .file_name{line-height:140%}
.atc_file_list .file_size{font-size:11px}
.atc_box{padding-bottom:15px;border-radius:20px}
.atc_sign h3{font-size:14px;line-height:40px}
.no_profile .atc_sign h3{padding-left:20px}
.atc_sign .ink_pointbar{position:absolute;right:15px;top:50%;margin-top:-8px;width:calc(100% - 180px)}
.atc_sign .point_text{font-size:10px}
.atc_sign .sign_body{margin:0 15px;padding:15px;font-size:13px;line-height:160%}
.atc_authorD .authorD_nav{padding:0 15px}
.atc_authorD .authorD_nav button{font-size:13px}
.atc_authorD .authorD_list{margin:0 15px;padding:15px;height:160px;box-sizing:border-box;font-size:13px;line-height:13px}
.atc_authorD .authorD_list li{margin-bottom:5px}
.atc_authorD .authorD_list.c_list li{padding-top:3px;margin-bottom:12px}
.atc_authorD .board_name2 .inner{line-height:22px}
.font_n .atc_authorD .board_name2 .inner{line-height:23px}
.atc_authorD .fa-comment-dots,.atc_authorD .list_icon{vertical-align:middle}
.has_authorD{position:relative}
.has_authorD::before{content:'';position:absolute;bottom:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 55px)}
.has_authorD::after{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;z-index:1}
.has_authorD .atc_sign{display:inline-block;position:relative;width:50%;vertical-align:top;z-index:1}
.has_authorD .sign_body{margin-right:0;background-color:transparent}
.has_authorD .atc_authorD{display:inline-block;position:relative;width:50%;vertical-align:top;z-index:1}
.has_authorD .atc_authorD .authorD_list{margin:0;padding-right:30px;background-color:transparent}
.atc_vote{float:left;margin-top:25px}
.atc_vote button{border-radius:10px}
.atc_who{margin-top:25px;padding:0 10px;border-radius:20px;font-size:11px}
.atc_who.show{margin-top:35px}
.atc_who.show h3{display:block;padding:10px 0}
.atc_who .inner{height:105px}
.atc_who ul{padding:25px 15px 10px}
.bt_who{display:inline-block;margin-left:10px;margin-top:28px;cursor:pointer}
.atc_who .vote_nickname{line-height:160%}
.no_profile .atc_who{font-size:14px}
.no_profile .bt_who{float:left;vertical-align:middle;margin-top:8px}
.atc_buttons_etc{float:right;margin-top:25px}
.atc_buttons_etc:empty{display:none}
.atc_buttons_etc .bt{border-radius:10px}
.font_n .atc_buttons_etc .ib{line-height:38px}
.ink_atc .list_buttons .bt_top{display:none}
.cmt_title{padding:15px 25px}
.cmt_unable .cmt_title{border-radius:0 0 20px 20px}
.cmt_unable .cmt_title.has_cmt{border-radius:0}
.containerB .cmt_title{border-radius:10px}
.cmt_title h3{font-size:14px}
.cmt_title .bt_cmt_write{right:15px}
.cmt_notice{margin:25px 25px 0;padding:15px 15px 15px 45px;border-radius:20px;line-height:160%}
.cmt_notice i{left:18px;top:15px}
.cmt_unit .cmt_rank{padding:3px 5px 3px 21px}
.cmt_unit .cmt_rank{font-size:10px}
.cmt_unit .writer{padding:0 8px;font-size:10px;line-height:16px}
.cmt_body .parent{font-size:12px}
.cmt_body .xe_content{font-size:14px;line-height:160%; max-width: 55%; max-height: 60%;}
.cmt_buttons .bt_wrap .bt{font-size:12px}
.best_cmt_text{padding:3px 6px;font:10px "Arial"}
.icon_stak .stak1{font-size:13px}
.cmt_page .bt_cmt_prev{font-size:13px}
.cmt_next{margin-top:25px}
.cmt_reload{padding:15px 0;border-radius:0 0 20px 20px;text-align:center}
.containerB .cmt_reload{border-radius:10px}
.bt_cmt_reload{position:relative;font-size:13px}
.bt_cmt_reload .cmt_alert{display:none;position:absolute;left:100%;top:-5px;margin-left:10px;padding:5px 10px;border-radius:5px;background-color:#fcf8e3;white-space:nowrap;font-size:12px}
.containerB .cmt_notice{margin:25px 0 0}
.cmt_bubble .cmt_wrap{padding:25px 25px 0}
.cmt_bubble .cmt_unit{padding-left:45px;margin-top:25px}
.cmt_bubble .cmt_unit.reply{margin-left:45px}
.cmt_bubble .inkpf_wrap{width:40px}
.cmt_bubble .cmt_header{padding-left:13px;font-size:13px}

/* [PERF] 말풍선 본문 contain:layout paint → 댓글 수백 개일 때 각 bubble 독립 렌더링 */
.cmt_bubble .cmt_body{
    min-width:249px;
    max-width:calc(100% - 80px);
    padding:14px 20px;
    border-radius:15px;
    contain:layout paint;
}
.cmt_bubble .cmt_body .xe_content{font-size:13px;line-height:180%}
.cmt_bubble .cmt_date_wrap{font-size:11px}
.cmt_bubble .cmt_ctrl_wrap{display:inline-block;position:relative;z-index:5}
.cmt_bubble .bt_cmt_ctrl{margin-left:5px;padding:1px 5px 0;border-radius:5px}

.cmt_bubble .cmt_ctrl{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    margin-top:5px;
    border-radius:10px;
    box-shadow:0 0 15px rgba(0,0,0,.2);
    z-index:2;
}
.darkmode .cmt_bubble .cmt_ctrl{box-shadow:0 0 15px rgba(0,0,0,.4)}
.cmt_bubble .cmt_ctrl a{display:inline-block;width:100%;padding:10px 15px;box-sizing:border-box;white-space:nowrap}
.cmt_bubble .cmt_ctrl a:first-of-type{border-radius:10px 10px 0 0}
.cmt_bubble .cmt_ctrl a:last-of-type{border-radius:0 0 10px 10px;border-bottom:none}
.cmt_bubble .page_line{margin:25px -25px 0}
.cmt_bubble .cmt_prev{margin-bottom:25px}
.containerB .cmt_bubble .cmt_wrap{padding:25px 0 0}
.cmt_basic .cmt_wrap.has_top{margin-top:25px}
.cmt_basic .cmt_unit{padding:25px 25px 25px 75px}
.cmt_basic .cmt_unit.no_profile{padding-left:25px}
.cmt_basic .cmt_unit.reply{padding-left:125px}
.cmt_basic .cmt_unit.reply.no_profile{padding-left:75px}
.cmt_basic .inkpf_wrap{left:25px;top:25px}
.cmt_basic .reply .inkpf_wrap{left:75px}
.cmt_basic .cmt_date,.cmt_basic .cmt_ctrl{font-size:12px}
.cmt_basic .cmt_ctrl_wrap{position:absolute;right:0;top:0}

/* [PERF] opacity + border-color만 transition → GPU 합성 레이어 */
.cmt_basic .cmt_ctrl a{
    margin-left:5px;
    border-bottom:1px solid transparent;
    opacity:.3;
    transition:opacity 0.3s,border-color 0.3s;
}
.cmt_basic .cmt_unit:hover .cmt_ctrl a{opacity:1}
.cmt_basic .cmt_prev{margin-top:25px;padding-bottom:25px}
.cmt_write_sp.cmt_basic .cmt_unit{margin:-25px -25px 0}
.containerB .cmt_basic .cmt_unit{padding:25px 0 25px 50px}
.containerB .cmt_basic .cmt_unit.no_profile{padding-left:0}
.containerB .cmt_basic .cmt_unit.reply{padding-left:100px}
.containerB .cmt_basic .cmt_unit.reply.no_profile{padding-left:50px}
.containerB .cmt_basic .inkpf_wrap{left:0}
.containerB .cmt_basic .reply .inkpf_wrap{left:50px}
.cmt_write_unit{padding:25px 0 25px 45px;margin:0 25px}
.cmt_write_unit .inkpf{top:25px}
.cmt_write_input textarea{padding:15px;border-radius:15px}
.cmt_write_option{height:32px}
.cmt_write_option .ii{margin-left:5px;width:100px}
.cmt_write_re{padding-bottom:0;padding-left:0;margin:0}
.cmt_write_sp{padding:25px 25px 0}
.cmt_not_permitted{padding:15px 0;margin-left:-45px;border-radius:10px}
.no_profile>.cmt_not_permitted{margin-left:0}
.containerB .cmt_write_unit{margin:0}
.containerB .cmt_write_sp{padding:0}
.cmt_write .cmt_rating{margin:0 0 8px 5px}
.cmt_list .cmt_rating{font-size:18px}
.star_point:hover>span{opacity:0!important}
.star_point>span:hover,.star_point>span:hover~span{opacity:1!important}
.cmt_rating_wrap{margin-top:25px}
.cmt_rating_wrap .cmt_rating{font-size:24px}
.cmt_rating_wrap .rating_point{width:0}
.cmt_rating_wrap .rating_text{margin-left:10px;font-size:18px}
.stk_display{padding:15px 15px 0;border-radius:15px}
.sticker_pack{padding:15px 50px 0;font-size:18px}
.sticker_pack>ul>li a{border-radius:10px;margin:0 10px 15px 0}
.sticker_pack div>img{border-radius:10px}
.sticker_pack .bt_module a{border-radius:10px}
.stk_body>ul{margin-top:25px}
.stk_body>ul>li{margin:0 12.5px 25px 12.5px}

.stk_body>ul>li a{
    position:relative;
    width:100px;
    height:100px;
    border-radius:15px;
    transition:box-shadow 0.3s;
}
.stk_body>ul>li a:hover{box-shadow:0 8px 15px rgba(0,0,0,.2)}
.darkmode .stk_body>ul>li a:hover{box-shadow:0 8px 15px rgba(0,0,0,.8)}
.write_header{padding:20px 25px}
.write_header .bt_area2{right:15px;top:50%;transform:translateY(-50%)}
.write_body{padding:25px}
.write_notice{line-height:160%}
.write_ctg .sbHolder{width:150px}
.write_title.use_ctg{width:calc(100% - 160px);margin-left:10px}
.write_title.has_ctg{width:calc(100% - 320px)}
.write_ctg .sbDisabled{opacity:.3}
.write_timeline_ctg{margin-left:10px}
.write_ex{font-size:13px}
.write_ex>ul{display:table;width:100%;box-sizing:border-box;border-radius:15px}
.write_ex>ul>li{display:table-row}
.write_ex>ul>li:first-child .lb{border-top-left-radius:15px}
.write_ex>ul>li:first-child .ip,.write_ex>ul>li:first-child input{border-top-right-radius:15px}
.write_ex>ul>li:last-child .ip,.write_ex>ul>li:last-child input{border-bottom-right-radius:15px}
.write_ex>ul>li:last-child .lb{border-bottom-left-radius:15px}
.write_ex>ul>li:last-child .lb,.write_ex>ul>li:last-child .ip{border-bottom:none}
.write_ex .pt_star{vertical-align:middle}
.write_ex .lb{display:table-cell;padding:12px 15px;width:120px;white-space:nowrap}
.write_ex .ip{display:table-cell}
.write_ex .ip>input:not(.tel){width:100%;padding:12px 15px;box-sizing:border-box;border:none;transition:background-color 0.3s;font-size:13px}
.write_ex .ip label{cursor:pointer}
.write_ex .ip .sbHolder{margin:10px 15px}
.write_ex .ip>ul{margin:0 15px}
.write_ex .ip>ul>li{display:inline-block;margin-right:5px}
.write_ex .ip>p{padding:10px 15px;font-size:12px}
.write_ex .ip>ul+p{margin-top:5px}
.write_ex .tel.ii{height:26px;line-height:26px;margin-left:5px}
.write_ex .krZip{padding-top:10px}
.write_ex .krZip>div{padding-left:15px}
.write_ex .krZip label{width:80px}
.write_options{margin-top:15px}
.write_option1{display:inline-block}
.write_tags{margin-top:15px}
.write_tags.unlogged{display:inline-block;width:calc(100% - 250px)}
.write_user{display:inline-block}
.write_user .ii{width:120px;margin-left:5px}
.containerN .bd_write .bt_area{padding:0 25px 25px}
.containerN .bd_write .bt_area .bt_left{left:25px}
.containerB .write_header{border-radius:10px}
.containerB .write_body{padding:25px 0}
.containerB .bd_write .bt_area .bt_left{left:0}
.sk_ctn .sk_ctn_inner>div{width:500px;margin:0 auto}
.sk_ctn section{margin-bottom:60px}
label.save_nick_pw input{vertical-align:middle!important;margin-left:5px!important}

/* =============================================
   [PERF] 이미지 / 비디오 최적화
   ============================================= */

.xe_content img,
.rhymix_content img {
    margin-bottom:5px;
    display:block;
    max-width:min(100%, 860px);
    height:auto;
}

.xe_content video,
.rhymix_content video,
#player {
    margin-bottom:5px;
    display:block;
    width:100% !important;  /* 에디터 인라인 width 덮어쓰기 필요 */
    max-width:min(100%, 860px);
    height:auto;
    max-height:70vh;
    object-fit:contain;
    border-radius:8px;
}

.xe_content,
.rhymix_content {
    contain:layout style;
}

/* -----------------------------------------------
   인쇄
   ----------------------------------------------- */
@media only print {
    #color_preview,#header,.ink_top,.ink_sidebar,.ink_footer_wrap,.list_buttons,
    .global_notice,.bd_header,.list_header,.list_wrap,.ink_atc .bt_send_msg,
    .ink_atc .atc_ctrl,.atc_ctg .category_color,.atc_buttons,.atc_box,
    #comment{display:none!important}
    #content{width:100%!important}
    .containerN .atc_header h1,.atc_info{padding:0!important}
    .atc_body{padding:25px 0!important}
    .atc_header h1{font-size:24px;font-weight:700}
    .atc_body .xe_content{font-size:16px!important}
    .atc_ex{width:calc(100% - 300px)!important}

    .xe_content,
    .rhymix_content {
        contain:none;
    }

    .xe_content video,
    .rhymix_content video,
    #player {
        height:auto;
        max-height:none;
    }
}

/* Original file: modules/editor/skins/editorxe/css/main.css */

.xe_handyeditor_editable{
	padding:7px 7px 7px 20px;
}

.xe_handyeditor_editable img,.xe_handyeditor_editable div{
	max-width: 100%;
}

.xe_handyeditor_editable.white{
	background-color: white;
}

.xe_handyeditor_editable.dark{
	background-color: #2a2a2a;
	color:white;
}

.toolbar-ready{
	/*background-color: rgba(97, 97, 97, 0.189);*/
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 11;
	box-sizing: content-box !important;
	display: block;
	padding:0 !important;
	margin:0 !important;
}

.new-sticker-noti{
	position: absolute;
	color: #fff;
	background-color: #ff404d;
	border-radius: 50%;
	font-family: "Roboto";
	top : 4px;
	right:-6px;

	/* Alignment */
	line-height: 0 !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;

	/* Adjust as required: */
	padding: 5px;
}

.new-sticker-noti::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.new-group-sticker-noti{
    position: absolute;
    top: -4px;
    right: -2px;
    padding: 2px 2px;
    border-radius: 25%;
    background: #ff390d;
    color: white;
    font-size: 0.6rem;
    line-height:1 !important;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

.ce-block__content{
	overflow-x: hidden;
}
.ce-block__content, .ce-toolbar__content {
	max-width:calc(100%) !important;
}

.cdx-block { max-width: 100% !important;}

.codex-editor__redactor{
	padding-bottom: 0px !important;
}

@media (min-width: 1024px) {
	.ce-toolbar__actions.ce-toolbar__actions--opened {
	right: -5px;
	}

	.ce-popover.ce-popover--opened{
		left:-200px;
	}
}

.editor_autosaved_message{
	display: none;
}

.embed-tool__caption{
	display: none;
}

.xe_handyeditor_wrapper{
border: 1px solid #ebecef;
position: relative;
}

.xe_handyeditor_wrapper.dark{
	border: 1px solid #303030;
	position: relative;
}

.handyeditor_tool_wrap{
	border-color: rgba(0,0,0,.06);
	position: relative;
    border-bottom: 1px solid rgba(0,0,0,.2);
	height:56px;
	box-sizing: content-box;
}

.handyeditor_tool_wrap.white{
	background-color: #fff;
	z-index: 3;

}

.toolbar-ul{
	flex-flow: wrap;
	padding: 2px 7px 3px 7px !important;
	list-style: none;
	height: 50px;
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	overflow: hidden;
}

.toolbar-ul li{
	float: left;
	padding-left: 10px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	line-height: 1.5;
}

.toolbar_ul button[type=button]{
	padding: 0;
    border: 0;
    cursor: pointer;
    font: inherit;
    border-radius: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif;
	background-color: transparent;
	background: none;
	margin: 0;
	border: none;
    outline: none;
}

.xe-toolbar-button:active{
	border: none;
    outline: none;
}

.xe-toolbar-button:focus{
	border: none;
    outline: none;
}

.xe-toolbar-button.white{
	background-color: #fff;
}

.xe-toolbar-separator-li{
	display: flex;
	align-items: center;
	justify-content: center;
	width:3px;
}

.xe-toolbar-separator-div
{
border-left: 1px solid rgb(215, 215, 215);
width:1px;
height:42px;
display: block;
margin:3px 1px 3px 1px;
}

.xe-toolbar-button {
	position: relative;
    min-width: 40px;
    height: 50px;
	padding:30px 6px 1px 6px !important;
    text-align: center;
	outline: 0;
	border:none;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.xe-toolbar-icon {
    position: absolute;
    top: 0;
    bottom: 17px;
    right: 0;
    left: 0;
    margin: auto;
	background-repeat: no-repeat;
	background-size: 20px;
	width:20px;
}

.xe-toolbar-icon.file{
	background-image: url("../../../../modules/editor/skins/editorxe/icon/file.svg");
}

.xe-toolbar-icon.sticker{
	background-image: url("../../../../modules/editor/skins/editorxe/icon/sticker.svg");
}

.xe-toolbar-icon.addlink{
	background-image: url("../../../../modules/editor/skins/editorxe/icon/link-45deg.svg");
}

.xe-toolbar-icon.chatgpt{
	background-image: url("../../../../modules/editor/skins/editorxe/icon/ChatGPT.svg");
}

.xe-toolbar-icon.chatgpt.gemini{
	background-image: url("../../../../modules/editor/skins/editorxe/icon/google-gemini-icon.svg");
}

.xe-toolbar-icon.codeslash{
	background-image: url("../../../../modules/editor/skins/editorxe/icon/code-slash.svg");
}

.xe-toolbar-icon.fonts{
	background-image: url("../../../../modules/editor/skins/editorxe/icon/fonts.svg");
}

.xe-toolbar-icon.readlb{
	background-image: url("../../../../modules/editor/skins/editorxe/icon/book.svg");
}

.xe-toolbar-icon.spellcheck{
	background-image: url("../../../../modules/editor/skins/editorxe/icon/spell-check.svg");
}


.toolbar-ul .xe-toolbar-icon{
	top: 5px;
    bottom: 17px;
    right: 0;
}

.xe-toolbar-tooltip {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	padding: 6px 8px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.1);
	background-color: #4a4d51;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}

.xe-toolbar-label{
	color:#202124;
	margin:auto;
	font-size:13px;
}

.bl-url-card{
	max-width: 100%;
	margin: 5px;
	display: flex !important;
	overflow: hidden;
}

.bl-url-card a{
	text-decoration: none;
}

.bl-url-card a:hover{
	text-decoration: none;
}

.bl-float-left{
	float: left;
}

.bl-box_shadow {
    box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    background: #fff;
}

.bl-link{
	text-decoration: none;
}

.bl-link-image {
    width: 160px;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-right: 1px solid #eee;
    box-sizing: border-box;
}

.bl-view-ct {
	/*
    width: calc(100% - 160px) !important;
	padding: 0px 0 12px !important;
	*/

	padding: 14px 0 12px !important;
    text-align: left !important;
	float:left !important;
	display: flex;
    align-items: center;
	width:100%;
}

.ed-use-thumb .bl-view-ct{
	width: calc(100% - 100px) !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bl-view-ct .bl-float-left{
	width: 100%;
}

.bl-link-title {
	text-decoration: none;
	width: calc(100% - 30px);
    padding: 0 15px;
    line-height: 20px;
    letter-spacing: -0.5px;
    -webkit-line-clamp: 1;
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	font-weight: bold;
	font-size: 15.5px;
	display: block;
	text-align: left;
	word-break: break-all;
	text-size-adjust: auto;
}

.bl-link-url{
	width: calc(100% - 30px);
	padding: 0 15px;
	font-style: italic;
    font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 0;
	font-size: 11.5px;
	text-align: left;
	text-decoration: none;
    margin-bottom: 8px;
    line-height: 15px;
    margin-top: 4px;
    color: #bbb;
    outline: 0;
}

.bl-link-url span{
	font-size: 13.5px;
    letter-spacing: 0;
}

.bl-link-description {
    line-height: 22px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
	text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
	width: calc(100% - 30px);
    padding: 0 15px;
	letter-spacing: 0;
	max-height: 40px;
	overflow: hidden;
	max-width: calc(100% - 20px);
}

.readLb-mov .bl-link-description{
	max-height: 66px;;
}

.bl-clear-both{
	clear: both;
}

@media screen and (max-width: 768px) {
	.handyeditor_tool_wrap {
		height:43px;
	}
	.bl-link-image {
		width: 100px;
		height: 100px;
	}

	.bl-link-description {
		width: 100%;
		padding: 0 5px;

	}

	.bl-link-url {
		width: 100%;
		padding: 0 5px;
	}

	.bl-link-title {
		width: 100%;
		padding: 0 5px;
	}

	.bl-view-ct {
		padding: 4px 0 4px !important;
		/*
		width: calc(100% - 100px) !important;
		*/
	}

	.ed-use-thumb .bl-view-ct{
		width: calc(100% - 100px) !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.toolbar-ul{
		height: 30px;
		margin-block-start: 0;
		margin-block-end: 0px;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
	}

	.toolbar-ul{
		display:        flex;
		flex-direction: row;
		flex-wrap:      nowrap;
		overflow-x:     auto;
	}

	.toolbar-ul::-webkit-scrollbar {
		display: none;
	}

	.handyeditor_tool_wrap{
		display: flex;
		align-items: center;
	}

	.toolbar-ul button{
		min-width: 30px;
		height: 30px;
	}

	.toolbar-ul .xe-toolbar-label{
		display: none;
	}

	.toolbar-ul .xe-toolbar-icon {
		top: 25px;
		bottom: 17px;
		right: 0;
		left: 0px;
		height: 30px;
	}

	.xe-toolbar-separator-div
	{
	border-left: 1px solid rgb(215, 215, 215);
	/*
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	*/
	width:1px;
	height:24px;
	display: block;
	margin:5px 1px 0px 1px;
	}

	.xe-toolbar-button {
	padding-top: 24px !important;
	}

	.toolbar-ul .xe-toolbar-icon {
    top: 22px;
	}

	.container.py-2{
    padding-right: 5px !important;
    padding-left: 5px !important;
	}
}

.ed-file-link{
	max-width:280px;
	position: relative;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
	padding: 7px 25px 7px 7px;
	display: inline-block;
	min-width:200px;
	box-sizing: border-box;
}

.ed-file-ext{
	height:45px;
	width:45px;
	background-color:black;
	color:white;
	float:left;
	text-align:center;
	margin-right:7px;
	border-radius: 8px;
	line-height: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}

.ed-file-ct{
	width: calc(100% - 57px);
    letter-spacing: 0;
	font-size: 11.5px;
	text-align: left;
	text-decoration: none;
    line-height: 15px;
    outline: 0;
	float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	text-size-adjust: auto;
	margin: auto 0;
	flex-grow: 2;
	padding-top:5px;
	white-space:nowrap;
}

.ed-file-name{
	font-weight: bold;
}

.ed-file-size{
	color: #707684;
}

.ed-file-dn{
	position: absolute;
	right:5px;
	top:18px;
	width:24px;
	height:24px;
}

.filter-orange{
	filter: invert(46%) sepia(98%) saturate(493%) hue-rotate(333deg) brightness(94%) contrast(94%);
}

.filter-707684{
	filter:brightness(0) saturate(100%) invert(47%) sepia(18%) saturate(271%) hue-rotate(184deg) brightness(93%) contrast(89%);
}

.filter-black{
	filter: brightness(0) saturate(100%);
}

.filter-white{
	filter: invert(100%) sepia(51%) saturate(6%) hue-rotate(158deg) brightness(114%) contrast(100%);
}

.filter-silver{
filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(291deg) brightness(91%) contrast(88%);
}

.filter-dark-green{
	filter: invert(49%) sepia(61%) saturate(474%) hue-rotate(93deg) brightness(92%) contrast(87%);
}

.filter-cdcdcd{
	filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(2296%) hue-rotate(12deg) brightness(141%) contrast(61%);
}

.filter-cdcdcdi{
	filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(2296%) hue-rotate(12deg) brightness(141%) contrast(61%) !important;
}


.ed-file-ext.doc,.ed-file-ext.docx,.ed-file-ext.odt{
background-color: #1483E9;
}
.ed-file-ext.doc,.ed-file-ext.docx,.ed-file-ext.odt{
	background-color: #1483E9;
}

.ed-file-ext.pdf{
	background-color: #DB2F2F;
}

.ed-file-ext.rtf{
	background-color: #744FDC;
}

.ed-file-ext.tex,.ed-file-ext.txt{
	background-color: #5a5a5b;
}

.ed-file-ext.pptx,.ed-file-ext.ppt{
	background-color: #E35200;
}
.ed-file-ext.mp3{
	background-color: #eab456;
}
.ed-file-ext.mp4{
	background-color: #f676a6;
}
.ed-file-ext.xls{
	background-color: #11AE3D;
}
.ed-file-ext.html,.ed-file-ext.htm,.ed-file-ext.js{
	background-color: #2988f0;
}
.ed-file-ext.zip,.ed-file-ext.rar{
	background-color: #4f566f;
}
.ed-file-ext.exe{
	background-color: #e26f6f;
}
.ed-file-ext.key{
	background-color: #00B2FF;
}
.ed-file-ext.sketch{
	background-color: #FFC700;
}
.ed-file-ext.ai{
	background-color: #FB601D;
}
.ed-file-ext.psd{
	background-color: #388ae5;
}
.ed-file-ext.dmg{
	background-color: #e26f6f;
}
.ed-file-ext.json,.ed-file-ext.log{
	background-color: #2988f0;
}
.ed-file-ext.csv{
	background-color: #11AE3D;
}

.youtube-div {
	position:relative;
	height:0;
	padding-bottom:56.25%;
}

.youtube-div iframe {
	border:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.youtube-div-shorts {
	position: relative;
	width:100%;
	padding-bottom: 0;
    height: 640px;
    overflow: hidden;
	max-width: 360px !important;
}

.youtube-div-shorts iframe{
	position: relative;
    max-width: 360px !important;
    border-radius: 12px;
	top: 0;
    left: 0;
    border: 0;
    width: 100%;
	height: 100%;
}

.ed-pop-delete-img{
	margin-right: 5px;
}

.trash-obj{
	display:flex;
	align-items: center;
	position: absolute;
	bottom:0px;
	left:0px;
	max-width: 100%;
	height:24px;
	z-index: 10000;
	background-color: #db2f2fbb;
	cursor: pointer;
	padding:10px 0 10px 0;
	font-weight: bold;
	color:white;
	justify-content: center;
	font-size:14px !important;
}

.ed-float-right{
	float: right;
}

.ed-float-left{
	float: left;
}

.ed-img-border{
	border:1px solid #e9e9e9;
}

.sticker-wrap-div{
	display: none;
	position: absolute;
	max-width:100%;
	height:407px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    border: solid 1px #d7e0e9;
	z-index: 99999;
	background-color: white;
	border-radius: 4px;
	width:360px;
	clear: both;
	box-sizing: border-box;
}

.sticker-view{
	display:block;
	height:100%;
	width:360px;
	position: relative;
	text-align: center;
	padding-top:10px;
	box-sizing: border-box;
}

.sticker-Icons{
	display: block;
	height:357px;
	width:360px;
	max-width: 100%;
	position: relative;
}

.sticker-groups{
	background-color: rgb(160, 160, 160);
	display: block;
	height:47px;
	width:100%;
	max-width: 100%;
	position: relative;
	white-space: nowrap;
	overflow-x: auto;
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
	box-sizing: content-box;
	border-top:1px solid #d6d6d6;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	z-index: 10;
}

.sticker-groups::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.sticker-main{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	height:100%;
	width:100%;
}

.sticker-close,.addlink-close,.chatgpt-close,.rtmf-close,.readlb-close,.spellcheck-close{
	display: block;
	position: absolute;
	right:0;
	top:-34px;
	width:24px;
	height:24px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	cursor: pointer;
	box-sizing: content-box;
	background: gray;
}

.sticker-close img,.addlink-close img,.chatgpt-close img,.rtmf-close img,.readlb-close img,.spellcheck-close img{
	filter: invert(100%) sepia(51%) saturate(6%) hue-rotate(158deg) brightness(114%) contrast(100%);
	width:24px;
	height:24px;
	vertical-align: baseline;
}

.sticker-close img:hover,.addlink-close img:hover,.chatgpt-close img:hover,.rtmf-close img:hover,.readlb-close img:hover,.spellcheck-close img:hover{
	filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(291deg) brightness(91%) contrast(88%);
}

.sticker-groups ul{
	height: 48px;
	margin-block-start: 0;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	flex-flow: nowrap;
	background-color: rgb(160, 160, 160);
	padding:0 5px 0 5px;
	width: max-content;
	display: flex !important;
}

.sticker-groups li{
	background-color: rgb(160, 160, 160);
	float: left;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display:flex;
	justify-content: center;
	align-items: center;
	max-width:120px;
	width:auto;
}

.sticker-groups li:last-child{
	margin-right: 10px;
}

.s-grp-btn.left-line{
	border-left:1px solid #ffffff;
}

.s-grp-btn{
	display:flex;
	align-items: center;
	position:relative;
	cursor: pointer;
	font-weight: bold;
	justify-content: center;
	height:30px;
	max-width:110px !important;
	width: auto;
	padding:3px 4px 3px 4px;
	font-size:1.2em !important;
	box-sizing: content-box;
}


.sg-over-padding{
	padding:0 30px 0 30px !important;
}

.s-grp-btn:hover{
	background-color: white;
	border-radius: 5px;
}

.s-grp-active{
	background-color: #ffffff;
	border-radius: 5px;
}

.s-grp-none{
	background-color: #efefef;
	border-radius: 5px;
}

.sg-over-left-div,.sg-over-right-div{
	display: none;
	position: absolute;
	width: 30px;
	z-index: 5;
	box-sizing: content-box;
    align-items: center;
    justify-content: center;
	position: absolute;
	background-color: rgb(160, 160, 160);
	cursor: pointer;
	bottom: 0;
	z-index: 11;
}

.sg-over-left-div{
	border-bottom-left-radius: 5px;
	left:0;
}

.sg-over-right-div{
	border-bottom-right-radius: 5px;
	right:0;

}

.sg-over-ctr img{
	width:24px;
	height: auto;
	padding-top: 0;
}

.s-grp-btn img{
	width:28px;
	height:28px;
	margin-right:5px;
}

li.no-reg-grp{
	max-width:100%;
	width: 100%;
}

li.no-reg-grp div{
	display:flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size:13px;
}
li.no-reg-grp div img{
	margin-right:5px;
}

.no-reg-icon{
	display:flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	height:100%;
	width:100%;
	font-size:16px;
}

.no-reg-icon img{
	width:26px;
	height:26px;
	margin-right:5px;
}

.s-g-icon{
	display: flex;
	justify-content: center;
	border:1px solid #ffffff;
	padding:2px;
	width:75px;
	align-items:center;
	margin-right:6.5px;
	float:left;
	position: relative;
	cursor: pointer;
	height:79px;
	box-sizing: content-box;
}

.s-g-icon img{
	max-width:75px;
	height:auto;
}

.s-g-icon.s-over-size{
	margin-right:2px;
	width:76px;
}

.s-g-icon.s-over-size img{
	max-width:76px;
}

.s-g-icon:hover{
	border:1px solid #d5d5d5;
}

.mgr-0{
	margin-right:0px;
}

.mgr-5{
	margin-right:5px;
}

.mgr-10{
	margin-right:10px;
}

.mgt-3{
	margin-top:3px;
}

@media screen and (max-width: 768px) {
	.s-g-icon.s-over-size{
		margin-right:4px;
		width:70px;
	}

	.s-g-icon.s-over-size img{
		max-width:70px;
	}
}

.s-g-icon-gif{
	display: block;
	position: absolute;
	right:2px;
	bottom:2px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border: solid 1px #d7e0e9;
	width:24px;
	background-color: black;
	opacity: 0.5;
	color:white;
	font-size:10px !important;
}

.s-g-wrap{
	display: block;
	max-height: 300px;
	padding:3px;
	height:300px;
	overflow-y:auto;
	text-align: center;
	box-sizing: border-box;
}

.s-background{
	position: absolute;
	width:100%;
	height:100%;
	background-color: black;
	opacity: 0.3;
	top:0px;
	left:0px;
	display: none;
	z-index:9999;
}

.s-gif-show{
	max-width:95%;
	max-height:290px;
	height: auto;
	width: auto;
}

.s-gif-select-div{
	display: block;
	position: absolute;
	bottom: 50px;
	width: 100%;
	text-align: center;
	padding:12px 0 12px 0;
}

.s-gif-show-div{
	display:flex;
	align-items: center;
	justify-content: center;
	height: calc(100% - 60px);
	width:100%;
}

.s-gif-select-y {
	background-color:#44c767 !important;
	-webkit-border-radius:28px !important;
	-moz-border-radius:28px !important;
	border-radius:28px !important;
	border:1px solid #18ab29 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-size:14px !important;
	padding:5px 12px !important;
	text-decoration:none !important;

}
.s-gif-select-y:hover {
	background-color:#5cbf2a !important;
}
.s-gif-select-y:active {
	position:relative !important;
	top:1px !important;
}

.s-gif-select-n {
	background-color:#b8b8b8 !important;
	-webkit-border-radius:28px !important;
	-moz-border-radius:28px !important;
	border-radius:28px !important;
	border:1px solid #ffffff !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-size:14px !important;
	padding:5px 12px !important;
	text-decoration:none !important;

}
.s-gif-select-n:hover {
	background-color:#ababab !important;
}
.s-gif-select-n:active {
	position:relative !important;
	top:1px !important;
}

.s-gif-select-f {
	background-color:#cbcb00 !important;
	-webkit-border-radius:28px !important;
	-moz-border-radius:28px !important;
	border-radius:28px !important;
	border:1px solid #ffffff !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-size:14px !important;
	padding: 5px 12px 5px 12px !important;
	text-decoration:none !important;

}
.s-gif-select-f:hover {
	background-color:#d7d700 !important;
}
.s-gif-select-f:active {
	position:relative !important;
	top:1px !important;
}

.s-gif-select-f,.s-gif-select-n,.s-gif-select-y{
	line-height: 1.5 !important;
}

.mgl-3{
	margin-left: 3px;
}

.s-no-grant{
	display: flex;
	position: absolute;
	width:100%;
	height:100% !important;
	align-items: center;
	justify-content: center;
	top:0;
	left:0;
	background-color: hsla(225, 6%, 13%, 0.487);
	z-index: 10;
}

.s-no-login{
font-weight: bold;
font-size: 18px;
opacity: 1;
color: white;
text-align: center;
padding:0 5px 0 5px;
}

.s-e-button-div{
	padding:0;
	margin: 15px 0 0 0;
	display: block;
	position: relative;
}

.s-e-msg{
	color:#ffffff;
	text-shadow:0px 1px 0px #2a2a2a;
}
.chatgtp-getdoc{
	display: flex !important;
	justify-items: center;
	align-items: center;
}

.chatgtp-getdoc img{
	width:20px !important;
	height: 20px !important;
	margin-right: 3px;
}

.mini-button {
	outline:0;
	padding:3px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background-color:#ffffff;
	border:1px solid #007bff;

	font-size:12px;
	display: inline-block;
	cursor: pointer;
}

.mini-button:hover{
	background-color:#f9f9f9;
	border:1px solid #2569b1;
}

.s-button-normal {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9 !important;
	-webkit-border-radius:6px !important;
	-moz-border-radius:6px !important;
	border-radius:6px !important;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px !important;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.s-button-normal:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9 !important;
}
.s-button-normal:active {
	position:relative;
	top:1px;
}

.s-button-normal.subtton-text-md{
	font-size:14px;
}

.sticker-md-link{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: content-box;
	margin-top:10px;
	padding:10px;
	text-align: center;
}

.ed-fixed{
	position: fixed !important;
	z-index: 10;
	border-top:1px solid #d9d9d9;
}

.tmp-link-div{
	margin-top:20px;
	padding-top: 7px !important;
	position: relative;
    height: 36px;
    padding: 9px 70px 0 10px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
	border-radius: 2px;
	display: block;
	max-width: 340px;
	width:100%;
	line-height: 1.2px;
	box-sizing: border-box;
}

.chatgpt-wrap-div{
	display: none;
	position: absolute;
	max-width:100%;
	min-height:80px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    border: solid 1px #d7e0e9;
	z-index: 99999;
	background-color: white;
	border-radius: 4px;
	width:360px;
	max-width: 100%;
	clear: both;
	box-sizing: content-box;
}

.chatgpt-search{
	display: block;
	height:120px;
	width:360px;
	max-width: 100%;
	position: relative;
	padding:10px 20px 10px 10px;
	box-sizing: content-box;
}

.chatgpt-word-count{
	display: block;
    position: absolute;
    box-sizing: content-box;
    bottom: 20px;
    right: 125px;
    width: 80px;
    height: 14px;
    text-align: right;
    padding: 0;
    margin: 0;
}

.chatgpt-now-word-count{
	color:#464646;
}
.chatgpt-max-word-count{
	color:black;
	font-weight: bold;;
}

.chatgpt-now-word-count.over-this{
	color:red;
}

.chatgpt-textarea{
	position: relative;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
	border-radius: 2px;
	max-width: 340px;
	width:100%;
	height:80px;
	outline: 0 !important;
	padding:7px;
	resize: none !important;
}

.chatgpt-reset-btn{
	margin-right:5px;
}

.chatgpt-reset-btn .reset-run {
    position: absolute;
    top: 7px;
    right: 5px;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
    -webkit-font-smoothing: antialiased;
}

.chatgpt-ok-btn{
	width: 80px;
    height: 30px;
    display: block;
    position: relative;
	padding-left:3px;
	font-size: 13px !important;
	float: right;
    right: 20px;
	line-height: 140% !important;
}

.chatgpt-insert-btn .insert-add {
    position: absolute;
    top: 7px;
    right: 5px;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
    background-image: url("../../../../modules/editor/skins/editorxe/icon/plus.png");
    -webkit-font-smoothing: antialiased;
}

.chatgpt-ok-btn .is-icon {
	position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    background-image: url("../../../../modules/editor/skins/editorxe/icon/send.png");
    -webkit-font-smoothing: antialiased;
}

.chatgpt-textarea:hover,.chatgpt-textarea:active{
	outline: 0 !important;
}

.chatgpt-go-div{
	box-sizing: content-box;
	display: block;
	margin-top:5px;
	position: relative;
}

.chatgpt-result{
	display: block;
	max-width: 100%;
	position: relative;
	padding:10px;
	box-sizing: content-box;
	clear: both;
}

.addlink-wrap-div{
	display: none;
	position: absolute;
	max-width:100%;
	min-height:80px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    border: solid 1px #d7e0e9;
	z-index: 99999;
	background-color: white;
	border-radius: 4px;
	width:360px;
	max-width: 100%;
	clear: both;
	box-sizing: content-box;
}

.addlink-search{
	display: block;
	height:80px;
	width:360px;
	max-width: 100%;
	position: relative;
	padding:10px 20px 10px 10px;
	box-sizing: content-box;
}

.addlink-result{
	display: none;
	height:140px;
	width:360px;
	max-width: 100%;
	position: relative;
	padding:10px;
	text-align: center;
	box-sizing: content-box;
}

.addlink-go{
	position: absolute;
	top: 0;
	right: 6px;
	width: 41px;
	height: 100%;
	outline: 0;
	-webkit-appearance: none;
	-webkit-border-radius: none;
	border: 0;
	background-color: white;
}

.addlink-go-btn-div{
	display: flex;
	width: 41px;
    height: 100%;
	justify-content: center;
	align-items: center;
	background-color: white;
	border-radius: 0;
	box-sizing: content-box;
}

.addlink-go img{
	width:20px;
	height:20px;
	margin: auto;
	filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(291deg) brightness(91%) contrast(88%);
	cursor: pointer;
}

.addlink-go img:hover{
	width:20px;
	height:20px;
	margin: auto;
	filter: invert(49%) sepia(61%) saturate(474%) hue-rotate(93deg) brightness(92%) contrast(87%);
}

.tmp-link-input{
	width: 100%;
    border: 0;
    background: transparent;
    font-size: 13px !important;
	margin: 0;
    padding: 0;
	outline: 0;
	line-height: 1.5;
	color:black;
}

.mini .bl-link-image {
	width: 80px;
	height: 80px;
}

.mini .bl-view-ct {
	padding: 4px 0 4px !important;
	width: calc(100% - 100px) !important;
}

.mini .bl-link-url{
	width: calc(100% - 10px);
    padding: 0 10px;
}

.mini .bl-link-description {
    line-height: 13px;
    width: calc(100% - 0px);
    padding: 0 10px;
	color: #333;
	font-size:12px;
	max-height:30px;
	display: -webkit-box !important;
}

.mini .bl-url-card{
    width: 340px;
}

.mini .bl-link-title{
	width: calc(100% - 0px);
	padding: 0 10px;
	color: black;
}

.mini a:hover{
	text-decoration: none;
}

.addlink-result-ok-div,.chatgpt-result-ok-div{
	clear: both;
	display: block;
	position: relative;
	padding-top:10px;
}

.chatgpt-result-ok-div{
	display: block;
	padding:10px;
	clear: both;
	height:28px;
	text-align: center;
	box-sizing: content-box;
}

.chatgpt-insert-btn, .chatgpt-reset-btn{
	display: inline;
    font-size: 12px !important;
    position: relative;
	line-height: 140% !important;
}

.chatgpt-result-wrap{
	display: none;
	box-sizing: content-box !important;
	position: relative;
}

.chatgpt-header-wrap{
	display: block;
	position: relative;
	height:23px;
	box-sizing: content-box;
	padding: 10px 10px 5px 10px;

}

.ed-insert-image{
	max-width:100% !important;
}

.bl-url-card span{
	display: block !important;
}

.cdx-checklist__item-text
{
	line-height: 1.4em;
}

.ed-sticker-image{
	width:140px;
	height:auto;
	vertical-align: baseline;
}

.cdx-checklist__item-checkbox{
	margin: auto !important;
	width: 16px !important;
    height: 16px !important;
}

.cdx-checklist__item-checkbox::after{
top: 4px !important;
left: 3px !important;
width: 8px !important;
}

.cdx-checklist__item-text{
	margin-left:5px;
	line-height: 1em !important;
}

.ed-chatgpt-wrap{
	max-width:100%;
	width:calc(100% - 40px);
	box-sizing: content-box;
	display: block;
	position: relative;
	overflow: overlay;
	padding: 20px 10px 10px 10px;
}

.ed-chatgpt-wrap-q{
	display: block;
	height:40px;
	box-sizing: content-box;
	position: relative;
}

.ed-chatgpt-q{
	display: block;
	float: right;
	padding:7px;
	background-color: #27424e;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	color:white;
	max-width: calc(100% - 17px);
    margin-right: 8px;
}

.ed-chatgpt-a{
	display: block;
	float: left;
	padding:18px 7px 0px 7px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    max-width: 100%;
	z-index: 2;
	position: relative;
	margin-top: 5px;
}

.ed-chatgpt-logo{
	display: block !important;
	position: absolute !important;
	top:0 !important;
	right:0 !important;
	width:18px !important;
	height:18px !important;
}

.fn_cnt ol{
	list-style: auto !important;
	margin-block-start: 1em  !important;
    margin-block-end: 1em  !important;
    margin-inline-start: 0px  !important;
    margin-inline-end: 0px  !important;
    padding-inline-start: 40px  !important;
	display: block  !important;
    margin-left: 1em  !important;
    margin-right: 0  !important;
    padding-left: 25px  !important;
    padding-right: 0  !important;
}

.fn_no a{
	text-decoration: none;
}

.handyeditor_tool_wrap.simple{
	height:43px;
	display: flex;
    align-items: center;
}

.handyeditor_tool_wrap.simple ul{
	height: 30px;
	margin-block-start: 0;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

.handyeditor_tool_wrap.simple .toolbar-ul button{
	min-width: 30px;
	height: 30px;
}

.handyeditor_tool_wrap.simple .xe-toolbar-label{
	display: none;
	top: 25px;
	bottom: 17px;
	right: 0;
	left: 0px;
	height: 30px;
}

.handyeditor_tool_wrap.simple .xe-toolbar-separator-div{
	width:1px;
	height:30px;
	display: block;
	margin:5px 1px 0px 1px;
}

.handyeditor_tool_wrap.simple .xe-toolbar-button{
	padding-top: 24px !important;
}

.handyeditor_tool_wrap.simple .xe-toolbar-icon{
	top: 5px;
    bottom: 0px;
}

.file-upload-div.dark{
	background-color:black;
	color:white;
}

.gpt-level-span{
	cursor: pointer;
	font-size:0.9em;
	width:30px;
	padding:1px 2px 1px 2px;
	line-height: 1;
}

.gpt-level-span.lv-0{
	border:1px solid #2a2a2a;
	color:#2a2a2a;
	margin-right:2px;
}

.gpt-level-span.lv-1{
	border:1px solid #1483E9;
	color:#1483E9;
	margin-right:2px;
}

.gpt-level-span.lv-2{
	border:1px solid #ee6300;
	color:#ee6300;
}

.lv-0.lv-active{
	background-color: #2a2a2a;
	color:white;
}

.lv-1.lv-active{
	background-color: #1483E9;
	color:white;
}

.lv-2.lv-active{
	background-color: #ee6300;
	color:white;
}

.gpt-level-div{
	display: block;
    position: absolute;
    bottom: 18px;
	box-sizing: content-box;
	float: left;
	line-height: 1;
}

.chatgpt-show-usepoint{
	float: left;
	display: block;
	box-sizing: content-box;
	bottom: 18px;
	position: absolute;
}

.xe_handyeditor_editable.dark .ed-chatgpt-a{
	background-color: #464646;
}

.xe_handyeditor_editable.dark .ce-conversion-tool__icon{
	background-color: #464646;
}

.editor_autosaved_message.autosave_message{
	border: 1px solid #ebecef;
	padding:10px;
	background-color: #2988f0;
	color:white;
	line-height: .9rem !important;
}

.ceditor{
	display: none;
	box-sizing: content-box;
	position: relative;
	z-index: 5;
}

.CodeMirror {
    height: 100% !important;
	font-size: 14px;
}

.cdx-list--unordered{
	padding-left:40px !important;
}

.s-grp-btn{
	color:black;
}

.ed-chatgpt-a p {
    margin: 0 !important;
}

label.xe-file-upload-btn {
    margin-bottom: 0;
}

.pixie-root{
	z-index: 999998 !important;
}

.pi .z-20,.pi .z-popover,.z-popover.isolate{
	z-index: 999999 !important;
}

.mat-icon svg{
	vertical-align: baseline;
}

.instagram-div {
    display: flex;
    width: calc(100% - 22px);
    box-sizing: content-box;
    position: relative;
    max-width: 540px;
}

.instagram-div iframe{
	background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid rgb(219,219,219);
    box-shadow: none;
    display: block;
    margin: 0px 0px 12px;
    min-width: 326px;
    padding: 0px;
    max-width: 540px;
    width: calc(100% - 22px);
}

.ed-twitter-div{
	display: flex;
	width:328px;
	box-sizing: content-box;
	position: relative;
}

.ed-fontstyle-div{
	display: block;
	box-sizing: content-box;
	position: absolute;
	z-index: 100;
	top:50px;
	width: calc(100%);
	left:0;
	text-align: left;
	background-color: #ffffff;
	color:#303030;
	background-color: #fff;
    border: 1px solid #e8e8eb;
    -webkit-box-shadow: 0 3px 15px -3px rgba(13, 20, 33, .13);
    box-shadow: 0 3px 15px -3px rgba(13, 20, 33, .13);
    border-radius: 6px;
	padding:5px;
}

.ed-fontstyle-div ul{
	display: none;
	box-sizing: content-box;
	position: absolute;
	list-style: none !important;
	margin-block-start: 0em !important;
    margin-block-end: 0em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 0px !important;
	height:auto;
	overflow: hidden;
}

.ed-fontstyle-div .font-defaultvalue-div{
	display: inline-flex;
	color:rgb(53, 53, 53);
	border:1px solid #cbcbcb;
	height:26px;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 80px;
}


.ed-fontname-ul{
	left:0;
	width: 80px;
}

.ed-fontsize-ul{
	left:90px;
	width: 50px;
}

.ed-fontstyle-div li{
	height:26px;
	background-color: #fff;
	color:rgb(93, 93, 93);
	border:1px solid #c3c3c3;
	font-size: 12px;
    line-height: 1.5;
	margin: 0 !important;
    padding: 0 !important;
    -webkit-text-size-adjust: none;
	cursor: pointer;
	align-items: center;
    justify-content: center;
	display: flex;

}

.ed-fontstyle-div li:hover{
	height:25px;
	background-color: rgb(97, 97, 97);
	color: white;
	border:1px solid #333;
}

.ed-font-ul.drop-open{
	height:auto;
}

.mce-content-body img{
	max-width:100% !important;
}

.mce-content-body video{
	max-width:100% !important;
}

.bl-view-ct.no-bg{
	width:100% !important;
}

.tox-pop__dialog .tox-toolbar .tox-tbtn.tox-tbtn--select{
	width:50px !important;
}

.ed-chatgpt-wrap div.ed-chatgpt-a:nth-child(even){
	margin-bottom: 20px;
}

.ed-chatgpt-wrap div.ed-chatgpt-a:nth-last-child(2){
	margin-bottom: 0;
}

video{
	max-width: 100% !important;
}

.tmp-link-input::placeholder {
	color: black;
}

.chatgpt-textarea{
	color:black;
}

.chatgpt-textarea::placeholder{
	color:black;
}

.ed-chatgpt-a{
	box-shadow: 0 0 3px #bbb !important;
}

.rtmf-wrap-div{
	display: none;
	position: absolute;
	max-width:100%;
	height:300px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    border: solid 1px #d7e0e9;
	z-index: 99999;
	background-color: white;
	border-radius: 4px;
	width:320px;
	clear: both;

}

.rtmf-file-list .rtmf-file-item:not(:last-child){
	margin-bottom: 10px;
}

.rtmf-title{
	font-size: 14px;
	padding:10px;
	border-bottom: 1px solid #a2a2a2;
	text-align: center;
	font-weight: bold;
}

.rtmf-file-list{
	padding:10px;
	border-bottom: 1px solid #b7b7b7;
	height:180px;
	max-height: 180px;
	overflow-y:scroll;
	overflow-x: hidden;
	display: block;
    box-sizing: border-box;
	font-size: 12px;
    line-height: 1.5;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

.rtmf-file-list::-webkit-scrollbar {
    width: 10px;
	background-color: #7b7b7b;
}

.rtmf-file-list::-webkit-scrollbar-thumb {
    background-color: #2f3542;
    border-radius: 10px;
}

.rtmf-file-listr::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
  }

.rtmf-file-item{
	display: block;
	width:100%;
	max-width: 100%;
	text-align: center;
	border:1px solid #cbcbcb;
	position: relative;
	background-color: #ffffff;
}

.rtmf-file-name,.rtmf-file-size{
	font-size:12px;
}

.rtmf-file-item img{
	max-width: 100%;
}

.rtmf-bottom{
	position: relative;
	bottom: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:40px;
}

.rtmf-ok-btn{
	width: 80px;
    height: 30px;
    display: inline-block;
    position: relative;
	background-color: #0080ff;
	color:white;
	border:1px solid #2988f0;
	padding-left:-3px;
	font-size: 13px !important;
	line-height: 140% !important;
	border-radius: 5px;
}

.rtmf-ok-btn:hover{
	border:1px solid #d4d4d4;
	background-color: #2993f0;
}

.rtmf-cnt-badge{
	position: absolute;
	right:2px;
	top:3px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	color:white;
	display: block;
}


.rtmf-pass-btn{
	margin-right:10px;
	width: 80px;
    height: 30px;
    display: inline-block;
    position: relative;
	background-color: #d64a12;
	color:white;
	border:1px solid #d66412;
	padding-left:3px;
	font-size: 13px !important;
	line-height: 140% !important;
	border-radius: 5px;
}

.rtmf-pass-btn:hover{
	border:1px solid #868686;
	background-color: #d66412;
}

.rtmf-totalsize{
	height:30px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:12px;
	line-height: 1.5;
}

.addlink-result.mini .bl-url-card{
	max-width: calc(100% - 28px) !important;
}

@keyframes blink-effect {
	50% {
		opacity: 0;
	}
}

.blink-effect {
	animation: blink-effect 1s step-end infinite;
	/*
	animation-name: blink-effect;
	animation-duration: 1s;
	animation-iteration-count:infinite;
	animation-timing-function:step-end;
	*/
}
.rtmf-cnt-text img{
	position: absolute;
	top:2px;
	right:2px;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(339deg) brightness(102%) contrast(102%);
}

.rtmf-filelist-active{
	border-left:1px solid #9f9f9f;
	border-right:1px solid #9f9f9f;
	background-color: #e9e9e9;
}

.rtmf-fileitem-play{
	position: absolute;
	right:5px;
	top:5px;
	display: block;
}

.rtmf-fileitem-play img{
	width: 26px;
    opacity: 0.9;
    border: 0;
}

.file-upload-ready{
	display: block;
	position: absolute;
	box-sizing: content-box;
	width:100%;
	height:100%;
	top: 0;
	left:0;
	background-color: none !important;
}

.tiktok-embed iframe{
	border:none;
}

.tiktok-embed{
	margin: 0 !important;
	padding: 0 !important;
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
	border:none !important;
}

.mce-content-body blockquote,.xe_content blockquote{
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    border-left-width: 5px;
    padding-left: 20px;
    padding-right: 8px;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

.mce-content-body details,.xe_content details {
border: 1px solid #aaa;
border-radius: 4px;
padding: 0.5em 0.5em 0;
}

.mce-content-bodysummary,.xe_content details {
margin: -0.5em -0.5em 0;
padding: 0.5em;
}

.mce-content-body details[open],.xe_content details[open] {
padding: 0.5em;
}

.mce-content-body details[open] summary,.xe_content details[open] summary {
border-bottom: 1px solid #aaa;
margin-bottom: 0.5em;
}

.mce-content-bodysummary hgroup,.xe_content hgroup {
	text-align: right;
	padding-right: 16px;
	border-right: 10px solid #00c8d7;
}

.mce-content-body code,.xe_content code {
	background: #e3e3e3;
	word-wrap: break-word;
	box-decoration-break: clone;
	padding: 0 !important;
	border-radius: .2rem;
}

.pi .svg-icon{
	filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(291deg) brightness(91%) contrast(88%) !important;
}

.sthisfav-wrap{
	height:40px;
	display: flex;
	box-sizing: content-box;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}

.st-his,.st-fav{
	display: inline-flex;
	width:100px;
	font-size: 14px;
	align-items: center;
	justify-content: center;
	color: #a9a9a9;
	cursor: pointer;
	position: relative;
	font-weight: 400;
}

.st-normal{
	display: inline-flex;
	width:100%;
	font-size: 1.4em;
	align-items: center;
	justify-content: center;
	color: #a9a9a9;
	cursor: pointer;
	position: relative;
	font-weight: 400;
}

.st-his img,.st-fav img{
	margin-right: 10px;
	width:18px;
	filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(2296%) hue-rotate(12deg) brightness(141%) contrast(61%);
}

.st-his img:hover,.st-fav img:hover{
	filter:none;
}

img.sis-active{
	filter:none;
}

.st-normal img{
	margin-right: 10px;
	width:24px;
}

.st-his.sis-active,.st-fav.sis-active,.st-normal.sis-active{
	color: #212121;
}

.st-fav:hover .st-fav-img,.st-his:hover .st-his-img{
	filter: none;
}

.st-his:hover,.st-fav:hover{
	color: #212121;
}

.sgif-select-img{
	filter: invert(100%) sepia(51%) saturate(6%) hue-rotate(158deg) brightness(114%) contrast(100%);
}

.vertical-line-icon{
	height:20px !important;
	filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(2296%) hue-rotate(12deg) brightness(141%) contrast(61%);
}

.tox-toolbar__group [title^='Font sizes'] {
	max-width:80px !important;
}

.readlb-wrap-div{
	display: none;
	position: absolute;
	max-width:calc(100% - 15px);
	height:408px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    border: solid 1px #d7e0e9;
	z-index: 99999;
	background-color: white;
	border-radius: 4px;
	width:560px;
	clear: both;
	box-sizing: border-box;
}

.readlb-search-div{
	padding:10px 20px;
	box-sizing: content-box;
	position: relative;
}

.readlb-search-div .readlb-search-str{
	font-size:14px;
	width:90%;
	border:0;
	background-color: white;
}

.readlb-search-div .readlb-search-str:focus{
	outline: none;
}

.readlb-search-div button{
	background-color: inherit;
	border:0;
	position: absolute;
	right:10px;
}

.readlb-gropus-div{
	padding:0px 10px 0px 10px;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #cfcfcf;
	box-shadow: 0px 3px 5px -5px #111;
	overflow-x: auto;
}

.rb-grp-btn img{
	width: 16px;
	height: 16px;
	margin-right:5px;
}

.readlb-gropus-div ul{
	height: 35px;
	margin-block-start: 0;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	flex-flow: nowrap;
	background-color: rgb(255, 255, 255);
	padding:0 5px 0 5px;
	max-width: 100%;
	display: flex !important;
	white-space:nowrap;
}

.rb-grp-none{
	color:rgb(105, 105, 105);
}

.rb-grp-none:hover{
	color:#007bff;
}

.readlb-gropus-div li{
	background-color: rgb(255, 255, 255);
	float: left;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display:flex;
	justify-content: center;
	align-items: center;
	max-width:240px;
	width:auto;
}

.readlb-gropus-div li:not(:first-child){
	margin-left:7px;
}

.readlb-gropus-div li:last-child{
	padding-right:10px;
}

.rb-grp-btn.left-line{
	border-left:1px solid #ffffff;
}

.rb-grp-active{
	color: #000;
	border-bottom: 2px solid;
}

.rb-grp-btn{
	display:flex;
	align-items: center;
	position:relative;
	cursor: pointer;
	font-weight: bold;
	justify-content: center;
	height:24px;
	max-width:110px !important;
	width: auto;
	padding:3px 6px 3px 6px;
	font-size:13px !important;
	box-sizing: content-box;
}



.no-reg-readlb{
	max-width: 100% !important;
	width:100% !important;
}

.no-reg-readlb div img{
	margin-right: 5px;
}

.no-reg-readlb div{
	display:flex;
	align-items: center;
	position:relative;
	cursor:default;
	font-weight: bold;
	justify-content: center;
	padding:3px 6px 3px 6px;
	font-size:13px !important;
	box-sizing: content-box;
	height:24px;
}

.readlb-content-tit{
	position:relative;
	padding:10px 0 0 20px;
	font-size:13px !important;
	box-sizing: content-box;
	height:30px;
	display:flex;
	align-items: center;
}

.readlb-content-result{
	box-sizing: content-box;
	display: flex;
    flex-wrap: wrap;
    padding: 15px;
	border: 0;
    border-radius: 0px;
    font-size: 1em;
    line-height: 1.4;
    transition: 0.5s;
	overflow-y: auto;
    max-height: 250px;
}

.readlb-content-item{
	margin: 3px;
    transition: 0.4s;
	flex: 1 1 40%;
	position: relative;
}

.rci-wrap{
	display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
	-webkit-box-direction: normal;
	margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
	-webkit-box-sizing: content-box;
    box-sizing: content-box;
	max-width:250px;
}

.rci-fcltynm{
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}

.rci-poseter-div{
	display: inline-block;
    overflow: hidden;
    position: relative;
    width: 64px;
    height: auto;
	max-height:94px;
    background-color: #fbfbfb;
    vertical-align: middle;
}

.rci-poseter-div.document{
	width: 107px;
    height: 80px;
}

.rci-poseter-div .rci-rank{
	display: flex;
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: rgba(7, 7, 7, 0.619);
	color:white;
	font-size:1em;
	top:0px;
	left:1px;
	justify-content: center;
	align-items: center;
	box-sizing: content-box;
	line-height: 1;
}

.rci-poseter-thumb{
	position: relative;
	left: 50%;
	width: auto;
	height: 100%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	max-height: 145px;
}

.rci-info{
	display: table-cell;
    width: 100%;
    padding-left: 82px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-size:13px;
	line-height: 1.4;
}

.rci-info.document{
	padding-left: 120px;
}

.rci-info.no-thumb{
	padding: 5px 5px 0px 5px;
}

.rci-overview{
	font-size: 0.9em;
	font-weight: bold;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: block;
}

.rci-actors,.rci-directors{
max-width: 100%;
text-wrap: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.rci-poseter-title{
	font-size: 1.1em;
	font-weight: bold;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: block;
}

.rci-insert-div {
	box-sizing: content-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: calc(100% - 2px);
    text-decoration: none;
    background: hsla(0,0%,100%,.01);
    cursor: pointer;
	padding: 0;
	margin: 0;
}

.rci-insert-div:hover {
    border: 2px solid #429dff;
}

.rci-link-div{
	position: absolute;
	bottom:0;
	right:0;
	box-sizing: content-box;
	display: none;
}

.rci-link-div a{
	text-decoration: none !important;
}

.rci-link-div img{
	width:20px;
	height:20px;
}

.none-cursor{
	cursor:not-allowed !important;
}

@media screen and (max-width: 500px) {

	.readlb-wrap-div{
		width:320px;
	}

	.readlb-gropus-div::-webkit-scrollbar {
		display: none;
	}

	.addlink-wrap-div,.addlink-search{
		width: 320px;
	}
	.tmp-link-div{
		width:300px;
	}

	img[editor_component="map_components"]{
		width:300px !important;
		height:150px !important;
	}

	.af-upload-info{
		font-size:0.8em;
		display: inline-block;
		vertical-align: middle;
		line-height: 1.3 !important;
	}

	.toolbar-ul{
		display:        flex;
		flex-direction: row;
		flex-wrap:      nowrap;
		overflow-x:     auto;
	}

	.toolbar-ul::-webkit-scrollbar {
		display: none;
	}

	.readlb-content-item{
	flex: 1 100%;
	}

	.readlb-gropus-div li:not(:first-child) {
		margin-left: 15px;
	}

	.readlb-gropus-div li:last-child {
		padding-right: 15px;
	}

	.rci-info{
		line-height: 1.3;
	}

	.spellcheck-wrap-div .spellcheck-content{
		max-height: 220px;
	}

	.spellcheck-wrap-div{
		padding:20px 10px 20px 10px !important;
	}
}

.bl-link-image.readLb-mov-img{
	width:100px;
	height:150px;
}

.readLb-mov .bl-link-url{
	margin-top:10px;
}

.rci-icon-over{
	filter: invert(65%) sepia(65%) saturate(5642%) hue-rotate(161deg) brightness(94%) contrast(101%);
}

.copy-right-font-kopis{
	font-size:0.9em;
	color:#515151;
}

body:not([data-touchable= 'true']) {


	.sticker-Icons{
		height: auto;
		width:100%;
		max-width:100%;
	}

	.sticker-groups{
		position: absolute;
		bottom: 0;
	}

	.sticker-view{
		width:100%;
	}

	.no-reg-icon{
		padding-top:100px;
	}

	.s-g-icon {
		max-width: 75px;
	}

	.s-g-icon img{
		max-width: 75px;
	}
}


.editor_after_action {
    border: 0px solid #ebecef;
    padding: 5px 0 5px 0;
    line-height: .9rem !important;
	box-sizing: content-box;
	display: none;
	text-align: right;
}

button.ai-hash-tag{
	width: 120px;
    height: 30px;
    display: inline-flex;
    position: relative;
	background-color: #0080ff;
	color:white;
	border:1px solid #2988f0;
	font-size: 13px !important;
	line-height: 140% !important;
	border-radius: 5px;
	align-items: center;
    justify-content: center;
}

button.ai-hash-tag img{
	margin-right: 5px;
}

button.ai-hash-tag:hover{
	background-color: #0055ff;
}

button.ai-hash-tag:active{
	background-color: #0055ffac;
}


@keyframes ed-spin {
	from {
	transform: rotate(0deg);
	}
	to {
	transform: rotate(360deg);
	}
}

.ed-animate-spin {
    animation: ed-spin 1s linear infinite;
	width: 1.25rem;
	height: 1.25rem;
	margin-right: 0.75rem;
	margin-left: -0.25rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity));
	display: none;
}

.opacity-25 {
    opacity: .25;
}

.opacity-75 {
    opacity: .75;
}

.rci-grp-btn-ic.my-doc{
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

.tox-toolbar__group button[title^="Font size"],.tox-toolbar__group button[title^="글꼴 크기"]{
	max-width: 80px !important;
}

body.tox-dialog__disable-scroll{
	overflow:unset !important;
}

.resize-obj{
	border : 2px solid #ff6b2c;
	display: none;
	position: absolute;
}

.resize-obj.no-border{
	border : 0;
}

.new-line-div{
	position: absolute;
	width:100%;
	height:2px;
	border: 1px solid #B4D7FF;
	background-color: #B4D7FF;
	z-index: 2;
	box-sizing: content-box;
}

.new-line-div.no-border{
	border : 0;
	background-color: unset;
}

.new-line-div .ed-right-enter{
	position: absolute;
	right: min(10%, 30px);
	top:-15px;
	width: 30px;
	height: 30px;
	border: 1px solid #FFC83D;
	background-color: #FFC83D;
	border-radius: 50%;
	cursor:pointer;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.1);
	align-items: center;
	display: flex;
	justify-content: center;
}

.ed-right-enter:hover{

	border: 1px solid rgb(0, 128, 255);
	background-color: rgb(0, 128, 255);
	transition-duration: 800ms;
}

.prev-new-line-div{
	box-sizing: content-box;
	position: absolute;
	width:100%;
	height:2px;
	z-index: 2;
	border: 1px solid #B4D7FF;
	background-color: #B4D7FF;
}

.prev-new-line-div.no-border{
	border : 0;
	background-color: unset;
}

.prev-new-line-div .ed-left-enter{
	position: absolute;
	left: min(10%, 30px);
	top:-15px;
	width: 30px;
	height: 30px;
	border: 1px solid #FFC83D;
	background-color: #FFC83D;
	border-radius: 50%;
	cursor:pointer;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.1);
	align-items: center;
	display: flex;
	justify-content: center;
}

.ed-left-enter:hover{
	border: 1px solid rgb(0, 128, 255);
	background-color: rgb(0, 128, 255);
	transition-duration: 800ms;
}

.ed-sticker-a,.ed-sticker-image{
	width:140px !important;
	height:140px !important;
	max-width:140px !important;
	max-height:140px !important;
}

.ed-sticker-a{
	background-size: cover !important;
}

.move-win{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 12px;
	left: 8px;
	z-index: 10;
}

.move-win-icon{
	filter:brightness(0) saturate(100%) invert(47%) sepia(18%) saturate(271%) hue-rotate(184deg) brightness(93%) contrast(89%);
}

.move-win-icon:hover{
	filter:none;
}

.am-title {
	display: flex;
	justify-content: center;
	align-items: center;
    padding: 2px 0 0 2px !important;
    color: #999;
    background: #ffffff;
    height: 25px;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #cecece;
    font-family: "Noto Sans KR", "Noto Sans Korean", "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", "나눔바른고딕", "NanumBarunGothic", "나눔바른고딕OTF", "NanumBarunGothicOTF", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", sans-serif;
}

.am-title .am-title-img{
	margin-right: 5px;
	filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(291deg) brightness(91%) contrast(88%);
}

.atwho-view-ul li{
	padding:8px 10px !important;
}

.atwho-view-ul li:last-child{
	border-bottom: none !important;
}

.mce-content-body summary{
	padding-bottom:10px;
}

.CodeMirror-scroll{
	overflow: hidden !important;
	padding-bottom: 0 !important;
}

.aiqt-wrap-div{
	display: none;
	position: absolute;
	max-width:calc(100% - 15px);
	height:28px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	border: solid 1px #d7e0e9;
	z-index: 3;
	background-color: white;
	border-radius:5px;
	clear: both;
	box-sizing: border-box;
	width:220px;
	line-height: 1 !important;
}

.aiqt-wrap-div .aiqt-input{
	border: none;
	height:100%;
	font-size:14px;
	border-radius:5px;
	padding-left:10px;
	padding-right:43px;
	width:100%;
	outline: none;
}

.aiqt-input::placeholder{
	color:#666666;
}

.aiqt-desc{
	display: block;
	padding: 5px;
	box-sizing: content-box;
	color: #999;
	font-size: 12px;
}

.aiqt-is-tool{
	display: block;
	position: absolute;
	right:5px;
	top:5px;
	width: 37px;
	height:19px;
	box-sizing: content-box;
}

.aiqt-is-doc-img{
	margin-right:5px;
}

.aiqt-is-doc-img, .aiqt-is-ok-img{
	filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(291deg) brightness(91%) contrast(88%);
	cursor: pointer;
}

.aiqt-is-doc-img:hover, .aiqt-is-ok-img:hover{
	filter: none;
}

.sticker-wrap-div.ui-resizable{
	position: absolute !important;
}

.readlb-search-str{
	max-height:25px;
	background-color: unset !important;
	border:none !important;
}

.readlb-sch-btn{
	top:13px;
}

.aiqt-is-doc-img.aiqt-is-img-parse{
	filter: none;
	width:16px !important;
	height: 16px !important;
}
.Typewriter__cursor{
	display: none !important;
}

.reddit_div_wrapper {
    max-width: 640px;
}

.reddit_div_wrapper {
    margin: 0 auto;
    text-align: center;
}

.reddit-embed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.reddit_iframe.reddit-embed {
    display: inline-block;
    max-width: 640px;
    height: 360px;
    padding-bottom: 0;
}

.reddit_iframe.reddit-embed iframe {
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
}

.reddit-embed > iframe, .reddit-embed > video {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
}

.reddit_iframe.reddit-embed img {
    display: none;
    opacity: 0;
}

.spellcheck-wrap-back{
	position: absolute;
	max-width:calc(100% - 15px);
	height:100vh;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	border: solid 1px #d7e0e9;
	z-index: 3;
	background-color: rgba(83, 83, 83, 0.142);
	clear: both;
	box-sizing: border-box;
	width:100%;
	max-width: 100%;
	top:0;
	font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.spellcheck-wrap-flex{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100vh;
}

.spellcheck-wrap-div{
	position: relative;
	max-width:calc(100% - 15px);

	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	border: solid 1px #d7e0e9;
	z-index: 3;
	background-color: white;
	border-radius:5px;
	clear: both;
	box-sizing: border-box;
	width:640px;
	max-width: 100%;
	line-height: 1.6 !important;
	top:0;
	padding:20px;
}

.spellcheck-wrap-div .spellcheck-content{
	display: block;
	box-sizing: content-box;
	color: #1a1a1a;
	font-size: 15px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	max-height: 400px;
	overflow-y: auto;
}

.spellcheck-wrap-div span.spellcheck{
	background-color: rgba(181, 181, 181, 0.568);
	padding: 2px 2px;
	border-radius: 3px;
}

.spellcheck-wrap-div span.spacecheck{
	background-color: rgba(255, 0, 0, 0.568);
	padding: 2px 2px;
	border-radius: 3px;
}

.spellcheck-wrap-div span.spellcheck-space{
	background-color: rgb(246, 246, 246);
	border-bottom:1px solid #ff0000;
	border-left:1px solid #ff0000;
	border-right:1px solid #ff0000;

}

.spellcheck-btn{
	text-align: right;
	margin-top: 10px;
	box-sizing: content-box;
}

.spellcheck-desc{
	display: block;
	padding: 5px;
	margin-top: 5px;
	box-sizing: content-box;
	color: #999;
	font-size: 12px;
	width: 100%;
	text-align: center;
}

.spellcheck-ok-btn{
	width: 60px;
	height: 30px;
	display: inline-block;
	position: relative;
	background-color: #0080ff;
	color:white;
	border:1px solid #2988f0;
	padding-left:-3px;
	font-size: 15px !important;
	line-height: 140% !important;
	border-radius: 5px;
}

.spellcheck-close-btn{
	width: 60px;
	height: 30px;
	display: inline-block;
	position: relative;
	background-color: #d64a12;
	color:white;
	border:1px solid #d66412;
	padding-left:-3px;
	font-size: 15px !important;
	line-height: 140% !important;
	border-radius: 5px;
	margin-left: 10px;
}

.spellcheck-copy-btn{
	width: 60px;
	height: 30px;
	display: inline-block;
	position: relative;
	background-color: #ffffff;
	color:#000000;
	border:1px solid #d3d3d3;
	padding-left:-3px;
	font-size: 15px !important;
	line-height: 140% !important;
	border-radius: 5px;
	margin-left: 10px;
}

.spellcheck-ok-btn:hover{
	border:1px solid #d4d4d4;
	background-color: #2993f0;
}
.spellcheck-close-btn:hover{
	border:1px solid #868686;
	background-color: #d66412;
}
.spellcheck-copy-btn:hover{
	border:1px solid #868686;
	background-color: #e9e9e9;
}

.spellcheck-content div:not(:first-child){
	border-top: 1px solid #e5e5e5;
}

.ed-spellcheck-line{
	padding:7px;
	box-sizing: content-box;
	position: relative;
}

.ed-spellcheck-line:hover{
	background-color: #f5f5f5;
	box-shadow: 0 0 3px #bbb;
	-webkit-box-shadow: 0 0 3px #bbb;
}



.ed-spellcheck-apply{
	display: none;
	position: absolute;
	right: 0;
	top: -10px;
	width: 50px;
	height: 20px;
	border-radius: 50%;
	background-color: #0080ff;
	color:white;
	border:1px solid #2988f0;
	padding-left:-3px;
	font-size: 13px !important;
	line-height: 140% !important;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
}
.ed-spellcheck-apply:hover{
	border:1px solid #d4d4d4;
	background-color: #2993f0;
}

.ed-spellcheck-copy{
	display: none;
	position: absolute;
	right: 60px;
	top: -10px;
	width: 50px;
	height: 20px;
	border-radius: 50%;
	background-color: #ffffff;
	color:#000000;
	border:1px solid #d3d3d3;
	padding-left:-3px;
	font-size: 13px !important;
	line-height: 140% !important;
	border-radius: 5px;
	justify-content: center;
	align-items: center;

}
.ed-spellcheck-copy:hover{
	border:1px solid #868686;
	background-color: #e9e9e9;
}

.ed-spellcheck-line-text{
	font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.spellcheck-more-ul{
	margin-top: 5px;
	display: flex;
	position: relative;
	box-sizing: content-box;
	justify-content: center;
	align-items: center;
	padding: 5px;
	width: 380px;
    max-width: calc(100% - 15px);
	flex-direction: column;
}

.spellcheck-more-ul li{
	padding: 5px 20px 5px 8px;
	box-sizing: content-box;
	display: block;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	cursor: pointer;
	width: 380px;
    max-width: calc(100% - 15px);
	z-index: 5;
	position: relative;
	font-size:12px;
}

.spellcheck-more-ul li:not(:last-child):hover{
	background-color: #e9e9e9;
	border: 1px solid #868686;
}

.spellcheck-more-ul li:not(:first-child){
	display:none;
	margin-top: 3px;
}

.spellcheck-more-div{
	position: relative;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spmul-wrap{
	display: block;
	position: relative;
	box-sizing: content-box;
	width: 360px;
    max-width: calc(100% - 15px);
}

.spmul-wrap .spmd-open{
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 5px;
    top: 15px;
	z-index: 9;
}

.spmd-open img{
	width: 20px;
	height: 20px;
	filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(291deg) brightness(91%) contrast(88%);
	cursor: pointer;
}

.spellcheck-more-li-open{
	display: block !important;
}

.spellcheck-input{
	width: 100%;
	height: 100%;
	border: none;
	background-color: #ffffff;
	font-size: 14px;
	box-sizing: content-box;
	outline: none;
	padding-right:40px;
	max-width: calc(100% - 40px);
}

.spellcheck-input-submit-btn{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 35px;
	height: 20px;
	border-radius: 50%;
	background-color: #0080ff;
	color:white;
	border:1px solid #2988f0;
	padding-left:-3px;
	font-size: 13px !important;
	line-height: 120% !important;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 1px 2px 1px 2px;
	outline: none;
	font-weight: normal;
}
.spellcheck-input-submit-btn:hover{
	border:1px solid #d4d4d4;
	background-color: #2993f0;
}

.spellcheck-show-usepoint{
	float: left;
	padding-left: 5px;
}

.scs-div{
	display: flex;
    font-size: 15px;
    margin-top: 10px;
	font-size:12px;

	font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.spellcheck_check_savepoint{
	margin-right: 5px;
}

/* Original file: modules/editor/skins/editorxe/css/loading_next.css */

.default-ca-amount{
	margin-top:10px;
	font-weight: bold;
}

.sk-cube-grid {
	width: 40px;
	height: 40px;
	margin: 100px auto;
}

.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #333;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
		animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
		animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
	-webkit-transform: scale3D(1, 1, 1);
			transform: scale3D(1, 1, 1);
} 35% {
	-webkit-transform: scale3D(0, 0, 1);
			transform: scale3D(0, 0, 1); 
}
}

@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
	-webkit-transform: scale3D(1, 1, 1);
			transform: scale3D(1, 1, 1);
} 35% {
	-webkit-transform: scale3D(0, 0, 1);
			transform: scale3D(0, 0, 1);
} 
}

#loadingnext_background{
	position: absolute;
	width:100%;
	height:100%;
	background-color: black;
	opacity: 0.3;
	top:0px;
	left:0px;
	display: none;
	z-index:999998;
}

#loadingnext_msg{
	display: none;
	position: absolute;
	box-sizing: content-box;
	color:#686868;
	text-align: center;
	top: 50%;
	left: 50%;
	height: 30px;
	width: 160px;
	margin: 135px 0 0 -80px;
	z-index:9999999;
	font-size:14px;
}

.text-sha{
	text-shadow: -1px 0 #F2F1F6, 0 1px #F2F1F6, 1px 0 #F2F1F6, 0 -1px #F2F1F6;
	-moz-text-shadow: -1px 0 #F2F1F6, 0 1px #F2F1F6, 1px 0 #F2F1F6, 0 -1px #F2F1F6;
	-webkit-text-shadow: -1px 0 #F2F1F6, 0 1px #F2F1F6, 1px 0 #F2F1F6, 0 -1px #F2F1F6;
}

#loading_next {
	display: none;
	position: absolute;
	height: 50px;
	width: 50px;
	z-index:9999999;
	box-sizing: content-box;
}
	
	#loading_next span {
	position: absolute;
	width: 10px;
	height: 10px;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 50%;
	-webkit-animation: loading_next 1s infinite ease-in-out;
			animation: loading_next 1s infinite ease-in-out;
	}
	
	#loading_next span:nth-child(1) {
	left: 0px;
	-webkit-animation-delay: 0.2s;
			animation-delay: 0.2s;
	}
	
	#loading_next span:nth-child(2) {
	left: 15px;
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
	}
	
	#loading_next span:nth-child(3) {
	left: 30px;
	-webkit-animation-delay: 0.4s;
			animation-delay: 0.4s;
	}
	
	#loading_next span:nth-child(4) {
	left: 45px;
	-webkit-animation-delay: 0.5s;
			animation-delay: 0.5s;
	}
	
	@keyframes loading_next {
	0% {
		-webkit-transform: translateY(0px);
				transform: translateY(0px);
		-webkit-transform: translateY(0px);
				transform: translateY(0px);
		background: #d62d20;
	}
	25% {
		-webkit-transform: translateY(10px);
				transform: translateY(10px);
		-webkit-transform: translateY(10px);
				transform: translateY(10px);
		background: #ffa700;
	}
	50% {
		-webkit-transform: translateY(10px);
				transform: translateY(10px);
		-webkit-transform: translateY(10px);
				transform: translateY(10px);
		background: #008744;
	}
	100% {
		-webkit-transform: translateY(0px);
				transform: translateY(0px);
		-webkit-transform: translateY(0px);
				transform: translateY(0px);
		background: #0057e7;
	}
	}
	@-webkit-keyframes loading_next {
	0% {
		-webkit-transform: translateY(0px);
				transform: translateY(0px);
		background: #d62d20;
	}
	25% {
		-webkit-transform: translateY(10px);
				transform: translateY(10px);
		background: #ffa700;
	}
	50% {
		-webkit-transform: translateY(10px);
				transform: translateY(10px);
		background: #008744;
	}
	100% {
		-webkit-transform: translateY(0px);
				transform: translateY(0px);
		background: #0057e7;
	}
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{
	--swiper-navigation-color: #eee !important;
}

/* Original file: modules/editor/skins/editorxe/css/file_handler.css */

.af-upload-info{
	margin-left:5px;
}
.file-upload-div{
	padding: .75em .75em .75em .75em;
	border-color: rgba(0,0,0,.06);
    position: relative;
    border-top: 1px solid rgba(0,0,0,.2);
}
.xe-fileupload-processing {  /* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.xe-file-upload-btn {
	display: inline-block !important;
	padding: .5em .75em;
	color: #999;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	cursor: pointer;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
}

.xe-file-upload-btn:active {
	background-color: #0066ff;
}

.handyeditor-filelist{
	padding: 3px 0px 3px 0px;
	display: none;
}

.handyediotr-filelist-img
{
	padding: 0 0 0 5px;
}

.handyediotr-filelist-bin{
	padding: 0 0 0 5px;
}

.handyeditor-filelist.white{
	background-color: none;
	border-top: 1px solid rgba(0,0,0,.06);
	border-bottom: 1px solid rgba(0,0,0,.08);
}

.handyeditor-filelist.dark{
	background-color: #2f2f2f;
	border-top: 1px solid rgba(0,0,0,.06);
	border-bottom: 1px solid rgba(0,0,0,.08);
}

.handyeditor-drop-int{
	position: absolute !important;
	text-align: center !important;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index: 1000;
	align-items: center;
	justify-content: center;
	display: none;
}

.he-textup-drag-img{
	position: absolute;
	max-height: 80px !important;
}
.textup-fileup{
	padding:5px 0 0 0;
}

.textup-file{
	max-width: 120px;
}

.he-upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.he-btn-hidden{
	display: none;
}

.he-btn {
	border: 2px solid gray;
	color: gray;
	background-color: white;
	padding: 4px 4px;
	border-radius: 8px;
	font-size: 13px !important;
	font-weight: bold;
	cursor: pointer !important;
}

.he-bin-part:not(:first-child){
	margin-left:5px !important;
}

.he-img-part{
	margin-right:5px !important;
}

.he-upload-proc{
	display: inline !important;
}

.he-upload-info{
	display: inline !important;
}

.he-upload-btn-wrapper input[type=file] {
	font-size: 25px !important;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.he-upload-info{
	color:#999;
	display: none;
	margin-left:5px !important;
}

.filelist.bin{
	width:24px;
	height:24px;
}

.he-bin-file-icon{
	position: absolute;
	top:3px;
	left:3px;
	width:22px;
	height:22px;
}

.he-bin-part{
	display: inline-block !important;
	min-width:40px;
	max-width:160px !important;
	height:20px !important;
	position: relative;
	border: 1px solid rgb(232, 232, 232);
	box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
	overflow: hidden;
	box-sizing: content-box !important;
	line-height: 1.5 !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:5px 23px 0 25px !important;
}

.he-img-part{
	display: inline-block !important;
	width:60px !important;
	height:60px !important;
	position: relative;
	border: 1px solid rgb(232, 232, 232);
	box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
	overflow: hidden;
	box-sizing: content-box !important;
	line-height: 0 !important;
}

.he-file-ctr{
	position: absolute;
	width:100% !important;
	height:100% !important;
	z-index:1;
	top:0px;
	left:0px;
	cursor: pointer;
	text-align: center;
}

.filter-ctr{
	background-color: rgb(111, 111, 111);
	opacity: 0.1;
}

.he-file-del{
	position: absolute;
	width:16px !important;
	height:16px !important;
	top:0px;
	right:1px !important;
	cursor: pointer;
	z-index:2;
	display: none;
}

.add-bin-del{
	top:5px;
	background-color:unset !important;
	opacity: unset !important;
}

.he-file-chk{
	position: absolute;
	width:16px !important;
	height:16px !important;
	top:0px;
	left:0px;
	cursor: pointer;
	z-index:2;
	display: none;
}

.he-upload-ing{
	background-color: #2f2f2f !important;
	opacity: 0.3;
}

.he-drag-hover{
	background-color: #f1ee2a !important;
	opacity: 0.3;
	/*
	border:3px solid #cfb000 !important;
	*/
}

.he-fchk-show{
	display: inline;
}

.dicon{
	width: 20px;
	height: 20px;
	background: url("../../../../modules/editor/skins/editorxe/icon/settings.svg") no-repeat;
	background-size: cover;
	display: inline-block;
}

.he-ctr-win{
	position: absolute !important;
	display: none;
	width:100px !important;
	box-sizing: content-box !important;
	line-height: 1.2 !important;
	margin:0 !important;
	padding:0 !important;
	z-index:9999;
}

.hew-ul{
	background-color: rgb(255, 255, 255);
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
	list-style-type: none;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(153,153,153,1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(153,153,153,1);
	box-shadow: 1px 1px 3px 0px rgba(153,153,153,1);
	border:1px solid rgb(214, 214, 214);
}

.hew-ul li{
	line-height: 1.2 !important;
	height:25px;
	background-color: rgb(242, 242, 242);
	position: relative;
	font-size: 13px !important;
	color: #7f888f;
	font-weight: 300 !important;
	cursor: pointer;
}

.hew li:hover{
	background-color:rgb(0, 107, 247);
	color:white;
}

.hew-ul li img{
	height:16px !important;
	width:16px !important;
	vertical-align: middle !important;
	position: absolute;
	top: 5px;
	left: 3px;
}

.hew-ul li span{
	position: absolute !important;
	top: 5px;
	left: 23px;
}

.hew-ul li:not(:first-child){
	margin-top:1px;
}

.textup-filelist-img, .textup-filelist-bin{
	display: none;
	line-height: 0 !important;
}
.textup-filelist-bin{
	margin-top:5px !important;
}

.he-img-tag{
	width:60px !important;
	height:60px !important;
	border:0px !important;
}

.handyediotr-file-uploading{
	position: absolute;
	height:32px !important;
	top:0px;
	left:0px;
	width:180px;
	display: none;
}
/*
.progress-bar__container {
	width: 80%;
	height: 1rem;
	border-radius: 2rem;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
	will-change: transform;
	box-shadow: 0 0 5px #e76f51;
}

.progress-bar {
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #e76f51;
	top:0;
	bottom: 0;
	left: -100%;
	border-radius: inherit;
	display: flex;
	justify-content: center;
	align-items:center;
	color: white;
	font-family: sans-serif;
	text-align:center;
}
*/

.hefl-thumbail{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}


.progress-bar {
	position: relative;
	width: 1000px;
	height: 30px;
	background-color: grey;
	box-shadow: -5px 5px 5px rgba(50, 50, 50, 0.5) inset;
}

.prgs-bar {
	position: absolute;
	width: 0;
	height: 100%;
	background-color: green;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.3) inset, -1px -1px 5px rgba(50, 50, 50, 0.3) inset;
}

.progress-header {
	font-family: Verdana;
	font-size: 13px;
	margin-top: 15px;
	padding-left: 12px;
	padding-bottom: 2px;
}

.progress-footer {
	font-family: Verdana;
	font-size: 13px;
	font-style: italic;
	padding-left: 12px;
	padding-top: 2px;
	margin-bottom: 15px;
}

.progress-label {
	position: absolute;
	width: 100%;
	text-align: center;
	line-height: 30px;
	color: white;
}

.striped {
	background-image: -webkit-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.01) 15px, rgba(255, 255, 255, 0.30) 15px, rgba(255, 255, 255, 0.30) 30px);
	background-image: -o-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.01) 15px, rgba(255, 255, 255, 0.30) 15px, rgba(255, 255, 255, 0.30) 30px);
	background-image: -moz-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.01) 15px, rgba(255, 255, 255, 0.30) 15px, rgba(255, 255, 255, 0.30) 30px);
	background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.01) 15px, rgba(255, 255, 255, 0.30) 15px, rgba(255, 255, 255, 0.30) 30px);
}

.he-bin-part .he-file-ctr{
	display: flex;
    align-items: center;
}

.he-bin-part:hover{
	border:1px solid rgb(155, 155, 155);
}

.he-img-part:hover{
	border:1px solid rgb(172, 172, 172);
}

.he-file-delete-btn {
    display: none;
    padding: 0.5em 0.75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    color: #fff;
    background-color: #b73352;
    border-color: #a42e49;
    cursor: pointer;
    border-bottom-color: #e2e2e2;
    border-radius: 0.25em;
	float: right;
}

.he-file-delete-btn:active {
    background-color: #fb164c;
    border-color: #ff5c82;
}

.he-file-ins-btn {
    display: none;
    padding: 0.5em 0.75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    color: #fff;
    background-color: #505050;
    border-color: #767676;
    cursor: pointer;
    border-bottom-color: #e2e2e2;
    border-radius: 0.25em;
	float: right;
	margin-right: 5px;
}

.he-file-allsel-btn {
    display: none;
    padding: 0.5em 0.75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    color: #fff;
    background-color: black;
    border-color: #767676;
    cursor: pointer;
    border-bottom-color: #e2e2e2;
    border-radius: 0.25em;
	float: right;
	margin-right: 5px;
}

.he-file-allsel-btn:active {
    background-color: #202020;
    border-color: #727272;
}

.he-bin-part .he-file-ctr input[type='checkbox']{
	right: 2px;
	top:4px;
	position: absolute;
	cursor: pointer;
	appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
}

.he-img-part input[type='checkbox']{
	position: absolute;
	right:0px;
	top:0px;
	cursor: pointer;
	appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
}

@media screen and (max-width: 500px) {
	.he-file-allsel-btn, .he-file-ins-btn, .he-file-delete-btn {
		padding: 0.5em 0.5em;
	}

	.he-file-allsel-btn, .he-file-ins-btn{
		margin-right: 2px;
	}

	.af-upload-info{margin-left:2px;}

	.file-upload-div{padding: .5em .5em .5em .5em;}
}

/* Original file: modules/editor/skins/editorxe/css/style.css */

.popup-control-menu{
	line-height: 12px;
	position: absolute;
	width:82px;
	height:45px;
	padding:2px 3px;
	box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
	z-index: 500;
	display: block;
	background-color: #ffffff;
	border-radius:5px;
}

.popup-control-menu:before {
	content: "";
	display: block;
	position: absolute;
	margin: auto;
	top: -5px;
	left: 50%;
    transform: translate(-50%, -50%);
	border-bottom: 5px solid rgb(195, 195, 195);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.popup-control-menu.over-top::before{
	display: none;
}

.popup-control-menu.over-top::after{
	content: "";
	display: block;
	position: absolute;
	margin: auto;
	bottom: -10px;
	left: 50%;
    transform: translate(-50%, -50%);
	border-top: 5px solid rgb(195, 195, 195);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.pctr-div span:not(:first-child){
	padding-left: 5px;
}

.pctr-div{
	margin: 0 0 0 0;
    padding: 0 0 0 0;
	width:100%;
	display: block;
	clear: both;
	position: relative;
	text-align: center;
}

.popup-control-menu .pctr-div{
	margin-bottom: 5px;
}

.popup-control-menu-icon{
	cursor: pointer;
	width:22px;
	height:22px;
	filter:brightness(0) saturate(100%) invert(47%) sepia(18%) saturate(271%) hue-rotate(184deg) brightness(93%) contrast(89%);
}

.popup-control-menu-icon.pcm-normal:hover{
	filter: brightness(0) saturate(100%);
}

.popup-control-menu-icon.pcm-trash:hover{
	filter: invert(46%) sepia(98%) saturate(493%) hue-rotate(333deg) brightness(94%) contrast(94%);
}

.tox-tinymce{
	border:none !important;
	border-radius: 0 !important;
}

button[title="글꼴"]{
	width:100px !important;
}

button[title="글꼴 크기"]{
	width:60px !important;
}

.tox-edit-area__iframe{
	padding: 10px 15px 0 15px !important;
}

.handyediotr-file-uploading{
	z-index: 100;
}

.ceditor{
	position: absolute;
}

.chatgpt-result-answer-wrap{
	display: block;
	width:100%;
	max-width: 100%;
	position: relative;
	box-sizing: content-box;
	max-height: 170px;
	overflow-y: auto;
}

.file-play-btn{
	display: block;
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.file-play-btn img{
	width:26px;
	opacity: 0.9;
	border:0;
}

blockquote {
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    border-left-width: 5px;
    padding-left: 20px;
    padding-right: 8px;
}

.tox-editor-container{
	padding-top:0 !important;
}

button[data-mce-name="fontsize"]{
	max-width:80px !important;
	width:80px !important;
}

/* Original file: modules/editor/skins/editorxe/css/jquery.atwho.min.css */

.atwho-view{position:absolute;top:0;left:0;display:none;margin-top:18px;background:#fff;color:#000;border:1px solid #DDD;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.1);min-width:120px;z-index:11110!important}.atwho-view .atwho-header{padding:5px;margin:5px;cursor:pointer;border-bottom:solid 1px #eaeff1;color:#6f8092;font-size:11px;font-weight:700}.atwho-view .atwho-header .small{color:#6f8092;float:right;padding-top:2px;margin-right:-5px;font-size:12px;font-weight:400}.atwho-view .atwho-header:hover{cursor:default}.atwho-view .cur{background:#36F;color:#fff}.atwho-view .cur small{color:#fff}.atwho-view strong{color:#36F}.atwho-view .cur strong{color:#fff;font:700}.atwho-view ul{list-style:none;padding:0;margin:auto;max-height:200px;overflow-y:auto}.atwho-view ul li{display:block;padding:5px 10px;border-bottom:1px solid #DDD;cursor:pointer}.atwho-view small{font-size:smaller;color:#777;font-weight:400}

/* Original file: widgets/pr_favorite/skins/ink_favorite/css/favorite_pc.css */

.pr_scut,
.pr_drag_handle	{display: inline-block; margin-right: 8px; width: 18px; height: 18px; border-radius: 3px; text-align: center; font: 11px/18px 'Montserrat', sans-serif;}
.pr_drag_handle	{cursor: move;}

.mymenu_list	{}
.mymenu_list h3	{position: relative;}
.mymenu_list h3 .ink_bubble_wrap	{position: absolute; right: 10px; top: 13px;}
.mymenu_list .add_menu	{display: inline-block; height: 20px; line-height: 22px; padding: 0 5px;}

.ink_fav_wrap	{display: inline-block; vertical-align: top;}
.ink_fav_wrap .xe-widget-wrapper	{overflow: visible !important;}
.nav_wrap .mymenu_list	{position: relative;}
.nav_wrap .mymenu_title	{padding: 10px; position: relative; z-index: 11;}
.nav_wrap .mymenu_title>div	{height: 30px; line-height: 30px; padding: 0 55px 0 20px; border-radius: 15px; font-size: 14px; position: relative;}
.nav_wrap .mymenu_title .ink_bubble_wrap	{top: 1px;}
.nav_wrap .mymenu_list ul	{display: none; position: absolute; left: 0; top: 40%; min-width: 100%; padding: 10px 15px; box-sizing: border-box; border-radius: 0 0 15px 15px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); white-space: nowrap; font-size: 13px; opacity: 0; transition-property: top, opacity; transition-duration: 0.5s;  z-index: 10;}
.nav_wrap .mymenu_list ul.active	{top: calc(100% - 5px); opacity: 1;}
.nav_wrap .mymenu_list li	{padding: 10px 0;}
.nav_wrap .mymenu_list li:last-child	{border-bottom: none;}
.nav_wrap .mymenu_list li.use_scut	{padding: 5px 0; border-bottom: none;}

.nav_wrap.color_nav .mymenu_title>div	{background-color: rgba(255,255,255,0.1);}
.color_nav.view_mode .mymenu_list ul	{background-color: rgba(255,255,255,0.1) !important;}
.darkmode .nav_wrap.color_nav .mymenu_title>div	{background-color: rgba(0,0,0,0.2);}
.darkmode .nav_wrap.view_mode .mymenu_list ul	{background-color: rgba(0,0,0,0.2) !important;}

.open_mode .mymenu_list	{padding-top: 0; margin-top: -5px; width: 100%;}

.view_mode .mymenu_title,
.open_mode .mymenu_title	{margin-bottom: 10px;}
.view_mode .mymenu_list ul,
.open_mode .mymenu_list ul	{display: block !important; position: static; border-radius: 10px; margin: 0 15px; min-width: calc(100% - 30px); box-shadow: none; opacity: 1;}
.view_mode .mymenu_list ul	{margin-bottom: 15px;}

.ink_sidebar .mymenu_edit	{display: none; position: relative;}
.ink_sidebar .mymenu_edit .bt_area	{position: absolute; right: 10px; top: 13px;}
.ink_sidebar .mymenu_edit .bt_area button	{height: 20px; line-height: 22px; padding: 0 5px;}
.mymenu_edit .ui-sortable>li	{position: relative;}
.pr_item_del,
.pr_item_add	{display: inline-block; position: absolute; right: 0; top: 50%; width: 18px; height: 18px; line-height: 20px; margin-top: -9px; border-radius: 3px; text-align: center; font-size: 11px; cursor: pointer; transition-property: color; transition-duration: 0.2s;}

.ink_message.mymenu_edit>div	{width: 300px;}
.ink_message.mymenu_edit .inner	{padding: 10px 15px;}
.ink_message.mymenu_edit .inner li	{padding: 5px 0;}

.mymenu_node>div	{width: 300px;}
.mymenu_node .node_list	{padding: 11px 15px; line-height: 160%;}
.mymenu_node .node_list>li>.pr_item_select	{font-weight: bold;}
.mymenu_node .node_list>li>ul	{padding-left: 26px;}
.mymenu_node .fa-folder,
.mymenu_node .fa-folder-open	{margin-right: 3px; font-size: 16px;}
.mymenu_node .pr_item_select	{display: inline-block; padding: 4px 0; cursor: pointer;}
.mymenu_node .pr_item_select:hover .selected_icon	{opacity: 1;}
.mymenu_node .selected_icon	{opacity: 0; transition-property: opacity; transition-duration: 0.2s; margin-left: 3px;}

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

.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-width:17px;border-style:solid;border-bottom-color:transparent;border-right-color: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:.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}.w_list .list_thumb .no_thumb.youtube{background-color:transparent}.wn .list_ctg{margin-right:3px}.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:.8;text-align:center;color:#000;z-index:2}.ww .list_body{display:table-cell;vertical-align:middle}.wg .list_vote{display:inline-block;position:absolute;margin-left:5px;background-color:rgba(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}.wg_news .list_thumb::after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-color:#000;opacity:.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,.3);border-radius:15px;color:#FFF;z-index:5}.wg_news .list_vote i{margin-right:3px}.wl .nickname{color:#FFF}.swiper_ctn,.swiper_ctn2,.swiper-con{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;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}.ws.w_list{padding-top:0!important;position:relative;z-index:0}.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:.4;z-index:-1}.ws .list_title{color:#FFF}.ws .list_info{color:#FFF!important}.ws .list_info>span,.ws .list_vote_text{opacity:.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:.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 */

.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:.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:700;letter-spacing:0}.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}.w_tab_unit{display:inline-block}.has_title .w_tab{position:absolute;right:20px;top:50%;margin-top:-7px;font-size:13px;font-weight:700}.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}.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}.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}.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}.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}.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}.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,);background-size:cover;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}.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}.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}.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}.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,.4);letter-spacing:.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}.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,.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: files/faceOff/468/249/002/layout.css */



