@charset "utf-8";

/* 고객지원 */
#memo_box{display:table; width:740px; height:auto; padding:0 25px 30px 5px;}
#memo_box .infotxt{display:table; width:740px; height:25px;}
#memo_box .infotxt .lbox{float:left; display:table; width:370px; height:20px; padding-top:5px; text-align:left;}
#memo_box .infotxt .lbox strong{color:#004f9c;}
#memo_box .infotxt .rbox{float:left; display:table; width:370px; height:25px; text-align:right;}
.mm_search_740{width:740px; height:30px; padding-top:10px; padding-bottom:5px; text-align:center;  background:url("http://img.ebidkorea.com/customer/img_search_bg.png") no-repeat;}
.mm_search_740 img{margin:0 5px; vertical-align:middle;}
.mm_search_740  select{height:21px; line-height:21px; border:1px solid #ccc; padding:1px;}

/* 목록 */
.mm_list{width:740px; height:auto; border-collapse:collapse; border-spacing:0;}
.mm_list tr{width:740px;}
.mm_list tr td{border-right:1px solid #d1d1d1;}
.mm_list tr td.s_chk{width:54px; height:30px;  border-bottom:1px solid #dedede; text-align:center;}
.mm_list tr td.s_chk input{width:14px; height:14px; border:0;}
.mm_list tr td.s_num{width:54px; height:30px;  border-bottom:1px solid #dedede; text-align:center;}
.mm_list tr td.s_title{width:384px; padding-left:5px; height:30px;  border-bottom:1px solid #dedede; text-align:left;}
.mm_list tr td.s_name{width:59px; height:30px;  border-bottom:1px solid #dedede; text-align:center;}
.mm_list tr td.s_day{width:89px; height:30px;  border-bottom:1px solid #dedede; text-align:center;}
.mm_list tr td.s_day1{width:90px; height:30px;  border-bottom:1px solid #dedede; text-align:center; border-right:0;}
.mm_list tr td.b_chk{width:54px; height:30px;  border-bottom:1px solid #acacac; text-align:center;}
.mm_list tr td.b_chk input{width:14px; height:14px; border:0;}
.mm_list tr td.b_num{width:54px; height:30px;  border-bottom:1px solid #acacac; text-align:center;}
.mm_list tr td.b_title{width:384px; padding-left:5px; height:30px;  border-bottom:1px solid #acacac; text-align:left;}
.mm_list tr td.b_name{width:59px; height:30px;  border-bottom:1px solid #acacac; text-align:center;}
.mm_list tr td.b_day{width:89px; height:30px;  border-bottom:1px solid #acacac; text-align:center;}
.mm_list tr td.b_day1{width:90px; height:30px;  border-bottom:1px solid #acacac; text-align:center; border-right:0;}
.mm_list tr td.title{width:740px; height:30px; background:url("http://img.ebidkorea.com/customer/cs_tit_bg.png") no-repeat; border:0;  border:0; padding-left:0;}
.mm_list tr td.title table{width:740px; height:12px; border-collapse:collapse; border-spacing:0; margin:8px 0 10px 0; font-weight:bold; color:#fff; line-height:100%;}
.mm_list tr td.title table tr td.t_chk{width:54px; height:12px; border-right:1px solid #80c9e8; text-align:center;}
.mm_list tr td.title table tr td.t_num{width:54px; height:12px; border-right:1px solid #80c9e8; text-align:center;}
.mm_list tr td.title table tr td.t_title{width:389px; height:12px; border-right:1px solid #80c9e8; text-align:center;}
.mm_list tr td.title table tr td.t_name{width:59px; height:12px; border-right:1px solid #80c9e8; text-align:center;}
.mm_list tr td.title table tr td.t_day{width:89px; height:12px; border-right:1px solid #80c9e8;  text-align:center;}
.mm_list tr td.title table tr td.t_day1{width:90px; height:12px; text-align:center; border-right:0;}
/* 쪽지함 팝업 */
/*
.memo_popbox{position:absolute; left:50%; top:220px; margin-left:-235px; display:table; width:470px;}
.memo_pop {float:left; width:448px; border:1px solid #acacac; background:#fff; box-shadow:0px 0px 7px #aaa; -moz-box-shadow:0px 0px 7px #aaa;}
.memo_pop .pop_tit{width:425px; height:14px; padding-top:3px; padding-bottom:8px; padding-left:23px; color:#333; font-size:14px; font-weight:600; background:url("http://img.ebidkorea.com/common/pop_tit_bg.png") left no-repeat;}
.memo_pop .del_box{display:table; width:430px; padding:9px; text-align:center; font-size:12px;}
.memo_pop .del_box strong{color:#ff9900;}
.memo_pop .out_box{display:table; width:430px; padding:10px 9px 5px 9px;}
.memo_pop table{width:430px; border-collapse:collapse; border-spacing:0; line-height:125%; margin-bottom:5px;}
.memo_pop table tr{width:430px;}
.memo_pop table tr td{width:360px; padding:4px 0;}
.memo_pop table tr td img{vertical-align:middle;}
.memo_pop table tr td textarea{width:358px; height:70px; border:1px solid #ccc; background:#fff;}
.memo_pop table tr td .txtview{width:358px; height:auto; border:1px solid #ccc; background:#fff;}
.memo_pop table tr th{width:60px; font-size:12px; font-weight:bold; vertical-align:top; padding-top:5px;}
.memo_pop table tr td input.official{width:14px; height:14px; margin-left:3px;}
.memo_pop .memo_btn{width:430px; height:21px; padding-top:7px; padding-bottom:10px; text-align:center; border-top:1px dashed #ccc; }
*/
/* 쪽지함 팝업 */
.memo_popbox{position:absolute; left:50%; top:220px; margin-left:-235px; display:table; width:470px;}
.memo_pop {float:left; width:448px; border:1px solid #acacac; background:#fff; box-shadow:0px 0px 7px #aaa; -moz-box-shadow:0px 0px 7px #aaa;}
.memo_pop .pop_tit{width:425px; height:14px; padding-top:3px; padding-bottom:8px; padding-left:23px; color:#333; font-size:14px; font-weight:600; background:url("http://img.ebidkorea.com/common/pop_tit_bg.png") left no-repeat;}
.memo_pop .del_box{display:table; width:430px; padding:9px; text-align:center; font-size:12px;}
.memo_pop .del_box strong{color:#ff9900;}
.memo_pop .out_box{display:table; width:430px; padding:10px 9px 5px 9px;}
.memo_pop .out_box .contxt_bg{background:#f0f4f7;}
.memo_pop table{width:430px; height:auto; border-collapse:collapse; border-spacing:0; line-height:125%; margin-bottom:5px;}
.memo_pop table tr{width:430px;}
.memo_pop table tr td{width:360px; padding:8px 0 4px 0;}
.memo_pop table tr td img{vertical-align:middle;}
.memo_pop table tr td textarea{width:358px; height:70px; border:1px solid #ccc; background:#fff;}
.memo_pop table tr td .txtview{width:350px; height:auto; border:0px solid #ccc; background:#f0f4f7;}
.memo_pop table tr th{width:60px; font-size:12px; font-weight:bold; vertical-align:top; padding-top:8px;}
.memo_pop table tr th.contit_col{color:#004f9c;}
.memo_pop table tr td input.official{width:14px; height:14px; margin-left:3px;}
.memo_pop table tr .bot_line{border-bottom:1px dashed #ccc; border-top:1px solid #dedede; padding-bottom:5px;}
.memo_pop .memo_btn{width:430px; height:21px; padding-top:7px; padding-bottom:10px; text-align:center; border-top:1px dashed #ccc; }

/* 쪽지함 */
body{margin:0;padding:0;font-family:"굴림", gulim,"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;}
.chat-list{width:233px;font-size:12px;border-right:1px solid #CCC;position:absolute;top:0;left:0;display:inline-block;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.box-content{width:100%;padding:0;}
.chat-header-div{width:100%;font-weight:bold;text-align:center;background:#5E9BE4;color:#fff;font-size:13px;}
.chat-title{padding-top:5px;box-shadow:inset 0px 1px 0px 0px #54a3f7;background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);background-color:#007dc1;height:21px;}
.tbody-wrap{width:100%;height:335px;overflow-y:hidden;overflow-x:hidden;background:white;}
.table-bordered{border-top:0;width:100%;margin:0;border-bottom:1px solid #ccc;border-spacing:0;}
.chat-list .table-bordered td{padding:5px 9px 3px;border-left:0;}
.chat-list .tbody td{text-align:left;}
.table th, .table td{line-height:21px;text-align:left;vertical-align:middle;border-top:1px solid #ccc;}
.p_title{max-width:105px;float:left;font-weight: bold; line-height: 15px; margin:0; color: #445f6e;}
.p_new{float:left;color:#cc3333;font-size:11px;font-weight: bold; line-height: 15px; margin:0; }
.s_date{color:rgb(158, 157, 157);float:right;}
.s_talk{width:210px;float:left;}
.tooltip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 13px;font-weight:400;}
.memo_list_tr:hover{background:#E6E6E6;}
.chat_memo_close:hover,.memo-useClose:hover{opacity:0.8;}

/* 쪽지상세 */
.memo-wrap{width:100%;background-color:#fff;overflow:hidden;position:absolute;top:0;border:1px solid #CCC;}
.memo-header{cursor:pointer;height:40px;border-bottom:1px solid #eee;background:#fff;}
.memo-useTtext{font-size: 12px;color:#445f6e;font-weight:normal;display:inline-block;padding:11px 5px 15px 14px;}
.memo-useClose{float:right;padding:8px;}
.close-btn{font-size:13px;color:gray;}
.memo-addUser{float:right;}
.memo-content{width:100%;height:267px;}
.memo-chat-wrap{width:100%;max-height:257px;height:auto;overflow-y:auto;}
.memo-chat-wrap ul{padding:0;margin:0;list-style:none;}
.memo-chat-wrap ul li{display:table;width:100%;padding:10px 0px;}
.memo-chat-wrap, ul li.you{text-align:left;}
.memo-chat-wrap ul li div.right{padding:0 20px 3px 0;color:#999;text-align:right;font-size:11px;}
.memo-chat-wrap ul li div.left{padding:0 0 3px 20px;color:#999;font-size:11px;}
.memo-chat-send-wrap{bottom:0;padding:10px 8px;border-top:1px dashed #dedede;z-index:10;background:#fff;}
.memo-chat-send-wrap .memo-chat-inbox{width:340px;height:31px;margin:0 auto;}
.memo-chat-send-wrap .memo-chat-inbox .memo-file-btn {width: 28px;font-size: 14px;padding: 6px 0;text-align: center;}
.memo-chat-send-wrap .memo-chat-inbox input[type=text]{width:127px;height:13px;padding:5px 6px;border:solid 1px #dedede;}
.bubble-me{min-height: 24px;word-break: break-all;position:relative;display:table;float:right;max-width:160px;height:auto;padding:10px;background:#ebebeb;border-radius:10px;right:15px;margin-right:5px;min-height:14px;}
.bubble-you{min-height: 24px;word-break: break-all;position:relative;display:table;max-width:160px;height:auto;padding:10px;background:#ffe1c4;border-radius:10px;left:15px;margin-left:5px;min-height:14px;}
.memo-send-url{color:blue;}
.memo-send-url:hover{opacity:0.8;}

.out_box{width:100%; height:auto;}
.out_box ul{width:100%; height:auto;}
.out_box ul li{display:table; width:100%; padding:10px 0px;}
.out_box ul li.you{text-align:left;}
.out_box ul li.me{text-align:left;}
.out_box ul li div.left{padding-left:20px; color:#999;}
.out_box ul li div.right{padding-right:20px; color:#999; text-align:right;}
.out_box ul li input[type=image]{width:30px; height:30px;}
.bubble-you:after{content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px 0; border-color: transparent #ffe1c4; display: block; z-index: 1; margin-top: -15px; left: -15px; top: 25px;}
.bubble-me:after{content: ''; position: absolute; border-style: solid; border-width: 0 0 15px 15px; border-color: transparent #ebebeb; display: block; z-index: 1; margin-top: -15px; right: -15px; top: 25px;}
.memo_btn{position:absolute; top:100%; margin-top:-46px; width:100%; height:31px; padding:7px 0; border-top:1px dashed #dedede; z-index:10; background:#fff;}
.memo_btn .memo-inbox{width:340px; height:31px; margin:0 auto;}
.memo_btn .memo-inbox input[type=text]{height:13px;width:245px; padding:9px 4px; border:1px solid #dedede;}
.memo_btn .memo-inbox .me-btn{width:40px; font-size:13px; vertical-align:middle; padding:6px 3px;float:right;}
.memo_btn .memo-inbox .file-btn{width:20px; font-size:13px; vertical-align:middle; padding:6px 3px; text-align:center;}
.memo-tb{width:100%;height:auto;color:#666;}
.memo-tb tr td{height: auto;padding: 9px 10px 9px 10px;border-bottom: 1px solid #dedede;color: #777;font-size: 12px;}
.memo-tb tr td img{width:11px;height:22px;}
.memo-tb tr td span.gray{color:#dedede;font-size:10px;line-height:12px;margin:0;padding:0 2px; vertical-align:baseline;}
.tb-button {background-image:url("http://img.ebidkorea.com/memo/file_upload_btn.png");background-repeat:no-repeat;background-size:26px;}
.my-btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7; -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7; box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7)); background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0); background-color:#007dc1;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #124d77;
	display:inline-block; cursor:pointer; color:#ffffff; width:35px; text-align:center; font-size:11px; padding:4px 0px; text-decoration:none; text-shadow:0px 1px 0px #154682;
}