.chat .stage { display:table; border:solid 1px #e6e4df; width:100%; height:550px; }
.chat .stage > div { display:table-cell; vertical-align:top; }
.chat .stage > div.user { width:227px; border-left:solid 1px #eee; background:#fafafa; }
.chat .stage > div.user h4 { font-size:16px; font-weight:bold;  }
.chat .stage > div.user .list { padding:20px; }
.chat .stage > div.user .list li { display:block; padding:5px 10px 5px 20px;  font-weight:bold; font-size:14px; background:url(../images/commons/icon_people.png) no-repeat left center; background-size:16px 16px;  }
.chat .form { margin-top:10px; }
.chat .form input { float:left; width:80%; height:38px; font-size:14px; line-height:38px; border:solid 1px #e6e4df; text-indent:10px; }
.chat .form a { float:right; display:block; width:19%; height:42px; line-height:42px; text-align:center; font-size:14px; font-weight:bold; background:#99968a; color:#fff; }

.chat .stage > div.chatlog {  }
.chat .stage > div .container { height:100%; overflow-y:scroll; padding:10px ; }
.chat .stage > div .container ul li { display:table; width:100%; font-size:14px; line-height:21px; padding:6px 0; clear:both; }
.chat .stage > div .container ul li.alert { font-weight:bold; color:#F63; padding-bottom:5px;  }
.chat .stage > div .container ul li.noti { display:block; font-weight:bold; color:#000; padding:3px 3px 3px 3px; background:#f6f6f6; margin:4px 0; }
.chat .stage > div .container ul li.user {  }
.chat .stage > div .container ul li.user .img { display:table-cell; vertical-align:top; width:57px;  }
.chat .stage > div .container ul li.user .img img { border-radius:50%; overflow:hidden; border:solid 1px #eeedea; }
.chat .stage > div .container ul li.user dl { display:table-cell; vertical-align:top;  }
.chat .stage > div .container ul li.user dl dt { font-size:13px; font-weight:bold; padding-left:8px; }
.chat .stage > div .container ul li.user dl dd { font-weight:normal; background:url(../images/commons/box_left_pointer.png) no-repeat left 14px; padding:5px 0 0 10px; }
.chat .stage > div .container ul li.user dl dd p { font-size:13px; display:inline-block; zoom:1; *display:inline; background:#f7f6f0; border-radius:5px; padding:8px 10px; max-width:65%; text-align:justify; }
.chat .stage > div .container ul li.me { color:#FC0 }
.chat .stage > div .container ul li.me dl { display:table-cell; vertical-align:top;  }
.chat .stage > div .container ul li.me dl dt { font-size:13px; font-weight:bold; padding-left:8px; }
.chat .stage > div .container ul li.me dl dd { font-weight:normal; background:url(../images/commons/box_right_pointer.png) no-repeat right 14px; padding:5px 10px 0 0px; text-align:right; }
.chat .stage > div .container ul li.me dl dd p { font-size:13px; display:inline-block; zoom:1; *display:inline; background:#ffed00; border-radius:5px; padding:8px 10px; max-width:65%; text-align:justify; color:#4d4b45; }

.committee-list { background:#eee; padding:13px 20px; border:solid 2px #666;margin-top:0px;margin-bottom:20px; }
.committee-list > ul > li { width:128px; float:left; margin-right:13px; line-height:22px }
.committee-list > ul > li a { font-size:12px; color:#333; font-weight:normal; padding-right:13px; letter-spacing:-0.5px;}
.committee-list > ul > li a:hover { font-size:13px; color:#cc0066; font-weight:900;}
/* .committee-list > ul > li a { font-size:14px; color:#777; font-weight:normal; background:url(../images/commons/vline02.png) no-repeat right center; padding-right:13px; } */

.committee-title { clear:both; font-size:28px; font-weight:bold; padding:200px 0 10px 10px; letter-spacing:-3px;background:url('../images/region/comm_back2.jpg');background-size:cover;}
.committee-title > div.committee-URL {font-size:13px;font-weight:normal;letter-spacing:-0.5px;}
.committee-about {}
.committee-about .section01 { padding:50px 10px; }
.committee-about .section01 .inner { max-width:400px; margin:0 auto; }
.committee-about .section01 .inner .tmp { max-width:400px;font-size:28px; font-weight:bold; text-align:center; line-height:400px;}
.committee-about .section01 .inner .tmp img { width:100%;height:auto;}

.committee-about .section02 {  border-top:solid 2px #cccac4;}
.committee-about .section02 .inner { max-width:1190px; margin:0 auto; }

.committee-about .section03 { overflow:hidden; clear:both; padding:0 10px 50px;}
.committee-about .section03 .notice { max-width:400px; margin:0 auto; text-align:center;}
.committee-about .section03 .notice .inner { padding:0; }
.committee-about .section03 .notice .inner h4 { font-size:18px; font-weight:800; color:#4d4b45; position:relative; border-bottom:solid 1px #e6e4df; height:37px; text-indent:3px; }
.committee-about .section03 .notice .inner h4 span { position:absolute; top:0px; right:2px; margin-top:-2px; }
.committee-about .section03 .notice .inner ul { padding-top:4px; }
.committee-about .section03 .notice .inner ul li { background:url(../images/commons/bullet_dot.png) no-repeat 3px center;   border-bottom: 1px dotted #ccc; height:30px; line-height:30px;}
.committee-about .section03 .notice .inner ul li a { color:#66635c; font-size:14px; font-weight:normal; padding:0 0 0 12px; display:block; position:relative;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  *display:block;}
.committee-about .section03 .notice .inner ul li:last-child { border:0;}
.committee-about .section03 .notice .inner ul li a span { position:absolute; top:0px; right:0px; color:#99968a; font-size:14px; }
.committee-about .section03 .notice .inner ul li a:hover { text-decoration:underline; }

.committee-about .contact { margin-top:0px; }
.committee-about .contact ul li { font-size:18px; padding:17px 10px; background:#faf9f5; border-bottom:solid 1px #e6e3dc; letter-spacing:-0.7px;}
.committee-about .contact ul li.addr { background:url(../images/channel/icon_addr.png) #faf9f5 no-repeat 10px center; padding-left:50px; }
.committee-about .contact ul li.tel { background:url(../images/channel/icon_tel.png) #faf9f5 no-repeat 10px center; padding-left:50px; }
.committee-about .contact ul li.email { background:url(../images/channel/icon_email.png) #faf9f5 no-repeat 10px center; padding-left:50px; }


.marker { font-size:14px !important;width:250px;padding:5px;text-overflow:ellipsis;}
.marker > a > h4 { font-size:12px !important;font-weight:bold !important;letter-spacing:-0.5px !important;}
.marker > a > p { font-size:11px;font-weight:normal;}
.marker > a > p.date { color:#0099cc;font-weight:bold;}



@media all and (max-width: 820px) {
	.chat .stage > div .container ul li.user dl dd p { max-width:80%; }
	.chat .stage > div .container ul li.me dl dd p { max-width:80%; }
}

@media all and (max-width: 640px) {
	
	/* ����Ͽ��� �޴� �Ⱥ��̰�. 16.1.14 */
	/* .committee-list { margin-top:120px; } */
	/* .committee-list { display:none; } */
	.committee-list > ul > li a { font-size:12px; }
	.committee-title { font-size:20px;padding:60px 0 10px 10px; }
	
	.chat .stage > div.user { display:none; }
	.chat .stage > div .container ul li.user .img { display:table-cell; vertical-align:top; width:44px;  }
	.chat .stage > div .container ul li.user .img img { border-radius:50%; overflow:hidden; border:solid 1px #eeedea; width:40px; height:40px; }
	.chat .stage > div .container ul li.user dl dt  { font-size:12px; }
	.chat .stage > div .container ul li.user dl dd p { font-size:12px; line-height:19px;padding:8px 10px; max-width:70%; }
	.chat .stage > div .container ul li.me dl dd p { font-size:12px; line-height:19px;padding:8px 10px; max-width:70%; }
}


@media all and (max-width: 370px) {
	.committee-about .section01 { padding:0px 10px 20px 10px;margin-top:-0px; }
	.committee-about .section01 .inner .tmp {line-height:280px;}

	.committee-about .contact ul li.addr { font-size:12px;}
	.committee-about .contact ul li.tel { font-size:12px;}
	.committee-about .contact ul li.email { font-size:12px;word-break:break-all;}

}