/*톡영역 레이아웃*/
.all_talk_wrap{background:#e3e6ed;width:1418px;height:100%;position:absolute;}

.talk_wrap{float:left; width:1177px;background:#e3e6ed; padding:10px 10px 0 10px;border-right:1px solid #e5e5e5;margin-left:220px;margin-top:45px;}

/****************************
***********톡리스트***********
****************************/

.talk_list{float:left; width:227px; margin-right:10px;background:#fff;height:100%;}

/*아이웨딩 공지사항*/
.talk_list .iwd_notice{float:left; border:1px solid #008dd6; width:208px;}
.talk_list .iwd_notice li{float:left; display:block;background:#0096e4;width:178px;  padding:11px 15px;}
.talk_list .iwd_notice li:hover{background:#008dd6;}
.talk_list .iwd_notice .photo{float:left; width:47px;margin-right:7px;}
.talk_list .iwd_notice dl{float:left;width:120px;}
.talk_list .iwd_notice dt{float:left;color:#fff;position:relative;line-height:15px; vertical-align:middle;margin-top:8px;}
.talk_list .iwd_notice .title{float:left;}
.talk_list .iwd_notice .badge{
	background:#fc5689;
	color:#fff;
	position: absolute;
	right:-18px;
	top:0px;
	font-size:11px;
	font-family:tahoma,verdana, serif;
	padding:3px 5px 4px 5px; 
	line-height:10px; 
	height:10px; 
	vertical-align: middle;
	border-radius: 100px;
	text-align:center;
	font-weight: normal;
	margin-top:-2px;
	letter-spacing: 0.1em;
	/*box-shadow: 1px 1px 5px #161f2f;*/
	
}
.talk_list .iwd_notice dd{float:left;color:#95dbff;line-height: 15px;font-family:tahoma,dotum;padding-top:2px;}


/*리스트*/
.talk_list .list{border:1px solid #9eaac7;background:#fff;overflow-y:auto;overflow-x:hidden;}

.talk_list .list li{float:left; width:195px;border-bottom:1px solid #fff;padding:11px 15px;display:block; }
.talk_list .list .sel{background:#f0f8ff; border-bottom:1px solid #e0edf8;border-top:1px solid #e0edf8;}
.talk_list .list li:hover{background:#fffee6;}

.talk_list .list .photo{float:left; width:47px;margin-right:7px;}
.talk_list .list dl{float:left;width:120px;}
.talk_list .list dt{float:left;color:#666666;position:relative;line-height:15px; vertical-align:middle;margin-top:8px;}
.talk_list .list .name{float:left;margin-right:3px;}
.talk_list .list .badge{
	float:left;
	background:#fc5689;
	color:#fff;
	font-size:11px;
	font-family:tahoma,verdana, serif;
	padding:3px 4px 4px 5px; 
	line-height:10px; 
	height:10px; 
	vertical-align: middle;
	border-radius: 100px;
	text-align:center;
	font-weight: normal;
	margin-top:-2px;
	letter-spacing: 0.1em;
	/*box-shadow: 1px 1px 5px #161f2f;*/
	
}
.talk_list .list dd{float:left;color:#c7c7c7;line-height: 15px;font-family:tahoma,dotum;padding-top:2px;}



/****************************
***********톡본문***********
****************************/

.talk_box{float:left; width:938px; border:1px solid #d7ddeb;background:#f0f3fa;}


/*정보*/
.talk_box .cm_info{float:left; width:100%; border-bottom:1px solid #dfe1e2; background:#f5f7fc;padding:16px 0;letter-spacing:-0.05em;}
.talk_box .cm_info li{float:left; width:20%;text-align:center;}
.talk_box .cm_info a{ color:#0096e4;text-decoration:underline;}

.talk_box .cm_info .title{float:left; width:100%;color:#7a7a7a;}
.talk_box .cm_info .ctn{float:left; width:100%;color:#000;font-size:14px;line-height:22px;}


/* 탭 */
.talk_tab {
	display: block;
	height:35px;
	width: 100%;
}

.talk_tab ul {display: block;}
.talk_tab li {
	float:left;
	width:50%;
	height:35px;
	line-height: 35px;
	text-align: center;
	font-size: 12px;
}

.talk_tab .cate_tab {
	height:35px;
	background:#526583;
	color:#888f99;
	display: block;
}

.talk_tab .cate_tab.on {
	color:#fff;
	background:#273145;
	font-weight: bold;
}




/*톡 내용*/
.talk_box .talk_view{float:left; width:898px; padding:0 20px 0 20px;position:relative;overflow-y:auto;}

/*대화날짜 표시*/
.talk_box .talk_view .date_box{float:left; clear:both;width:100%;text-align:center;margin-top:10px; margin-bottom:30px;background:url("/image/withmini/talk/date_linebg.png"); height:31px;}
.talk_box .talk_view .date_box b{display:inline-block; font-weight:normal;background:#d7dce1;width:140px;border-radius: 100px;padding:0 0;color:#fff;height:31px;line-height:31px;vertical-align: middle;}

.talk_box.iwd {background:#f9f9ef;}

/*스케줄당일입니다.*/
.shc_today_box{float:left; width:100%; border:1px solid #0096e4; border-radius:5px; background:#fff;text-align:center; padding:15px 0;box-shadow:0px 1px #ccc;margin-bottom:20px;line-height:16px;}
.shc_today_box span{color:#999999;}



/*카드 첨부 리스트*/
.talk_box .talk_view .card_list{float:left; width:100%; overflow:hidden;}
.talk_box .talk_view .card_list li{float:left;margin:0 5px 5px 5px; width: 200px; }

.talk_box .talk_view .card_list .info{
	float:left; width:100%;
	padding:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background:#fff;
	border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;
	box-shadow: 0px 1px #dfe2e8;
}
.talk_box .talk_view .card_list .thum{float:left;width:100%; height:140px; overflow:hidden; border-top-right-radius: 7px;border-top-left-radius: 7px;}
.talk_box .talk_view .card_list .thum img{width:100%;}
.talk_box .talk_view .card_list .tit{
	float:left;width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height:16px;
	height:32px;
	overflow:hidden;

	margin-bottom:10px;
}
.talk_box .talk_view .card_list .tag{
	float:left;width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height:32px;
	overflow:hidden;
	color:#c7c7c7;
	line-height:16px;
}

/*아이웨딩 말*/
.talk_box .talk_view .q_box{float:left;}
.talk_box .talk_view .a_box{float:right;margin-right:15px;}

.talk_box .talk_view .a_box .a_smile_box{float:right; margin-left:15px;margin-right:-15px;}

.talk_box .talk_view dl{clear:both;margin-bottom:20px;}
.talk_box .talk_view dt{float:left;width:47px; margin-right:20px;}
.talk_box .talk_view dd{float:left;max-width: 560px;}

/*스케줄이 들어왔습니다*/
.talkshc_ctn_box{float:left; }
.talkshc_ctn_box .title{float:left; width:100%; border-bottom:1px solid #00a5e4; color:#0096e4; font-weight:bold;padding-bottom:9px;letter-spacing:-0.05em;}

.talkshc_ctn_box table{float:left; margin-top:7px;margin-bottom:8px;}
.talkshc_ctn_box tr{border-bottom:1px solid #f7f7f7;line-height:28px; vertical-align: middle;}
.talkshc_ctn_box tr:last-child{border-bottom:1px solid #fff;}
.talkshc_ctn_box th{text-align:left; font-weight:normal; color:#999999; width:70px;}
.talkshc_ctn_box td{text-align:left;}

.talkshc_ctn_box .comment{line-height:15px;text-align:left;padding:10px 7px 7px 0}

.talkshc_ctn_box .date_txt{color:#00a5e4;}
.talkshc_ctn_box .mod_txt{color:#ff3227}


.talkshc_ctn_box .btn_sch_view{
	float:left;
	width:100%;
	display:block;
	border:1px solid #0096e4; 
	text-align:center;
	color:#0096e4;
	font-weight:bold;
	line-height:34px;
	vertical-align: middle;
	cursor:pointer;
}

.talkshc_ctn_box .btn_sch_view:hover{border:1px solid #0077ca; color:#0077ca;}



.talkshc_ctn_box .btn_sch_view_checked{
	float:left;
	width:100%;
	display:block;
	border:1px solid #ccced2; 
	text-align:center;
	color:#ccced2;
	font-weight:bold;
	line-height:34px;
	vertical-align: middle;
	cursor:pointer;
}

.talkshc_ctn_box .btn_sch_view_checked:hover{border:1px solid #a4acbb; color:#a4acbb;}




/*발주서가 등록되었습니다.*/
.talk_order_box{float:left;}
.talk_order_box .title{float:left; width:100%; color:#ff3924; font-weight:bold;padding-bottom:9px;letter-spacing:-0.05em;}
.talk_order_box .title_order{float:left; width:100%; color:#0096e4; font-weight:bold;padding-bottom:9px;letter-spacing:-0.05em;}


.talk_order_box .btn_order_view{
	float:left;
	width:100%;
	display:block;
	border:1px solid #130a05; 
	text-align:center;
	color:#130a05;
	font-weight:bold;
	line-height:34px;
	vertical-align: middle;
	cursor:pointer;
	background:#fffb6b;
}
.talk_order_box .btn_order_view:hover{border:1px solid #ff3924; color:#ff3924;}


.talk_order_box .btn_order_view_checked{
	float:left;
	width:100%;
	display:block;
	border:1px solid #e7df5d; 
	text-align:center;
	color:#c1ba43;
	font-weight:bold;
	line-height:34px;
	vertical-align: middle;
	cursor:pointer;
	background:#f6f157;
}

.talk_order_box .btn_order_view_checked:hover{border:1px solid #c9c145; color:#a9a22e;}


.talk_order_box .btn_order_view_q{
	float:left;
	width:139px;
	display:block;
	border:1px solid #526583; 
	text-align:center;
	color:#fff;
	font-weight:bold;
	line-height:34px;
	vertical-align: middle;
	cursor:pointer;
	background:#526583;
	margin-right:5px;
}
.talk_order_box .btn_order_view_q:hover{border:1px solid #344e78; background:#344e78;}

.talk_order_box .btn_print{
	float:left;
	width:98px;
	display:block;
	border:1px solid #8e939b; 
	text-align:center;
	color:#526583;
	font-weight:bold;
	line-height:34px;
	vertical-align: middle;
	cursor:pointer;
	background:#fff;
}

.talk_order_box .btn_print:hover{border:1px solid #656d7a; color:#1a3258;}




.talk_box .talk_view .man_service{
	float:left; 
	width:45px; 
	text-align:center; 
	border:1px solid #d4e1fd;
	background:#e1eaff;
	color:#80a2f1; 
	font-size:11px;
	letter-spacing: -0.05em;
	border-radius: 100%;
	height:29px;
	line-height:14px; 
	vertical-align: middle;
	padding-top:16px;
	margin-bottom:6px;
}

.talk_box .talk_view .man_smile{
	float:left; 
	width:45px; 
	text-align:center; 
	border:1px solid #d0ecf4;
	background:#e0f8ff;
	color:#7fbfd2; 
	font-size:11px;
	letter-spacing: -0.05em;
	border-radius: 100%;
	height:34px;
	line-height:12px; 
	vertical-align: middle;
	padding-top:11px;
	margin-bottom:6px;
}


.talk_box .talk_view .man_cst{
	float:left; 
	width:45px; 
	margin-bottom:6px;
}


.talk_box .talk_view .name{float:left; text-align:center;width:47px; font-size:12px;}


/*흰색 말풍선*/
.talk_box .talk_view .txt_white{
	position:relative;
	float:left; 

	background:#fff;
	padding:19px;
	border-radius:7px;
	line-height: 15px;
	color:#333;
	box-shadow: 0px 1px #dfe2e8;
	margin-bottom:10px;
}

.talk_box .talk_view .txt_white .ar_white{
	position: absolute;
	top:8px;
	left:-12px;
}

.talk_box .talk_view .time_left{float:left; text-align:left;color:#b4bdc8; font-family:tahoma,dotum;clear:both;}
.talk_box .talk_view .time_right{float:left;text-align:right;width:100%;color:#b4bdc8; font-family:tahoma,dotum;clear:both;}



.talk_box .talk_view .txt_yellow{
	position:relative;
	float:right; 
	background:#fffb6b;
	padding:19px;
	border-radius:7px;
	line-height: 15px;
	color:#333;
	box-shadow: 0px 1px #dfe2e8;
	margin-bottom:10px;
}

.talk_box .talk_view .txt_yellow .ar_yellow{
	position: absolute;
	top:8px;
	right:-12px;
}




/*버튼*/
.talk_box .btn_box{width:auto; padding:0 0 20px 0;margin-left:29px;}
.talk_box .btn_box .btn{
	float:left; 
	background:#808daa;
	text-align:center; 
	font-size:14px; 
	padding:11px 0 10px 0;
	width:435px;
	display:block;
	color:#fff;
	border-radius: 5px;
	
}

.talk_box .btn_box .btn:hover{	background: #9da7be;}



/*톡작성*/
.talk_box .ip_box{float:left; width:100%;border-top:1px solid #e0e0e0;height:106px;background:#fff;}
.talk_box .ip_box textarea{float:left; border:0 none; background:none; font-size:14px; color:#3333;padding:15px;width:803px;height:76px;overflow-y:auto;}
.talk_box .ip_box .btn_send{float:right; background:#9699a1; text-align:center; color:#fff;width:100px;line-height:106px; vertical-align: middle;}
.talk_box .ip_box .btn_send:hover{background:#a7aab1;}









/* ========== 톡 소개 ========== */
.t_info_area {
	width: 100%;
	height:100%;
	display: block;
	background:#fff;
	position: relative;
	overflow: hidden;
}

.t_info_area .info_visual {
	width:100%;
	height:250px;
	background:#526583 url(../../image/withmini/talk/tali_info_visual.jpg) center center no-repeat;
	background-size:688px 250px;
	-webkit-background-size:688px 250px;
}

.t_info_area .info_bd_txt {
	background:#fff;
	padding:40px 50px;
} 

.t_info_area .db_txt_tit {
	color:#000;
	font-size: 15px;
	line-height: 17px;
	font-family: 굴림, Gulim, 돋움, Dotum, AppleGothic, sans-serif;
	font-weight: bold;
	border-bottom:1px solid #dddddd;
	letter-spacing: -0.5px;
	padding-bottom:15px;
}

.t_info_area .db_txt_cont {
	display: block;
	padding:20px 0;
	border-bottom:1px solid #dddddd;
}

.t_info_area .bd_txt_thumb {
	width:110px;
	float:left;
	text-align: center;
}

.t_info_area .bd_txt_text {
	margin-left:23px;
	display: inline-block;
}

.text_b {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	display: block;
	margin-bottom:3px;
}

.text_n {
	line-height:20px;
	color:#666666;
	display: block;
}







/* ========== 사진첨부-고객명 ========== */
.plus_btn_area {
    display:block;
    width:100%;
    position:relative;
    z-index: 9;
	clear:both;
}

.open_box {
	display: block;
	background:#fff;
	height:45px;
	border-top:1px solid #dfe1e2;
}

.open_box:before {
	content: "";
	display: block;
	/* border-top:1px solid #dfe1e2; */
	box-sizing: border-box;
}

.o_box_pic {
	float: left;
	border-right:1px solid #ebedee;
	text-align: center;
	height:45px;
}

.o_box_pic .pic_lnk {
	display: block;
	background:url(../../image/withmini/talk/icon_pic.jpg) no-repeat center center;
	background-size:22px 22px;
	font-size: 0;
	width:52px;
	height:45px;
}

.o_box_name {
	overflow: hidden;
	width:500px;
	position: relative;
	height:44px;
	padding:0 15px 0 20px;
	padding-top:8px;
}

.plus_btn_area .btn_sort.sort_on {
	color:#333;
}

.plus_btn_area .btn_sort {
	position: relative;
	float:left;
	height:26px;
	margin:0 10px 0 -3px;
	padding-left:22px;
	padding-right: 8px;
	border:0;
	background-color:transparent;
	font-size: 13px;
	font-family: HelveticaNeue,AppleSDGothicNeo-Regular,Sans-serif;
	color:#949494;
}

.plus_btn_area .btn_sort.sort_on:after {
	content: "";
	height: 18px;
	width:18px;
	background-position: 0 -20px;
	display: block;
}

.plus_btn_area .btn_sort:after {
	content: "";
	display: block;
	width:18px;
	height:18px;
	background-position: 0 0;
	position: absolute;
	top:5px;
	left:0px;
	background:url(../../image/withmini/talk/btuuon_check.png) no-repeat;
}