/* --------------------------------------------------------------------------
 * UnicornNet.com  	: LMS Default HTML Template
 *  
 * file					: community.css
 * page				: 게시판관련 스타일 1
 * Version 			: 1.0
 * Author			: UnicornNet - Team
 * Author URI		: http://unicornnet.com
 *
 * UnicornNet Copyright 2002 All Rights Reserved.
 * -------------------------------------------------------------------------- */
@charset "utf-8";


.table-community
{ margin: 0 3px; }
.table-community > thead
{ border-top: 2px solid #AAAAAA; color: #333333; }
.table-community > thead > tr > th,
.table-community > tbody > tr > td
{ padding: 10px 8px; text-align: center; }
.table-community > tbody
{ border-bottom: 1px solid #E6E6E6; }
.table-community > thead > tr > th.text-left,
.table-community > tbody > tr > td.text-left
{ text-align: left; }
.table-community > thead > tr > th.text-right,
.table-community > tbody > tr > td.text-right
{ text-align: right; }
.table-community > thead > tr > th
{ background-color: #FBFBFB; }

.table-community > tbody > tr.tr-active
{ background-color: #E1FFF8; }
.table-community > tbody > tr.notice
{ background-color: #e5fff9;   }

.table-community > tbody > tr > td > a
{ color: #000000; }
.table-community > tbody > tr > td > a:hover
{ color: #1ABC9C; text-decoration: underline; }

.comments-title
{ font-weight: 400; margin-bottom: 5px; }
.comments-title > i
{ font-size: 105%; color: #37D48B; margin-right: 6px; font-weight: 500; }


.board-file-list > li
{ list-style: none; display: block; padding: 5px 30px; }
.board-file-list > li > a
{ color: #000000; text-decoration: underline; }
.board-file-list > li > a:hover
{ color: #00F; text-decoration: underline; }

.board-file-link
{ float: left; margin: 8px }
.board-file-link a
{ color: #000000; text-decoration: underline; }
.board-file-link a:hover
{ color: #00F; text-decoration: underline; }


.sub-title > h3
{ border-bottom: 3px solid #555555; padding: 0 0 15px; margin-bottom: 20px; }

.community-category > li > a,
.button-community
{ color: #37D48B; border-color: #37D48B; }

.community-category > li > a:hover,
.community-category > li.active > a,
.button-community:hover
{ border-color:#37D48B; background-color:#37D48B }




/*  ########################################    커뮤니티 기본 카테고리   ##############################################  */
.community-category
{ margin: 0; padding: 0; }
.community-category > li
{ display: inline-block; margin-top: 5px; }
.community-category > li > a
{ display: inline-block; position:relative; min-height: 1px; padding: 0 15px; text-align: center; font-size: 14px; font-weight: 500; border: 2px solid #37D48B; color: #37D48B; background-color: #FFFFFF; border-radius: 5px; }
.community-category > li > a:hover
{ border-color: #37D48B; color: #FFFFFF; background-color: #37D48B; text-decoration: none; }
.community-category > li + li
{ margin-left: 1px; }
.community-category > li.active > a
{ color: #FFFFFF; background-color: #37D48B; border-color: #37D48B; }

@media (max-width: 767px)
{
	.community-category > li > a
	{ padding: 6px 12px; }
}


.chat
{ display: block; height: auto; margin: 0; padding: 10px 15px; border: 1px solid #ddd; background-color: #fff; }
.chat .moment
{ font-weight: 600; color: #999; clear: both; text-align: center; padding-bottom: 20px }
.chat > aside > .message > img,
.message-img
{ position: absolute; left: 0; right: 0; width: 40px; height: 40px; margin-right: 30px }
.message-img img
{ display: block; width: 100% }
.reversed .message-img,
.admin-reversed .message-img,
.my-reversed .message-img
{ left: auto; right: -30px }
.chat .message > .message-body
{ margin-left: 58px; padding: 6px 14px; position: relative; color: #333; background-color: #fff; border: 1px solid #e5e5e5; line-height: 20px; font-size: 14px; color: #333333: }

.chat .message.default .message-body
{ background-color: #fff; border: 1px solid #e5e5e5; }
.chat .message.reversed > .message-body
{ margin-left: 0; margin-right: 58px; }
/* admin comment */
.chat .message.admin-default .message-body
{ background-color: #E3FFFD; border: 1px solid #A9D7E9; }
.chat .message.admin-reversed .message-body
{ margin-left: 0; margin-right: 58px; background-color: #E3FFFD; border: 1px solid #A9D7E9; }
/* member my comment */
.chat .message.my-default .message-body
{ background-color: #FFFCDA; border: 1px solid #EAE286; }
.chat .message.my-reversed .message-body
{ margin-left: 0; margin-right: 58px; background-color: #FFFCDA; border: 1px solid #EAE286; }

/*.chat .message:first-child{padding-top:20px}*/
.chat .message
{ clear: both; max-width: 100%; padding: 10px 0 0; position: relative; font-size: 15px; }
.chat .message.default, .chat .message.admin-default, .chat .message.my-default
{ float: left }
.chat .message.reversed, .chat .message.admin-reversed, .chat .message.my-reversed
{ float: right }

.chat .message .attribution
{ margin: 6px 0 0; font-size: 11px; line-height: 1; color: #777; opacity: .8; filter: alpha(Opacity=80); display: block; white-space: nowrap }
/* admin comment */
.chat .admin-default .attribution, .chat .admin-reversed .attribution
{ background-color: #E3FFFD }
/* member my comment */
.chat .my-default .attribution, .chat .my-reversed .attribution
{ background-color: #FFFCDA }
/*
.chat .message .message-body h6{ color:#111; font-size:16px; font-weight:700; padding:0 0 8px; margin: 0; display:block;white-space:nowrap}
.chat .message .message-body h6 small{font-weight:normal;color:#777; font-size:13px}
.chat .message .message-body h6 em{font-weight:normal;color:#bbb; font-size:13px;padding:0 4px;}
*/

.message-body > header { color: #000000; font-size: 14px; font-weight: 500; padding: 0 0 3px; margin: 0; white-space: nowrap;  }
.message-body > header > small { font-size: 12px; font-weight: 300; background-color: #F5F5F5; padding: 1px 4px; border-radius: 3px; margin: 0 3px; }
.message-body > header > .btn-tool { padding-top: 4px; display: inline-block; white-space:nowrap }
.message-body > header > .btn-tool a{ font-size: 12px; font-weight: 400; line-height: 1; color: #333333; padding: 0 5px; background-color: #F5F5F5; border-radius: 3px; }
.message-body > header > .btn-tool a:hover{ color: #FFFFFF; background-color: #333333; text-decoration: none; }
/*
.typing{background:url(/edu/skin/default/content/images/interface/typing.gif) no-repeat 0 0;display:block;width:15px;height:15px}
*/
/*
.message-body:after{border-top:6px solid rgba(0,0,0,0);border-right:6px solid #69A58D;border-bottom:6px solid rgba(0,0,0,0);left:-6px;top:13px;position:absolute;margin-left:0;content:''}
*/
/* member my comment */
.my-default .message-body:after{left:-6px;top:13px;position:absolute;border-top:6px solid rgba(0,0,0,0);border-right:6px solid #FFFCDA;border-bottom:6px solid rgba(0,0,0,0);margin-left:0;content:''}
.my-default .message-body:before{left:-7px;top:12px;position:absolute;border-top:7px solid rgba(0,0,0,0);border-right:7px solid #EAE286;border-bottom:7px solid rgba(0,0,0,0);margin-left:0;content:''}

/* admin comment */
.my-reversed .message-body:before{position:absolute;top:12px;right:0;display:inline-block;border-top:7px solid rgba(0,0,0,0);border-left:7px solid #EAE286;border-bottom:7px solid rgba(0,0,0,0);border-left-color:rgba(0,0,0,.2);content:'';margin-right:-7px}
.my-reversed .message-body:after{position:absolute;top:13px;right:1px;left:auto;display:inline-block;border-top:6px solid rgba(0,0,0,0);border-left:6px solid #FFFCDA;border-bottom:6px solid rgba(0,0,0,0);border-right:0;content:'';margin-right:-7px}

.admin-default .message-body:after{left:-6px;top:13px;position:absolute;border-top:6px solid rgba(0,0,0,0);border-right:6px solid #E3FFFD;border-bottom:6px solid rgba(0,0,0,0);margin-left:0;content:''}
.admin-default .message-body:before{left:-7px;top:12px;position:absolute;border-top:7px solid rgba(0,0,0,0);border-right:7px solid #A9D7E9;border-bottom:7px solid rgba(0,0,0,0);margin-left:0;content:''}

.admin-reversed .message-body:before{position:absolute;top:12px;right:0;display:inline-block;border-top:7px solid rgba(0,0,0,0);border-left:7px solid #A9D7E9;border-bottom:7px solid rgba(0,0,0,0);border-left-color:rgba(0,0,0,.2);content:'';margin-right:-7px}
.admin-reversed .message-body:after{position:absolute;top:13px;right:1px;left:auto;display:inline-block;border-top:6px solid rgba(0,0,0,0);border-left:6px solid #E3FFFD;border-bottom:6px solid rgba(0,0,0,0);border-right:0;content:'';margin-right:-7px}




.default .message-body:after{left:-6px;top:13px;position:absolute;border-top:6px solid rgba(0,0,0,0);border-right:6px solid #fff;border-bottom:6px solid rgba(0,0,0,0);margin-left:0;content:''}
.default .message-body:before{left:-7px;top:12px;position:absolute;border-top:7px solid rgba(0,0,0,0);border-right:7px solid #ccc;border-bottom:7px solid rgba(0,0,0,0);margin-left:0;content:''}

.reversed .message-body:before{position:absolute;top:12px;right:0;display:inline-block;border-top:7px solid rgba(0,0,0,0);border-left:7px solid #e5e5e5;border-bottom:7px solid rgba(0,0,0,0);border-left-color:rgba(0,0,0,.2);content:'';margin-right:-7px}
.reversed .message-body:after{position:absolute;top:13px;right:1px;left:auto;display:inline-block;border-top:6px solid rgba(0,0,0,0);border-left:6px solid #fff;border-bottom:6px solid rgba(0,0,0,0);border-right:0;content:'';margin-right:-7px}

/*
.message-list{list-style:none;margin:0;padding:0;}
.message-list>li{padding:0;margin:0;border:0;position:relative}
.message-list>li:first-child{border:0}
.message-list>li.message-list-header{font-weight:600;color:#999}
.message-list>li .chat{margin-top:15px;padding:0 15px 15px;border:1px solid #ddd;background-color:#fcfcfc}
.message-list .status{margin-left:4px}
*/
.community > .comment-list
{ list-style: none; margin: 0; padding:0; display: block; }
.community > .comment-list > li
{ padding: 0; margin: 0; border: 0; position: relative }
.community > .comment-list > li:first-child
{ border: 0 }
.community > .comment-list > li.header
{ font-weight: 600; color: #999 }
.community > .comment-list > li.chat
{ margin-top: 15px; padding: 0 15px 15px; border: 1px solid #ddd; background-color: #fcfcfc }
.community > .comment-list .status
{ margin-left: 4px }

@media (max-width: 767px)
{
	.community-view-rate > div
	{ float: none; clear: both; width: 100%; text-align: center; margin-bottom: 5px; }
}




/*
.entry-title h2, .entry-title h3, .entry-title h4
{ margin: 0; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px }
*/