/* css ÃʱâÈ­ */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


/* ÆùÆ® - ³ª´®¹Ù¸¥°íµñ ¶óÀÌÆ® */
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
	background-color:#efefef;
	font-family: "Nanum Barun Gothic", sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}




/* ÂÊÁöÇÔ */

.contianer {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -300px;
  width: 800px;
}


.design_v2_message_wrap {
		float:left;
		overflow: hidden;
		width:400px;
		height:600px;
		background-color: #f3f3f3;
		border:1px solid #353e5c;
		box-shadow: 0 1px 4px rgba(0,0,0,.3);
		border-radius: 4px;
}

.write_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -170px;
  z-index: 999;
}
.write_wrap .write{
    float: none;
		width:400px;
		height:340px;
    margin: auto;
		background-color: #475174;
}

.closer_bg {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  z-index: 1;
  cursor: pointer;
}

.design_v2_message_list {background-color: #efefef;}
.design_v2_message_list .title {vertical-align: middle; padding:12px 0; background-color: #475174;}
.design_v2_message_list .message_send_bg {background-color: #475174; vertical-align: bottom; text-align: center;}
.design_v2_message_list .message_send_btn {background-color: #353e5c; border: 1px solid #475174; font-size:12px;}
.design_v2_message_list .message_send_btn img {vertical-align:middle;}
.design_v2_message_list .message_send_btn span {vertical-align:middle;}
.design_v2_message_list .message_send_btn span .tc1 {color:#edf1ff; vertical-align:baseline;}
.design_v2_message_list .message_send_btn a {outline:none; display:block; color:#95a0c9; text-decoration: none; padding:10px 0; letter-spacing:-1px;}
.design_v2_message_list .message_send_btn:hover {background-color: #272f4b;}
.design_v2_message_list .message_send_btn.rl {border-top-left-radius:4px; border-right:none;}
.design_v2_message_list .message_send_btn.rr {border-top-right-radius: 4px;}
.design_v2_message_list .col-xs-11.paddinglr {padding-left: 0px; padding-right: 0px;}
.design_v2_message_list .col-xs-6.paddinglr {padding-left: 0px; padding-right: 0px;}
.design_v2_message_list .col-xs-1.paddinglr {padding-left: 0px; padding-right: 0px;}
.design_v2_message_list .list_title {padding:15px 0 8px 0; font-weight: bold; color:#bcbcbc; font-size:13px;}
.design_v2_message_list .message_list_wrap {overflow-y: scroll; height:514px;}
.design_v2_message_list .message_listbg {overflow-y:auto; background-color: #fff; padding:15px;}
.design_v2_message_list .message_listbg a {outline:none; display:block; text-decoration: none;}
.design_v2_message_list .message_listbg:hover {background-color: #eaeeff;}
.design_v2_message_list .message_listbg.bt{border-top: 1px solid #e0e0e0;}
.design_v2_message_list .message_listbg.bb{border-bottom:1px solid #e0e0e0;}
.design_v2_message_list .message_listbg .name{font-size: 14px; font-weight: bold; color:#475174; text-align: left;}
.design_v2_message_list .message_listbg .data{font-size: 11px; color:#bcbcbc; text-align: right; letter-spacing: 0px;}
.design_v2_message_list .message_listbg .contents{font-size: 12px; color:#717171; padding-top: 25px;}
.design_v2_message_list .margin_l25{padding-left: 25px;}
.design_v2_message_list .margin_t3{padding-top: 3px;}

.design_v2_message_chat {background-color: #475174;}
.design_v2_message_chat .title {vertical-align: middle; padding:12px 0; background-color: #475174;}
.design_v2_message_chat .title p {color: #fff; font-weight: bold; font-size: 14px; padding-top:4px; text-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.design_v2_message_chat .write_title {padding:10px; background:#f1f4ff; color:#7680a6; font-size:12px; border-bottom:1px solid #bbc5e8;}
.design_v2_message_chat .write_title img{vertical-align:middle;}
.design_v2_message_chat .col-xs-12.paddinglr {padding-left: 0px; padding-right: 0px;}
.design_v2_message_chat .col-xs-12.h40 {height: 40px;}
.design_v2_message_chat .col-xs-9.paddinglr {padding-left: 0px; padding-right: 0px;}
.design_v2_message_chat .col-xs-6.paddinglr {padding-left: 0px; padding-right: 0px;}
.design_v2_message_chat .col-xs-3.paddinglr {padding-left: 0px; padding-right: 0px;}
.design_v2_message_chat .view1 {overflow-y:scroll; height: 517px; background-color:#efefef; padding:15px;}
.design_v2_message_chat .chat_data {background-color:#efefef; padding: 0px; margin-bottom: 10px;}
.design_v2_message_chat .chat_data .line {border: 0.5px solid #e0e0e0; margin-top: 7px;}
.design_v2_message_chat .chat_data .data1 {font-size:11px; color: #bcbcbc; text-align: center; letter-spacing: 0px;}
.design_v2_message_chat .bolloon_1_bg {float:left; line-height: 20px; margin-top: 5px; margin-bottom: 5px;}
.design_v2_message_chat .bolloon_1_bg .data2 {font-size:11px; color: #bcbcbc; text-align: left; margin-bottom: 3px;}
.design_v2_message_chat p.bolloon_1 {background-color: #fff; border-radius: 4px; padding: 10px; font-size: 12px; color:#7a7a7a; margin-bottom: 0px;}
.design_v2_message_chat .bolloon_2_bg {float:right; line-height: 20px; margin-top: 5px; margin-bottom: 5px;}
.design_v2_message_chat .bolloon_2_bg .data2 {font-size:11px; color: #bcbcbc; text-align: right; margin-bottom: 3px; letter-spacing: 0px;}
.design_v2_message_chat p.bolloon_2 {background-color: #cfd5e9; border-radius: 4px; padding: 10px; font-size: 12px; color:#7a7a7a; margin-bottom: 0px;}
.design_v2_message_chat .tail_l {margin-top:-6px; text-align:left;}
.design_v2_message_chat .tail_r {margin-top:-6px; text-align:right;}
.design_v2_message_chat .chatin {width:100%; height: 40px; background-color: #fff; padding:10px; border-top:1px solid #e0e0e0; font-size:14px;}
.design_v2_message_chat .write {width:100%; height: 213px; background-color: #fff; padding:15px; border:0px solid #e0e0e0; font-size:14px; color:#4a4a4a;}
.design_v2_message_chat .send {display:block; background-color: #475174; color:#fff; font-size:14px; padding: 13px; text-decoration: none; text-align: center;}
.design_v2_message_chat .send:hover{background-color: #5873d8;}
.design_v2_message_chat .cancel {display:block; background-color: #7b85a8; color:#fff; font-size:14px; padding: 13px; text-decoration: none; text-align: center;}
.design_v2_message_chat .cancel:hover{background-color: #a2aac9;}


.right {text-align:right;}
.left {text-align:left;}
.clear {clear:both;}
.margin_r5 {margin-right:5px;}
.margin_l5 {margin-left:5px;}

textarea {-webkit-margin-after:-4px; -webkit-margin-end:-5px;}