@charset "utf-8";
.co .sp_co_v2{display:inline-block;font-size:0;color:transparent;overflow:hidden;text-indent:-9999em;vertical-align:top;background:url(http://placehold.it/500x500) no-repeat 0 0}
.co .sp_co_x2{display:inline-block;font-size:0;color:transparent;overflow:hidden;text-indent:-9999em;vertical-align:top;background:url(http://placehold.it/500x500) no-repeat 0 0;background-size:250px 250px;}

.co .co_snb_renewal{position:absolute;overflow-y:auto;z-index:1;top:0;left:0;bottom:0;width:320px;background:#f4f6fc;box-sizing:border-box;border-right:1px solid rgba(0,0,0,.08);-webkit-overflow-scrolling:touch;}
.co .co_container.renewal.new_st {top:0;background:#e8eaed}
.co .co_container.renewal.new_st_white {top:0;background:#fff;overflow-y:auto;}

/* snb */
.co .co_snb_renewal .noti{display:inline-block;padding:0 5px;height:16px;background:#fc5356;border-radius:8px;font-size:10px;line-height:17px;color:#fff;}
.co .co_snb_renewal .emphasis{color:#1c90fb !important;}

.co .co_snb_renewal .tab_box{display:flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;padding:0 20px;box-sizing:border-box;border-bottom:1px solid #ededed;}
.co .co_snb_renewal .tab_box .tab{flex:1;position:relative;}
.co .co_snb_renewal .tab_box .tab .button_tab{position:relative;box-sizing:border-box;width:100%;height:53px;border:none;background:none;font-size:14px;color:#939393;}
.co .co_snb_renewal .tab_box .tab .button_tab:hover{color:#4a4a4a;}
.co .co_snb_renewal .tab_box .tab .button_tab .initem{position:relative;line-height:21px;}
.co .co_snb_renewal .tab_box .tab .icon_talk{margin-right:5px;width:20px;height:20px;background-position:-256px -169px;}
.co .co_snb_renewal .tab_box .tab .button_tab:hover .icon_talk{background-position:-166px -169px;}
.co .co_snb_renewal .tab_box .tab .icon_msg{margin-right:5px;width:16px;height:20px;background-position:-140px -169px;}
.co .co_snb_renewal .tab_box .tab .button_tab:hover .icon_msg{background-position:-62px -169px;}
.co .co_snb_renewal .tab_box .tab .button_tab .noti{position:absolute;top:0;left:54px;}
.co .co_snb_renewal .tab_box .tab:nth-of-type(2) .button_tab .noti{left:62px;}
.co .co_snb_renewal .tab_box .tab .button_tab:hover:before{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#d3d3d3;}
.co .co_snb_renewal .tab_box .tab.on .button_tab:before{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#1c90fb;}
.co .co_snb_renewal .tab_box .tab.on .button_tab{font-weight:bold;color:#1c90fb;}
.co .co_snb_renewal .tab_box .tab.on .icon_talk{background-position:-226px -169px !important;}
.co .co_snb_renewal .tab_box .tab.on .icon_msg{background-position:-114px -169px !important;}
.co .co_snb_renewal .talk_list_area,
.co .co_snb_renewal .msg_list_area{padding:16px 20px;}
.co .co_snb_renewal .button_new{display:block;position:relative;box-sizing:border-box;border:1px solid #c2a7ff;background:#c2a7ff;border-radius:4px;width:100%;height:38px;text-decoration:none;font-size:14px;font-weight:bold;color:#fff;}
.co .co_snb_renewal .button_new:hover{border-color:#9b75ef;background:#9b75ef;box-shadow:0 3px 4px 0 rgba(0, 0, 0,.2);}
.co .co_snb_renewal .button_new .icon_add{margin-right:4px;width:14px;height:14px;background-position:-410px -383px;}
.WSC_popover_memu.renewal_co_popover{background:none;}
.WSC_popover_memu.renewal_co_popover .menu_scrall{padding:6px 0;border:none;border-radius:4px;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.WSC_popover_memu.renewal_co_popover .menu_scrall a{padding:6px 20px 5px 13px;font-size:12px;line-height:19px;color:#4a4a4a;}
.WSC_popover_memu.renewal_co_popover .menu_scrall .icon_add{margin-top:2px;margin-right:4px;width:14px;height:14px;background-position:-363px -383px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall a:hover{color:#1c90fb;}
.WSC_popover_memu.renewal_co_popover .menu_scrall a:hover .icon_add{background-position:-434px -383px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall .icon_fav{margin-top:1px;margin-right:4px;width:16px;height:16px;background-position:-369px -307px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall a:hover .icon_fav{background-position:-395px -307px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall .icon_fav_on{margin-top:1px;margin-right:4px;width:16px;height:16px;background-position:-421px -307px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall .icon_leave{margin-top:1px;margin-right:4px;width:14px;height:14px;background-position:-447px -307px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall a:hover .icon_leave{background-position:-471px -307px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall .icon_alarm{margin-top:2px;margin-right:4px;width:14px;height:14px;background-position:-216px -283px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall a:hover .icon_alarm{background-position:-312px -283px;}
.WSC_popover_memu.renewal_co_popover.v2 .menu_scrall a:hover{background:#f8f8f8;color:#4a4a4a;}
.WSC_popover_memu.renewal_co_popover .menu_scrall .icon_down{margin-top:2px;margin-right:4px;width:14px;height:15px;background-position:-208px -332px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall a:hover .icon_down{background-position:-256px -332px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall .icon_cloud{margin-top:3px;margin-right:4px;width:16px;height:12px;background-position:-78px -358px;}
.WSC_popover_memu.renewal_co_popover .menu_scrall a:hover .icon_cloud{background-position:-130px -358px;}
.co_black_tooltip .tit{display:block;margin-bottom:6px;font-size:12px;font-weight:bold;line-height:15px;color:#fff;}
.co_black_tooltip p{font-size:11px;line-height:14px;color:rgba(255,255,255,.8);}
.co .co_snb_renewal .talk_list_area .top_search_box{position:relative;margin-top:8px;}
.co .co_snb_renewal .talk_list_area .top_search_box .search_box{position:relative;}
.co .co_snb_renewal .talk_list_area .top_search_box .search_box input{padding:1px 35px 0 12px;box-sizing:border-box;width:100%;height:30px;border:none;background:#fff;border-radius:15px;font-size:12px;color:#4a4a4a;outline:none;font-family: douzone !important;}
.co .co_snb_renewal .talk_list_area .top_search_box .search_box .button_search{position:absolute;top:0;right:8px;width:25px;height:30px;border:none;background:none;}
.co .co_snb_renewal .talk_list_area .top_search_box .search_box .button_search .sp_co_v2{width:14px;height:14px;background-position:-155px -257px;}
.co .co_snb_renewal .talk_list_area .top_search_box .auto_complete_box{display:none;position:absolute;top:100%;left:0;z-index:2;width:100%;border-top:1px solid #ededed;background:#fff;border-radius:0 0 15px 15px;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.1);overflow:hidden;}
.co .co_snb_renewal .talk_list_area .top_search_box .auto_complete_box > ul{padding:8px 0;box-sizing:border-box;max-height:220px;overflow-y:auto;}
.co .co_snb_renewal .talk_list_area .top_search_box .auto_complete_box > ul a{display:block;padding:0 10px;box-sizing:border-box;text-decoration:none;font-size:12px;line-height:30px;color:#4a4a4a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.co .co_snb_renewal .talk_list_area .top_search_box .auto_complete_box > ul a:hover{background:#f8f8f8;}
.co .co_snb_renewal .talk_list_area .top_search_box .auto_complete_box .icon_rock{margin-top:7px;margin-right:4px;width:10px;height:12px;background-position:-175px 0;}
.co .co_snb_renewal .talk_list_area .top_search_box .auto_complete_box .icon_talk{margin-top:8px;margin-right:4px;width:11px;height:12px;background-position:-159px 0;}
.co .co_snb_renewal .talk_list_area .top_search_box.active .search_box input{border-radius:15px 15px 0 0;}
.co .co_snb_renewal .talk_list_area .top_search_box.active .auto_complete_box{display:block;}
.co .co_snb_renewal .talk_list_area .func_button_box{display:flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;margin-top:8px;margin-bottom:12px;padding:8px 0;background:#fff;border-radius:6px;}
.co .co_snb_renewal .talk_list_area .func_button_box [class*='button_func_']{flex:1;position:relative;padding-top:24px;border:none;background:none;font-size:12px;font-weight:bold;color:#4a4a4a;}
.co .co_snb_renewal .talk_list_area .func_button_box [class*='button_func_'].active{color:#3f6280;}
.co .co_snb_renewal .talk_list_area .func_button_box [class*='button_func_']:hover{color:#3f6280;}
.co .co_snb_renewal .talk_list_area .func_button_box [class*='button_func_']:before{content:'';display:block;position:absolute;top:0;left:50%;background-image:url(http://placehold.it/500x500);}
.co .co_snb_renewal .talk_list_area .func_button_box .button_func_channel:before{margin-left:-7px;width:14px;height:14px;background-position:-103px -257px;}
.co .co_snb_renewal .talk_list_area .func_button_box .button_func_channel:hover:before,
.co .co_snb_renewal .talk_list_area .func_button_box .button_func_channel.active:before{background-position:-203px -257px;}
.co .co_snb_renewal .talk_list_area .func_button_box .button_func_mention:before{margin-left:-8px;width:16px;height:16px;background-position:-431px -283px;}
.co .co_snb_renewal .talk_list_area .func_button_box .button_func_mention:hover:before,
.co .co_snb_renewal .talk_list_area .func_button_box .button_func_mention.active:before{background-position:-458px -283px;}
.co .co_snb_renewal .talk_list_area .func_button_box .button_func_file:before{margin-left:-8px;width:16px;height:15px;background-position:0 -358px;}
.co .co_snb_renewal .talk_list_area .func_button_box .button_func_file:hover:before,
.co .co_snb_renewal .talk_list_area .func_button_box .button_func_file.active:before{background-position:-26px -358px;}
.co .co_snb_renewal .talk_list_area .func_button_box [class*='button_func_'].bar:after{content:'';display:block;position:absolute;top:0;bottom:0;right:0;width:1px;background:#ededed;}
.co .co_snb_renewal .talk_list_area .talk_list_box{margin-top:8px;background:#fff;border-radius:6px;}
.co .co_snb_renewal .talk_list_area .talk_list_box a{text-decoration:none;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box{position:relative;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box a{display:block;position:relative;padding-left:14px;padding-right:67px;height:38px;box-sizing:border-box;font-size:12px;line-height:39px;color:#306aa3;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .emphasis{float:right;margin-left:2px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box a strong{position:relative;display:inline-block;box-sizing:border-box;padding-right:20px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box a strong:before{content:'';display:block;position:absolute;top:50%;right:0;margin-top:-5px;width:10px;height:6px;background:url(http://placehold.it/500x500) -348px -198px no-repeat;}
.co .co_snb_renewal .talk_list_area .talk_list_box.open .title_box a strong:before{margin-top:-3px;background-position:-348px -218px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box{position:absolute;top:50%;right:12px;margin-top:-9px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box .button_search{width:18px;height:18px;border:none;background:none;vertical-align:top;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box .button_search .sp_co_v2{width:14px;height:14px;background-position:-179px -257px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box .button_search:hover .sp_co_v2{background-position:-203px -257px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box .button_rock{margin-left:4px;width:18px;height:18px;border:none;background:none;vertical-align:top;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box .button_rock .sp_co_v2{width:14px;height:16px;background-position:-100px -231px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box .button_rock:hover .sp_co_v2{background-position:-124px -231px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box .button_rock.active .sp_co_v2{width:12px;height:16px;background-position:-177px -307px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box .button_back{vertical-align:top;margin-top:-1px;width:18px;height:18px;border:none;background:none;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box .button_back .sp_co_v2{width:14px;height:14px;background-position:-227px -257px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .title_box .right_box .button_back:hover .sp_co_v2{background-position:-251px -257px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .type_search{border-bottom:1px solid #ededed;}
.co .co_snb_renewal .talk_list_area .talk_list_box .type_search input[type='text']{padding:10px 40px 10px 15px;box-sizing:border-box;width:100%;height:39px;border:none;background:none;font-size:12px;color:#4a4a4a;font-family:douzone !important;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box{display:none;padding-bottom:4px;}
.co .co_snb_renewal .talk_list_area .talk_list_box.open .list_box{display:block;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .list_item{position:relative;box-sizing:border-box;height:40px;border:1px solid #fff;background:#fff;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .list_link{display:block;position:relative;box-sizing:border-box;padding:0 60px 0 45px;height:100%;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .thumbnail{position:absolute;top:50%;left:14px;margin-top:-12px;width:26px;height:26px;box-sizing:border-box;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .thumbnail .LS_profile_image{width:100%;height:100%;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .thumbnail.secret:before{content:'';display:block;position:absolute;z-index:1;top:-1px;bottom:-1px;left:-1px;right:-1px;border-radius:50%;background:#687baf;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .thumbnail.secret:after{content:'';display:block;position:absolute;z-index:1;top:50%;left:50%;margin-top:-6px;margin-left:-5px;width:10px;height:12px;background:url(http://placehold.it/500x500) no-repeat -190px 0 / 250px 250px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .thumbnail.online:after{content:'';display:block;position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;background:#17d375;border-radius:50%;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .thumbnail.offline:after{content:'';display:block;position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;background:#d3d3d3;border-radius:50%;}
.co .co_snb_renewal .talk_list_area .talk_list_box .label_out{float:right;margin-top:12px;margin-left:3px;height:16px;padding:0 4px;background:#d3d3d3;border-radius:8px;font-size:10px;line-height:16px;color:#fff;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .title_talk{display:inline-block;max-width:100%;font-size:12px;line-height:40px;color:#4a4a4a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .title_talk em{float:right;margin-left:4px;font-size:11px;color:#939393;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .title_talk [class*='icon_alarm']{float:right;margin-top:14px;margin-left:5px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .title_talk .icon_alarm{width:10px;height:12px;background-position:-206px 0;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .title_talk .icon_alarm_mention{width:11px;height:12px;background-position: -237px 0;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .title_talk .icon_alarm_mute{width:11px;height:12px;background-position:-222px 0;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .noti{position:absolute;top:50%;right:15px;margin-top:-8px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .func_more_box{position:absolute;top:50%;right:0;margin-top:-10px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .func_more_box .button_more{opacity:0;width:14px;height:20px;border:none;background:none;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .func_more_box .button_more .sp_co_v2{margin-top:1px;width:2px;height:10px;background-position:-116px -474px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .list_item:hover{border-color:#e9f5ff;background:#e9f5ff;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .list_item:hover .button_more{opacity:1;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .list_item.selected{z-index:1;border-color:#1c90fb;background:#e9f5ff;border-radius:6px;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.07);}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .list_item.selected .title_talk{font-weight:bold;color:#1c90fb;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .list_item.more{border:none !important;background:none !important;height:26px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .button_more_list{display:block;box-sizing:border-box;width:100%;height:30px;border-style:solid;border-width:1px 0 0 0;border-color:#ededed;background:none;font-size:12px;color:#4a4a4a;}
.co .co_snb_renewal .talk_list_area .talk_list_box .button_more_list .icon_arrow{margin-top:3px;margin-left:5px;width:10px;height:6px;background-position:-348px -208px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .list_box .list_item.more .button_more_list{position:absolute;top:0;bottom:-4px;left:0;right:0;height:auto;}
.co .co_snb_renewal .talk_list_area .talk_list_box .empty_area{padding-bottom:14px;}
.co .co_snb_renewal .talk_list_area .talk_list_box .empty_area .empty_txt{margin-top:14px;font-size:14px;line-height:18px;color:#939393;}
.co .co_snb_renewal .msg_list_box{margin-top:12px;background:#fff;border-radius:6px;}
.co .co_snb_renewal .msg_list_box .tab_box .button_tab{height:42px;font-size:13px;}
.co .co_snb_renewal .msg_list_box .tab_box .new_noti .initem:after{content:'';display:block;position:absolute;top:-4px;right:-7px;width:5px;height:5px;background:#fc5356;border-radius:50%;}
.co .co_snb_renewal .msg_list_box .top_search_box{padding:5px 10px 5px 14px;box-sizing:border-box;border-bottom:1px solid #ededed;}
.co .co_snb_renewal .msg_list_box .select_option_box .button_popover{position:relative;vertical-align:top;width:15px;height:20px;border:none;background:none;}
.co .co_snb_renewal .msg_list_box .select_option_box .button_popover .sp_co_x2{position:absolute;top:50%;left:50%;margin-top:-2px;margin-left:-4px;width:7px;height:5px;background-position:-86px -25px;}
.co .co_snb_renewal .msg_list_box .select_option_box.open .button_popover .sp_co_x2{margin-top:-3px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
.co .co_snb_renewal .msg_list_box .top_search_box{display:flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;align-items:center;}
.co .co_snb_renewal .msg_list_box .select_option_box{width:40px;}
.co .co_snb_renewal .msg_list_box .search_input_box{display:flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;position:relative;padding:0 28px 0 10px;width:calc(100% - 40px);height:30px;box-sizing:border-box;border:1px solid #d3d3d3;border-radius:15px;}
.co .co_snb_renewal .msg_list_box .search_input_box .search_input_left{position:relative;margin-right:2px;}
.co .co_snb_renewal .msg_list_box .search_input_box .search_input_left:before{content:'';display:block;position:absolute;top:8px;right:0;width:1px;height:12px;background:#ededed;}
.co .co_snb_renewal .msg_list_box .search_input_box .search_input_right{flex:1;}
.co .co_snb_renewal .msg_list_box .search_input_box .button_popover{padding-right:5px;height:28px;border:none;background:none;font-size:12px;color:#4a4a4a;}
.co .co_snb_renewal .msg_list_box .search_input_box .button_popover .sp_co_x2{margin-top:4px;margin-left:4px;width:7px;height:5px;background-position:-86px -25px;}
.co .co_snb_renewal .msg_list_box .search_input_box .open .button_popover{color:#3f6280;}
.co .co_snb_renewal .msg_list_box .search_input_box .open .button_popover .sp_co_x2{margin-top:3px;background-position:-98px -17px;}
.co .co_snb_renewal .msg_list_box .search_input_box .button_search{position:absolute;top:0;right:9px;width:19px;height:28px;border:none;background:none;}
.co .co_snb_renewal .msg_list_box .search_input_box .button_search .icon_search{width:14px;height:14px;background-position:-155px -257px;}
.co .co_snb_renewal .msg_list_box .search_input_box .button_search:hover .icon_search{background-position:-203px -257px;}
.co .co_snb_renewal .msg_list_box .search_input_box .search_input_right .search_input{padding:0 6px;width:100%;height:28px;box-sizing:border-box;border:none;background:none;font-size:12px;color:#4a4a4a;font-family:douzone !important;outline:none;}

/* 파일모아보기 */
.co .co_container .flt_right_box{float:right;}
.co .co_container .flt_right_box:after{content:'';display:block;clear:both;}
.co .co_container .emphasis{color:#1c90fb !important;}
.co .co_container.renewal .search_box{position:relative;padding-right:28px;box-sizing:border-box;height:30px;border:1px solid #d3d3d3;border-radius:4px;}
.co .co_container.renewal .search_box input{padding:1px 8px 0;box-sizing:border-box;width:100%;height:28px;border:none;background:transparent;font-family:douzone !important;outline:0;}
.co .co_container.renewal .search_box .button_search{position:absolute;top:0;right:2px;width:25px;height:100%;border:none;background:none;}
.co .co_container.renewal .search_box .button_search .sp_co_v2{width:14px;height:14px;background-position:-155px -257px;}
.co .co_container.renewal .search_box .button_search:hover .sp_co_v2{background-position:-203px -257px;}
.co .co_container.renewal .button_search_detail .sp_co_v2{margin-top:7px;margin-right:5px;width:14px;height:14px;background-position:-155px -257px;}
.co .co_container.renewal .auto_complete_search{position:relative;}
.co .co_container.renewal .auto_complete_search .auto_complete_box{display:none;position:absolute;top:calc(100% + 2px);left:0;z-index:2;box-sizing:border-box;width:100%;border:1px solid #4a4a4a;background:#fff;border-radius:4px;overflow:hidden;}
.co .co_container.renewal .auto_complete_search .auto_complete_box > ul{padding:2px 0;box-sizing:border-box;max-height:150px;overflow-y:auto;}
.co .co_container.renewal .auto_complete_search .auto_complete_box > ul a{display:block;padding:5px 8px 0;box-sizing:border-box;height:28px;text-decoration:none;font-size:13px;line-height:18px;color:#4a4a4a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.co .co_container.renewal .auto_complete_search .auto_complete_box > ul a:hover{background:#f8f8f8;}
.co .co_container.renewal .auto_complete_search .auto_complete_box > ul .thumbnail{width:18px;height:18px;}
.co .co_container.renewal .auto_complete_search .thumbnail{float:left;margin-right:4px;width:18px;height:18px;}
.co .co_container.renewal .auto_complete_search .thumbnail .LS_profile_image{width:100%;height:100%;}
.co .co_container.renewal .auto_complete_search.active .auto_complete_box{display:block;}
.co .co_container.renewal .auto_complete_search.active .search_box{border-color:#4a4a4a;}
.co .input_select_box{position:relative;display:inline-block;vertical-align:top}
.co .input_select_box .input_search_box{position:relative;overflow:hidden}
.co .input_select_box .input_search_box .input_box{display:block;padding:6px 24px 0 6px;height:22px;border:1px solid #dbdbdb;background:#fff;border-radius:4px 4px 0 0;line-height:19px}
.co .input_select_box .input_search_box .input_box .placeholder{display:block;font-size:14px;font-weight:400;color:#1a1a1a;cursor:default;line-height:19px;letter-spacing:-.5px}
.co .input_select_box .input_search_box .btn{position:absolute;top:0;right:0;width:27px;height:30px;border:none;background:0 0;cursor:pointer}
.co .input_select_box .input_search_box .btn .sp_co_v2{position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-3px;width:10px;height:6px;background-position:-348px -208px}
.co .input_select_box.open .input_search_box .input_box,
.co .input_select_box:hover .input_search_box .input_box{border-color:#4a4a4a;}
.co .input_select_box.open .input_search_box .btn .sp_co_v2,
.co .input_select_box:hover .input_search_box .btn .sp_co_v2{transform:rotate(180deg)}
.co .input_select_box.open .result_box,
.co .input_select_box:hover .result_box{display:block}
.co .input_select_box .result_box{display:none;position:absolute;top:100%;left:0;z-index:1;margin-top:-1px;width:100%;box-sizing:border-box;border:1px solid #4a4a4a;background:#fff;border-radius:0 0 4px 4px;box-shadow:0 2px 4px rgba(0,0,0,.11)}
.co .input_select_box .result_box .left_item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;display:block;padding:0 2px;box-sizing:border-box;font-size:13px;line-height:18px;color:#4a4a4a}
.co .input_select_box .result_box .left_item em{color:#1c90fb}
.co .input_select_box .result_box .right_item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;display:block;padding:0 2px;box-sizing:border-box;font-size:13px;line-height:18px;color:#777}
.co .input_select_box .result_box .right_item em{color:#1c90fb}
.co .input_select_box .result_box .button_check_all{display:inline-block;vertical-align:top;border:none;background:0 0}
.co .input_select_box .result_box .button_item{display:flex;justify-content:space-between;position:relative;padding:5px 11px;box-sizing:border-box;background:0 0;border:none;outline:0;width:100%;text-align:left}
.co .input_select_box .result_box .icon_check{display:inline-block;vertical-align:top;margin-top:1px;width:14px;height:14px;background:url(http://placehold.it/500x500) -230px -83px no-repeat;line-height:100em;overflow:hidden}
.co .input_select_box .result_box .checked .icon_check{background-position:-255px -83px}
.co .input_select_box .result_box .top_box{position:relative;display:flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;padding:5px 11px;box-sizing:border-box;border-bottom:1px solid #eaeaea;justify-content:space-between}
.co .input_select_box .result_box .result_list{position:relative;padding:5px 0;box-sizing:border-box;max-height:158px;overflow-y:auto}
.co .input_select_box .result_box .result_list .right_item{font-size:12px;letter-spacing:-.6px}
.co .input_select_box .result_box .bottom_box{padding:5px 0;border-top:1px solid #eaeaea;text-align:center}

.co .co_container .section_title{border-bottom:1px solid #ebebeb;}
.co .co_container .section_title .title_area{padding:13px 20px 0;box-sizing:border-box;height:54px;}
.co .co_container .section_title .title_area:after{content:'';display:block;clear:both;}
.co .co_container .section_title .title_box{float:left;}
.co .co_container .section_title .title_box .title{font-size:16px;line-height:31px;letter-spacing:-.8px;color:#000;}
.co .co_container .section_title .title_area .search_box{float:left;width:360px;}
.co .co_container .section_title .title_area .button_search_detail{float:left;margin-left:4px;}
.co .co_container .section_title .search_detail_area{display:none;padding:0 20px 10px;}
.co .co_container .section_title .search_detail_area.open{display:flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;}
.co .co_container .section_title .search_detail_area .set_list{display:flex;display:-webkit-flex;display:-ms-flex;display:-o-flex;}
.co .co_container .section_title .search_detail_area .set_list .item{margin-right:16px;}
.co .co_container .section_title .search_detail_area .set_list .item:after{content:'';display:block;clear:both;}
.co .co_container .section_title .search_detail_area .set_list dt{float:left;margin-right:6px;font-size:14px;font-weight:bold;line-height:30px;letter-spacing:-.7px;color:#4a4a4a;}
.co .co_container .section_title .search_detail_area .set_list dd{float:left;}
.co .co_container .section_title .search_detail_area .auto_complete_search{width:160px;}
.co .co_container .section_title .search_detail_area .button_box{margin-left:auto;}
.co .co_container .section_setsort{padding:10px 20px 12px 20px;box-sizing:border-box;height:52px;border-bottom:1px solid #ebebeb;}
.co .co_container .section_setsort .search_result{font-size:13px;font-weight:bold;line-height:30px;color:#000;}
.co .co_container .section_filelist{padding:16px 20px;}
.co .co_container .section_filelist .channel_title_box{margin-bottom:10px;padding:4px 10px;background:#f8f8f8;}
.co .co_container .section_filelist .channel_title_box .title{font-size:13px;line-height:26px;color:#000;}
.co .co_container .section_filelist .channel_title_box .common_round_btn{height:26px;line-height:26px;}
.co .co_container .section_filelist .section_inbox + .section_inbox{margin-top:30px;}
.co .co_container .file_list_box{margin:-6px;}
.co .co_container .file_list_box:after{content:'';display:block;clear:both;}
.co .co_container .section_filelist .item_file{float:left;position:relative;margin:6px;width:calc(25% - 12px);max-width:220px;}
.co .co_container .section_filelist .item_file .item_link{display:block;box-sizing:border-box;border:1px solid #ededed;border-radius:6px;text-decoration:none;}
.co .co_container .section_filelist .item_file .item_link:hover ,
.co .co_container .section_filelist .item_file.active .item_link{border-color:#b4b4b4;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.co .co_container .section_filelist .item_file .thumbnail_box{position:relative;height:134px;background:#f6f8fc;border-radius:5px 5px 0 0;overflow:hidden;}
.co .co_container .section_filelist .item_file .thumbnail_box .thumbnail{position:relative;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}
.co .co_container .section_filelist .item_file .thumbnail_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.co .co_container .section_filelist .item_file .content_box{padding:10px;box-sizing:border-box;height:64px;border-top:1px solid #ededed;}
.co .co_container .section_filelist .item_file .content_box .title{font-size:13px;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.co .co_container .section_filelist .item_file .content_box .info{display:inline-block;padding-left:3px;box-sizing:border-box;max-width:100%;font-size:11px;line-height:14px;color:#939393;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.co .co_container .section_filelist .item_file .content_box .info .date{float:right;position:relative;margin-left:4px;padding-left:5px;}
.co .co_container .section_filelist .item_file .content_box .info .date:before{content:'';display:block;position:absolute;top:1px;left:0;width:1px;height:10px;background:#ededed;}
.co .co_container .file_list_box .WSC_popover_memu{display:none;position:absolute;top:calc(100% + 3px);right:0;z-index:2;width:130px;}
.co .co_container .file_list_box .active .WSC_popover_memu{display:block;}
.co .co_container .section_filelist .more_button_box{margin:17px 0;text-align:center;}
.co .co_container .section_filelist .more_button_box .button_more{padding:0 15px;box-sizing:border-box;height:26px;border:1px solid #b4b4b4;background:#fff;border-radius:13px;font-size:12px;color:#4a4a4a;}
.co .co_container .section_filelist .more_button_box .button_more .sp_co_v2{margin-top:3px;margin-left:3px;width:8px;height:6px;background-position:-349px -198px;transform:rotate(90deg);}