/* rest */
* { margin: 0; padding: 0; }
body { color: #666; font-size: 12px; line-height: 1.5; font-family: "gulim", "굴림", "돋움", Dotum, Tahoma, Geneva, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img, fieldset { border: 0 none; }
img { vertical-align: top; max-width: 100%; }
li { list-style: none; }
hr, caption, legend { display: none; }
a { color: #666; text-decoration: none; }
a:hover { }
button { cursor: pointer; }
address, em { font-style: normal; }
button, input, select, textarea, a { vertical-align: middle; font-family: "gulim"; }
input, select, textarea { font-size: 12px; line-height: 1.5;}
input:focus { outline: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; }
table img { vertical-align: middle; }
ins { text-decoration: none; }
a { outline: none; }
a:active { selector-dummy:expression(this.hideFocus = true); }

html, body { overflow:hidden; resize:none; background:#ededed; }
#wrapper { width:100%; }
/* 상단 */
#wrapper .hdr { z-index:10; position:fixed; top:0; left:0; width:100%; height:44px; background:#fff; border-bottom:1px solid #c0c0c0; }
#wrapper .hdr h1 { height:44px; line-height:44px; padding-left:40px; color:#000; font-size:12px; font-weight:bold; background:url(/baro/assets/img/bull_barotalk_tit.gif) no-repeat 10px 10px; }
/* 하단 */
#wrapper .ftr { position:relative; width:100%; height:90px; background:#fff; border-top:1px solid #c0c0c0; }
#wrapper .ftr textarea { overflow-x:hidden; overflow-y:auto; width:444px; height:60px; padding:15px; background:none; border:none; color:#666; resize:none; outline:none; }
#wrapper .ftr a.btn-pic { display:inline-block; position:absolute; top:55px; left:420px; width:24px; height:24px; background:url(/baro/assets/img/bull_barotalk_pic.gif) no-repeat 0 0; }
#wrapper .ftr a.btn-enter { display:inline-block; width:60px; height:90px; background:#3ebe7f url(/baro/assets/img/btn_barotalk.gif) no-repeat center center; }

/* 중앙 */
#wrapper .content { overflow-x:hidden; overflow-y:auto; height:500px; margin-top:44px; padding:15px; }
#wrapper .content .talkwrap { margin-bottom:12px; }
#wrapper .content .talkwrap .txt { position:relative; display:inline-block; width:auto; height:auto; max-width:200px; padding:15px 15px 13px; margin:3px 0 0 14px; border-bottom:1px solid #d5d5d5; border-radius:5px; color:#000; word-break:break-all; word-wrap:break-word; vertical-align:top; }
#wrapper .content .talkwrap .txt a { color:#0018ff; text-decoration:underline; }
#wrapper .content .talkwrap .date { display:inline-block; color:#999; font-size:11px; vertical-align:bottom; }
/* 좌측 */
#wrapper .content .talk-left .icon { display:inline-block; overflow:hidden; width:50px; height:50px; background:#56362b; border:1px solid #d7d7d7; border-radius:30px; vertical-align:top; }
#wrapper .content .talk-left .arr { position:absolute; top:0; left:-10px; display:inline-block; width:11px; height:11px; padding:0; margin:0; background:url(/baro/assets/img/bull_arr_white.gif) no-repeat 0 0; }
#wrapper .content .talk-left .txt { background:#fff; border-top-left-radius:0;}
/* 우측 */
#wrapper .content .talk-right { text-align:right; }
#wrapper .content .talk-right .arr { position:absolute; top:0; right:-10px; display:inline-block; width:11px; height:11px; padding:0; margin:0; background:url(/baro/assets/img/bull_arr_yellow.gif) no-repeat 0 0; }
#wrapper .content .talk-right .txt { background:#ffe720; text-align:left; border-top-right-radius:0; }