/* --------------------------------------------------------------------------
 * UnicornNet.com  	: LMS Default HTML Template
 *  
 * file					: community-default.css
 * Version 			: 1.0
 * Author				: UnicornNet - Team
 * Author URI		: http://unicornnet.com
 *
 * UnicornNet Copyright 2017 All Rights Reserved.
 * -------------------------------------------------------------------------- */
@charset "utf-8";


.community-content
{ font-size: 20px; line-height: 180%; padding: 0 20px; }
.community-content img
{ max-width: 100% !important; }
.community-content table
{ font-size: 16px; }
.community-content > .c-bottom
{ font-size: 16px; }

.community-view > h4
{ color: #333333; padding: 0 15px; }
.community-view > .entry-meta
{ font-size: 16px; font-weight: 300; color: #333333; padding: 0 15px; }
.community-view > .entry-meta > div > span
{ font-size: 16px; }
.community-view > .entry-meta > div > em
{ font-style: normal; padding-left: 30px; padding-right: 30px; color: #CCCCCC; }
.community-view > .entry-meta > .pull-left > span:first-child
{ color: #000000; }
.community-view > .entry-meta > div > span > a
{ color: #37D48B; display: inline-block; }
.community-view > .entry-meta > div > span > a:hover
{ color: #000000; }


.community-body
{ padding: 0 15px; }



/*  ########################################    커뮤니티 기본 카테고리   ##############################################  */
.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{margin:0 0 20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fff;}*/



/*
.chat { max-height: 700px; overflow: auto; margin: 0; padding: 10px 15px; border: 1px solid #ddd; background-color: #fff; }

@media (max-width: 767px) {
	.chat { max-height: 320px; }
}
*/

.chat
{ display: block; height: auto; margin: 0; padding: 10px 15px; border: 1px solid #ddd; background-color: #fff; }

.chat a
{ display: inline-block; }

.chat .moment{font-weight:600;color:#999;clear:both;text-align:center;padding-bottom:20px}


.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; padding: 1px 4px; border-radius: 3px; margin: 0 3px; }
.message-body > header > .btn-tool
{ padding-top: 4px; display: inline-block; white-space: nowrap; font-size: 12px; }

.message-body > header > .btn-tool a
{ font-weight: 400; line-height: 1; color: #FFFFFF; padding: 4px 5px; background-color: #3AB195; border-radius: 3px; }
.message-body > header > .btn-tool a:hover
{ background-color: #28987E; 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;}
.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}




.community-view-rate a
{ display: inline-block; }

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



select.form-categorys
{ padding: 5px 12px; font-size: 18px; }
















/* COMMUNITY LIST */
/*  커뮤니티 기본 카테고리  */
.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: 7px 15px; text-align: center; font-size: 16px; font-weight: 500; border: 2px solid #3AB195; color: #3AB195; background-color: #FFFFFF; border-radius: 5px; }
.community-category > li > a:hover
{ border-color: #3AB195; color: #FFFFFF; background-color: #3AB195; text-decoration: none; }
.community-category > li + li
{ margin-left: 1px; }
.community-category > li.active > a
{ color: #FFFFFF; background-color: #3AB195; border-color: #3AB195; font-weight: 700; }

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

.community-search .form-control
{ background: #FFFFFF url('/home/skin/default/content/images/interface/filter.png') no-repeat 12px; padding: 9px 10px 9px 32px; height: auto; }
.community-search .input-group-btn .btn
{ padding: 8px 13px 8px; }
.community-search .input-group-btn .btn-info
{ height: 42px; padding-left: 20px; padding-right: 10px; background-color: #3AB195; }
.community-search .input-group-btn .btn-info:hover
{ background-color: #46BEA2; }




.table-community
{ margin: 0 auto; }
.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; vertical-align: middle; }
.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
{ border: 3px solid #333333; background-color: #EEFFFB; }
.table-community > tbody > tr.notice
{ background-color: #e5fff9;   }

.table-community > tbody > tr > td > a
{ display: inline-block; }



.control-label
{ padding-top: 10px; padding-left: 25px; line-height: 26px; }
select.form-filter-full
{ padding: 0 12px; }



.table-community > tbody > tr > td > span.label
{ font-size: 11px; }
.table-community > tbody > tr > td > span.label-new
{ margin-left: 4px; padding: 3px 5px; background-color: #3AB195; }
.table-community > tbody > tr > td > span.label-comment
{ background-color: #E5006E; }


.button-community
{ display: inline-block; padding: 9px 25px; font-weight: 500; line-height: 22px; }




/* ===== Pagination ===== */
.pagination
{ margin: 0; font-size: 0; }

.pagination > li
{ display: inline-block;  font-size: 14px; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus
{ display: inline-block; background-color: #3AB195; color: #FFFFFF; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
{ background-color: #3AB195; border-color: #3AB195; }

.pagination > li.disabled
{ opacity: 0.50; pointer-events: none; }










.label-warning2
{ background-color: #FF6600; }
.label-warning2[href]:hover,
.label-warning2[href]:focus
{ background-color: #F06000; }
.label-warning3
{ background-color: #7CACFB; }
.label-warning3[href]:hover,
.label-warning3[href]:focus
{ background-color: #6898E7; }

.label-border0
{ border: none; }
.label-border2
{ border: 3px solid #FF9933; }
.label-border3
{ border: 3px solid #99CC00; }
.label-border4
{	border: 3px solid #669900; }
.label-border5
{ border: 3px solid #FF6600; }

.b-label
{ padding:10px 0 0; position:relative; font-size: 12px; }
.b-label-body
{ background-color: #FFF; border: 2px solid #F60; padding:  6px 10px; border-radius:7px; }
.b-label-body:after
{ left:-6px;top:9px;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:'' }
.b-label-body:before
{ left:-8px;top:7px;position:absolute;border-top:8px solid rgba(0,0,0,0);border-right:8px solid #F60;border-bottom:8px solid rgba(0,0,0,0);margin-left:0;content:'' }