/***************************************** common *****************************************/

@import url(../../../../jscss/nanumgothic/nanumgothic.css);
body,table,td,th,select,textarea,input,button {font-family:"나눔고딕",NanumGothic,NanumGothicOTF,Apple Gothic,"맑은고딕","Malgun Gothic",dotum,Arial,verdana,"Trebuchet MS","Lucida Grande",HelveticaNeue,Tahoma,Helvetica,"hiragino kaku gothic pro",sans-serif,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;color:rgb(50,50,50);font-size:16px;}
body {background-color:#E9E9E9;}
textarea, input {outline:none;}
textarea {resize:none;}
textarea, ul {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

i {
	line-height:inherit !important;
    vertical-align: middle;
}
.vertical-align-middle {
	vertical-align:middle;
}

ul,li {list-style-type:none;margin:0px;padding:0px;}
a, a:visited {color:inherit;text-decoration:none;cursor:pointer;}
.bar-header {background-color:#1f8dd6;width:100%;height:4px;}
.bar-header-index {background-color:#1f8dd6;width:100%;height:44px;position:relative;}
.bar-header-index.groupWindow {background-color:transparent;width:100%;height: 185px;}
	.bar-header-index .title {color:#fff;font-weight:bold;font-size:20px;float:left;margin-top:7px;margin-left:10px;}
	.bar-header-index.groupWindow .title {color:#fff;font-weight:bold;font-size:20px;float:left;margin-top:7px;margin-left:10px;}
	.bar-header-index .title img {width:115px;}
	.bar-header-index a.btn-attend {margin-top:0px;margin-right:0px;float:right;width:44px;height:44px;background:transparent url('../img/attend.png') center center no-repeat;background-size:20px 20px;}	
	.bar-header-index a.btn-note {margin-top:0px;margin-right:0px;float:right;width:44px;height:44px;background:transparent url('../img/note.png') center center no-repeat;background-size:20px 20px;}
	.bar-header-index a.btn-setting {margin-top:0px;margin-right:0px;float:right;width:44px;height:44px;background:transparent url('../img/setting.png') center center no-repeat;background-size:20px 20px;}
	.bar-header-index .note-cnt {position:absolute;top:7px;right:48px;background-color:#e02323;color:#fff;font-size:12px;padding:0 5px;-webkit-border-radius:3px;}

button.blue {background:#1f8dd6;color:#fff;border:1px solid #1f8dd6;}
button.green {background-color:#77BA9B;color:#fff;}
button.dark-gray {background-color:#d5d5d5;}
button.full {display:block;width:100%;}
/*body>header {margin-bottom:15px;}*/

/* 배경을 이미지로 채우고 가운데 정렬 */
/* 사용예: <div class='pf-bg' style="background-image:url('http://...');"></div> */
.pf-bg {overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;}

.sub-title {padding:7px;font-size:14px;margin:10px;color:#7d7f81;}
.sub-title-list {padding:7px;font-size:14px;color:#7d7f81;}

/* 
텍스트끝에 ...만들기
ex: <div class="ellipsis" style="width:100px;">abcdefgabcdefgabcdefgabcdefgabcdefgabcdefg</div>
    width를 별도로 지정해줄 것! 
*/
.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.txt-wrap {white-space:normal;word-wrap:break-word;word-break:break-all;}
/* 테두리색 */
.border3d {
	background-color:#fff;
	border-top:1px solid #eaeaea;
	border-left:1px solid #efefef;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #d8d8d8;
	
}
.input-time-ios {
	-webkit-appearance: none;
	-moz-appearance: none;
}

.loading-submit {
	background:url(../img/loading-submit.gif) no-repeat center center;
	background-size:80px 80px;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	
}
/* div를 textrea처럼 보이게 함 */
div.fake-textarea {
	padding:0.5em 0.6em;
	border:1px solid #ccc;
	box-shadow:inset 0 1px 3px #ddd;
	border-radius:4px;
	box-sizing:border-box;
	background-color:#fff;
	overflow:visible;
	line-height:150%;
	text-align:left;
}
/* 뒤로버튼이 있는 화면 공통 */
div.simple-window,
div.simple-window-w {padding-top:20px;padding-bottom:20px;}
div.simple-window-w {padding-left:10px;padding-right:10px;}
div.simple-window button,
div.simple-window-w button {margin:5px 0 !important;}

button div.icon-home {background-position:center center;background-repeat:no-repeat;background-image:url('../img/icon-home-small.png');background-size:contain;width:15px;height:15px;display:inline-block;margin:-5px 5px -3px -5px;}	
button div.icon-user {background-position:center center;background-repeat:no-repeat;background-image:url('../img/icon-user.png');background-size:contain;width:15px;height:15px;display:inline-block;margin:-5px 5px -3px -5px;}
button div.icon-email {background-position:center center;background-repeat:no-repeat;background-image:url('../img/icon-email.png');background-size:contain;width:15px;height:15px;display:inline-block;margin:-5px 5px -3px -5px;}
button div.icon-share {background-position:center center;background-repeat:no-repeat;background-image:url('../img/icon-share.png');background-size:contain;width:15px;height:15px;display:inline-block;margin:-5px 5px -3px -5px;}

div.loading {margin:0 auto;padding:25px 0 10px 0;background-image:url('../img/loading.gif');background-position:center center;background-repeat:no-repeat;background-size:contain;width:30px;height:30px;} 

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* 팝업레이어 
ex: 
<div class="popup-layer">
	<div>
		<ul>
			<li>수정</li>
			<li>삭제</li>
		</ul>
		<div class="back"></div>
	</div>
</div>
*/
.popup-layer {position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;display:table;}
.popup-layer div {display:table-cell;vertical-align:middle;}
.popup-layer div ul {margin:0 auto;width:270px;background-color:#fff;padding:10px 0;border-radius:5px;max-height:250px;overflow-y: scroll;}
.popup-layer div ul li {padding: 10px 10px;text-align:center;margin:0px !important;}
.popup-layer .back {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.5;z-index:-100;}

/* subWindow에서 include할 때 상단에 빈공백을 기본으로 남기도록 했지만 그 공백을 없애고 싶을 때 사용 */
.remove-top-empty-space {margin-top:-10px;}

header.top-header-fixed {
	height:44px;width:100%;
}
header.top-header-fixed .bar-header-write,
header.top-header-fixed .bar-header-index {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 500;
}
/* android browser에서 안보이는 문제 때문에 아래 코드 필요 */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';

}
/***************************************** login *****************************************/
.login-wrapper {background-color:#fff;padding-bottom:10px;}
	.login-wrapper button[type="submit"] {height:45px;}
	.login-wrapper .top-logo {background-color:#fff;width:100%;text-align:center;padding-top:20px;}
	.login-wrapper .top-logo img {width:100px;}
	
.login-form
 {width:90%;margin-left:auto;margin-right:auto;margin-top:10px;}

.login-form input[type=text],
.login-form input[type=password]
{width:100%;}

.login-form div 
{margin-top:25px;margin-bottom:25px;}

.copyright {margin-top:20px;margin-bottom:5px;text-align:center;line-height:200%;font-size:12px;width:100%;text-align:center;color:#676767;}
.copyright .pipe {padding-left:5px;padding-right:5px;}
.copyright .applist img {max-width: 45%; margin: auto auto;}

/***************************************** signup company *****************************************/
.showDupId {position:absolute;top:0;right:0;z-index:1000;margin:17px;}
.showDupId.yes {color:rgb(6,184,42);}
.showDupId.no {color:rgb(223,89,89);}
.new-cmpy {font-size:12px;width:100%;text-align:center;margin:10px 0;}
.new-cmpy button {font-size:11px;margin:0 5px !important;padding:1px 3px;}
.new-cmpy-info {margin:0 -10px;padding:5px 10px;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.new-cmpy-info button {font-size:16px;padding:5px 10px;}
.new-cmpy-info button.cancel {float:left;}
.new-cmpy-info button.submit {float:right;}
ul.cmpy {background-color:#fff;margin:10px -10px;padding:0;border-top:1px solid #ddd;overflow:hidden;}
ul.cmpy li {height:40px;position:relative;line-height:40px;border-bottom:1px solid #ddd;}
ul.cmpy li .name,
ul.cmpy li .email,
ul.cmpy li .ceo,
ul.cmpy li .select {position:absolute;background-color:#fff;white-space:nowrap;}
ul.cmpy li .name {left:15px;width:50%;z-index:0;}
ul.cmpy li .email {left:40%;width:50%;z-index:10;padding-left:10px;}
ul.cmpy li .ceo {left:55%;width:25%;z-index:10;padding-left:10px;}
ul.cmpy li .select {right:0px;width:75px;text-align:center;z-index:20;}
ul.cmpy button {margin:0;padding:4px 10px;}
.showDupNumber {position:relative;float:right; z-index:1001;overflow:hidden; margin-top:-30px; margin-right:10px;}
.showDupNumber.yes {color:rgb(6,184,42);}
.showDupNumber.no {color:rgb(223,89,89);}
/***************************************** terms *****************************************/
.signup-footer footer button {margin:5px;}
.view-all {float:right;}
.signup-section {height:150px;}
.signup-section .h3 {font-size:20px;font-weight:bold;}
.signup-section .content {margin:10px 0;font-size:14px;width: 100%;height:80px;line-height:20px;overflow: hidden;}

/***************************************** index *****************************************/
.bar-header-menu-wrapper {border-bottom:1px solid #ddd;}
.bar-header-menu {display:table;width:100%;}
	.bar-header-menu li {display:table-cell;text-align:center;padding:10px 5px;}
/* 지정넓이 이하면 스크롤메뉴로 변경 */
@media (max-width: 600px) {
	.bar-header-menu {width:680px;}
    .bar-header-menu-wrapper {overflow-x: scroll;width: 100%;border-bottom:1px solid #ddd;}
}

.btn-index-write {background-color:#77BA9B;color:#fff;padding:6px 15px;}
	.btn-index-write img.write {width:25px;vertical-align:middle;}

.select-group {width:100%;text-align:center;margin-top:5px;}
	.select-group select {width:180px;height:37px;vertical-align:top;}

.article li {margin: 7px 0px;padding:12px 8px 0 8px;}
	.article li:first-child {margin-top:0px;}
	.article li .file {min-height:30px;padding:5px;line-height:30px;text-align:center;background-color:#f7f7f7;border-radius:5px;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align:top;word-break:break-all;margin:5px;}
	.article li .file img {height:25px;margin:-6px 5px;}
	.article li .article-info {height:36px;position:relative;}
		.article li .article-info a.btn-modify {position:absolute;top:0px;right:-3px;width:30px;height:36px;background:transparent url('../img/btn_modify.png') center center no-repeat;background-size:10px 17px;}
		.article li .article-info .pf-pic {width:36px;height:36px;border-radius:50px;}
		.article li .article-info .modify-layer {width:70px;position:absolute;right:0;top:33px;z-index:200;background-color:#fff;border:1px solid #ddd;padding:5px;}
		.article li .article-info .modify-layer div {text-align:center;padding:5px 3px;font-size:14px;}
		.article li.reply-list .modify-layer {width:70px;position:absolute;right:0;top:20px;z-index:200;background-color:#fff;border:1px solid #ddd;padding:5px;}
		.article li.reply-list .modify-layer div {text-align:center;padding:5px 3px;font-size:14px;}
		.article li.reply-list .modify-layer a,.article li.reply-list .modify-layer a:visited {color:inherit;}
		
	.article li .article-info .pf-pic,
	.article li .article-info .pf-info,
	.article li .article-info .btn-side {float:left;font-size:14px;height:36px;}
	.article .content {padding:10px 0;font-size:16px;}
		.article .content .text {line-height:150%;word-break:break-all;overflow:hidden;margin-left: 4px;margin-right: 4px;}
		.article .gallery {width:100%;margin:5px 0;font-size:0px;letter-spacing:0px;word-spacing:0px;line-height:0px;}
			.article .gallery li {display:inline-block;overflow:hidden;margin:1px 1px 0 0;padding:0;}
	
.pf-info {margin-left:10px;}
	.pf-info .user-name {font-size:15px;font-weight:bold;}
	.pf-info .to-user-name {font-size:15px;}
	.pf-info .group-tag {font-size:10px;background-color:#cccccc;color:#fff;margin:0 5px;padding:1px 5px;vertical-align:text-top;}
	.pf-info .open-tag {font-size:10px;background-color:#EB8D8D;color:#fff; border: 1px solid #EB8D8D;margin:0 5px;padding:1px 5px;vertical-align:text-top;}
	.pf-info .close-tag {font-size:10px;background-color:#ffffff;color:#EB8D8D;border: 1px solid #EB8D8D;margin:0 5px;padding:1px 5px;vertical-align:text-top;}
	.pf-info .wrote-time {font-size:12px;margin-top:3px;color:#acb0b8;}


/* reply */
.reply-wrapper {border-top:1px solid #f4f4f4;background-color:#f9f9f9;margin:0 -8px 0;padding:0 12px;}
	.reply-info {font-size:14px;height:35px;line-height:35px;}
	.reply-info .addCol {float:left;width:50%}
	
	.reply-show {padding-bottom:10px;}
	li.reply-list {min-height:50px;padding:5px 0;}
		li.reply-list .pf-pic {width:36px;height:36px;float:left;border-radius:9px;}
		li.reply-list .user-name {font-size:13px;font-weight:bold;}
		li.reply-list .wrote-time {color:#acb0b8;font-size:12px;padding:5px 0 5px 45px;}
		li.reply-list .content {padding:0 10px 0 0;margin-left:45px;word-break:break-all;color:#36373c;font-size:13px;line-height:1.35;position:relative;}
		li.reply-list .btn-modify {position:absolute;top:-5px;right:-15px;width:30px;height:36px;background:transparent url('../img/btn_reply_modify.png') center center no-repeat;background-size:10px 17px;}
		li.reply-list .header {margin-bottom:4px;}
	.reply-write {position:relative;}
		.reply-write .wrapper {margin-left:20px; padding:5px;border:1px solid #ced2d5;margin-right:53px;background-color:#fff;}
		.reply-write .wrapper.emot-padding{margin-left:20px}
		.reply-write button.btn-reply {position:absolute;top:0;right:0;margin:0 !important;font-size:13px;color:#fff;font-weight:bold;background-color:#42B0F9;height:32px;}
		.reply-write textarea {margin-left:5px; border:none;font-size:13px;color:#36373c;padding:0px;width:100%;line-height:17px;vertical-align:bottom;}
		.reply-write .to-user {color:#36373c;font-size:12px;font-weight:bold;margin-bottom:7px;}
		.reply-write .btn-to-user-cancel {background:transparent url('../img/btn_x.png') center center no-repeat;background-size:16px 16px;width:16px;height:16px;display:inline-block;vertical-align:-15%;}
		.reply-write a.btn-emot {margin-left:35px; position:absolute;top:3px;left:0px;width:25px;height:25px;background:transparent url('../img/btn_emot.png') center center no-repeat;background-size:25px 25px;display:inline-block;}
.reply-file {background-color:#f9f9f9;}
	div.icon-filesub {background-position:center;background-repeat:no-repeat;background-size:contain;width:30px;height:25px;display:inline-block;margin-top:10px;margin-right:15px;opacity: 0.5;z-index:10;}
	div.icon-filesub {background-image:url('../img/icon-file.png');margin-top:0px;margin-left:0px;margin-right:2px;}
	ul.upload-file {width:100%;overflow: hidden;text-overflow: ellipsis; font-size:0;}
	ul.upload-file li {width:100%;padding:0;margin:0px;}
	ul.upload-file li .append_info {height:30px;width:100%;box-sizing:border-box;border:1px #b5b5b5;color:#000;line-height:25px;cursor:pointer;}
	ul.upload-file li .append_info .text {font-size:14px;margin-left:10px;}
	ul.upload-file li .append_info .text .iconx {background-image:url('../img/icon-x.png');background-size:cover;width:16px;height:16px;float:right;margin-top:4px;margin-right:4px}		
			
/* datareply */
.datareply-wrapper {border-top:1px solid #f4f4f4;background-color:#fcfcfc;margin:0 -8px 0;padding:0 12px;}
	.reply-info {font-size:14px;height:35px;line-height:35px;}
	.reply-show {padding-bottom:10px;}
	li.reply-list {min-height:50px;padding:5px 0;}
		li.reply-list .pf-pic {width:36px;height:36px;float:left;border-radius:9px;}
		li.reply-list .user-name {font-size:13px;font-weight:bold;}
		li.reply-list .wrote-time {color:#acb0b8;font-size:12px;padding:5px 0 5px 45px;}
		li.reply-list .content {padding:0 10px 0 0;margin-left:45px;word-break:break-all;color:#36373c;font-size:13px;line-height:1.35;position:relative;}
		li.reply-list .content .btn-modify {position:absolute;top:-5px;right:-15px;width:30px;height:36px;background:transparent url('../img/btn_reply_modify.png') center center no-repeat;background-size:10px 17px;}
		li.reply-list .content .modify-layer {width:70px;position:absolute;right:0;top:20px;z-index:200;background-color:#fff;border:1px solid #ddd;padding:5px;}
		li.reply-list .content .modify-layer div {text-align:center;padding:5px 3px;font-size:14px;}
		li.reply-list .header {margin-bottom:4px;}
	.reply-write {position:relative;}
		.reply-write .wrapper {padding:5px;border:1px solid #ced2d5;margin-right:53px;background-color:#fff;}
		.reply-write .wrapper.emot-padding{margin-left:30px}
		.reply-write button.btn-reply {position:absolute;top:0;right:0;margin:0 !important;font-size:13px;color:#fff;font-weight:bold;background-color:#42B0F9;height:32px;}
		.reply-write textarea {border:none;font-size:13px;color:#36373c;padding:0px;width:100%;line-height:17px;vertical-align:bottom;}
		.reply-write .to-user {color:#36373c;font-size:12px;font-weight:bold;margin-bottom:7px;}
		.reply-write .btn-to-user-cancel {background:transparent url('../img/btn_x.png') center center no-repeat;background-size:16px 16px;width:16px;height:16px;display:inline-block;vertical-align:-15%;}
		.reply-write a.btn-emot {position:absolute;top:3px;left:0px;width:25px;height:25px;background:transparent url('../img/btn_emot.png') center center no-repeat;background-size:25px 25px;display:inline-block;}


/* 서버로부터 받은 데이터없음 메시지 */
.noData-text {padding:20px;font-size:18px;display:block;text-align:center;margin:10px 0;color:#676767}

/* emoticon */
.article .emot-layer {margin:5px -12px;background-color:#fff;text-align:center;max-height:230px;overflow-y:scroll;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.article  img.emot {width:30px;padding:3px;}


/* 사진 테두리 불투명 액자 붙이기 */
/* 
사용방법: 
<div class="gallery-wrapper gallery-write-size">
	<div class="frame"></div>
	<div class="picture gallery-write-size" style="background-image:url('이미지경로');"></div>
</div>
참고:".gallery-write-size"는 가로,세로길이값으로 gallery-wrapper와 picture클래스에 같이 있어야함
*/
ul.article .gallery-wrapper {position:relative;top:0;left:0;padding:0;margin:0;}
	/* 불투명 액자 테두리 */
	ul.article .gallery-wrapper .frame {position:absolute;top:0;left:0;border:1px solid #000;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;opacity:0.05;z-index:2;}
	ul.article .gallery-wrapper .picture {position:aboslute;top:0;left:0;z-index:1;background-size:cover;background-position:center center;background-repeat:no-repeat;}
	
	/* 별도로 사이즈 지정 */
	ul.article .gallery-write-size {width:93px;height:93px;}
	
	ul.article .content a,
	ul.article .content a:visited{color:#1F8DD6}

	
/***************************************** my rounge *****************************************/
.top-profile-wrapper {
	position:relative;
    width:100%;
    height:180px;
    overflow:hidden;
    z-index:100;
    padding:40px;
}
.top-profile-wrapper .overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	opacity: 0.3;
	z-index:1;
    
}

.top-profile-info {width:100%;position:relative;z-index:100;text-align:center;}
	.top-profile-info .top-profile-pic {width:80px;height:80px; border-radius:50px;display:inline-block;}
	.top-profile-info .name-wrapper {color:#fff;font-size:16px;padding-top:10px;}
	.top-profile-info .name-wrapper .occup {font-size:17px;font-weight:normal;}


.top-profile {
   background-repeat:no-repeat;
   background-position:center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    left:-15px;
    right:-15px;
    top:-15px;
    bottom:-15px;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    position: absolute;
    z-index: -999;
    
}
/***************************************** group *****************************************/
ul.group {margin-top:10px;}
ul.group img.flip {-ms-transform: rotate(180deg)/* IE 9 */; -webkit-transform: rotate(180deg)/* Chrome, Safari, Opera */; transform: rotate(180deg);}

div.group-make {margin:5px 10px;padding:5px 20px 5px 40px;font-size:14px;overflow:hidden;position:relative;line-height:40px;}
	div.group-make img.group-icon {width:30px;height:30px;vertical-align:middle;position:absolute;top:10px;left:5px;}
	div.group-make img.more-menu {width:30px;height:30px;vertical-align:middle;position:absolute;top:10px;right:3px;}

div.group-wrapper {margin:5px 10px;padding:5px 20px 5px 40px;height:40px;font-size:14px;overflow:hidden;position:relative;line-height:40px;}
	div.group-wrapper img.group-icon {width:30px;height:30px;vertical-align:middle;position:absolute;top:10px;left:5px;}
	div.group-wrapper img.more-menu {width:30px;height:30px;vertical-align:middle;position:absolute;top:10px;right:3px;}
	
div.group-menu {margin-left:20px;padding:5px 0;}
	div.group-menu .sns,
	div.group-menu .member,
	div.group-menu .note{color:#fff;font-size:12px;margin-right:3px;}
	
	div.group-menu .sns {background-color:#74AAF7;}
	div.group-menu .member {background-color:#77BA9B;}
	div.group-menu .note {background-color:#74AAF7;}

div.group div.icon-search,
div.group-search div.icon-search {
	background-position:center center;background-repeat:no-repeat;background-image:url('../img/icon-search-reverse.png');background-size:contain;width:20px;height:20px;display:inline-block;
	vertical-align:middle;
}
/*
div.group-search div.icon-group {
	background-position:center center;background-repeat:no-repeat;background-image:url('../img/btn_group.png');background-size:contain;width:35px;height:35px;display:inline-block;
	vertical-align:middle;
}
*/
.group-members-wrapper {width:100%;text-align:center;margin-top:20px;}
.group-members-wrapper .group-members-info {display:inline-block;position:relative;overflow:left;}
.group-members-wrapper .group-members-info .group-members-pic {width:50px;height:50px; border-radius:15px; margin-left:1px; margin-right:1px;}
.members-pic-bg {background-size:cover;background-position:center;background-repeat:no-repeat;}

.top-group-wrapper {
	position:relative;
    width:100%;
    height:150px;
    overflow:hidden;
    z-index:100;
}
.group-inform-bar {text-align:center; font-size:17px; margin-top:20px;}
.comment-bar {position:relative; text-align:center; margin-top:10px; font-size:17px;}
/* REVIEW:오타bottom */
.bottom-button-wrapper {width:100%; text-align:center; margin-top:20px;}

.top-group-info {width:100%;position:absolute;bottom:10px;z-index:999;}
	.top-group-info .group-name-wrapper {width:100%;color:#fff;font-size:22px;position:absolute;bottom:0px;text-align:center;}
/***************************************** admin *****************************************/

.top-title {padding:7px;font-size:23px;margin:10px;color:black;text-align:center;font-weight:bold;}
.top-title img.group-icon {width:45px;height:45px;vertical-align:middle;}

ul.admin {margin-top:0px;}
ul.admin img.flip {-ms-transform: rotate(180deg)/* IE 9 */; -webkit-transform: rotate(180deg)/* Chrome, Safari, Opera */; transform: rotate(180deg);}
li.admin-wrapper {margin:0px 0px;padding:5px 20px 5px 40px;font-size:14px;overflow:hidden;position:relative;line-height:40px;
	border-bottom:1px solid #eaeaea;background-color:white
	
}
	li.admin-wrapper img.admin-icon {width:30px;height:30px;vertical-align:middle;position:absolute;top:10px;left:5px;}
	li.admin-wrapper img.more-menu {width:30px;height:30px;vertical-align:middle;position:absolute;top:10px;right:3px;}
	

/***************************************** member *****************************************/
ul.member a,
ul.member a:visited {color:inherit;}

ul.member {padding:0 10px;margin-bottom:15px;}
	ul.member li {width:100%;height:50px;margin:5px 0;}
	ul.member li a {width:100%;height:50px;}
	ul.member li .pf-pic {width:50px;height:50px;float:left;}
	ul.member .name-wrapper {padding:5px 10px;margin-top:12px;float:left;font-weight:bold;color:#222325;font-size:13px;}
	ul.member .occup {margin-left:5px;}
	ul.member .btn-personal {font-size:12px;float:right;margin-top:13px;margin-right:5px;margin-right:10px;background-color:#74AAF7;color:#fff}
	
	ul.member .btn-select {font-size:12px;float:right;margin-top:13px;margin-right:5px;margin-right:10px;background-color:#fff;border:1px solid #A1A1A1;color:#222325}
	ul.member .btn-select.selected {background-color:#ff7E00;border:1px solid #ff7E00;color:#fff}
	ul.member img.home {width:30px;float:right;margin:10px 10px 0 0;} 
	
.select-option {height:35px;font-size:12px;padding:0 10px;}
	
/*ul.member div.icon-email {background-position:center center;background-repeat:no-repeat;background-image:url('../img/email.png');background-size:contain;width:15px;height:15px;display:inline-block;margin:-5px 5px -3px -5px;}
*/

/***************************************** invite *****************************************/
ul.invite a,
ul.invite a:visited {color:inherit;}

ul.invite {background-color:white; padding-top:20px;padding-bottom:20px}
ul.invite .box {width:80%;margin:auto;height:100px;border-radius:70px;padding:4px;background-color:#fafafa;border:1px solid #ebebeb;}
ul.invite .box li {float:left;width:40%;}
ul.invite .box li  .img {width:70px;height:70px;margin-top:15px;margin-left:20px}
ul.invite .box li2 {float:left;width:60%;}
ul.invite .box li2  .title {font-size:20px;margin-top:20px}
ul.invite .box li2  .subtitle {font-size:12px;color:#676767;margin-top:5px}
ul.invite .box li2  .subtitle .span {font-size:12px;color:#0000ff;font-weight:bold}


ul.invite_menu {border-top:1px solid #ddd;border-bottom:1px solid #ddd;  background-color:white;}
ul.invite_menu li {float:left;width:50%;text-align:center;border-bottom:1px solid #ddd;}
ul.invite_menu li .box2 {padding:3px 8px;position:relative;background-color:#fff;}
ul.invite_menu li .box2 .imgbox {padding:10px;text-align:center; display: block; margin:0 auto;}
ul.invite_menu li .box2 .imgbox .img {width:50px;height:50px;}
ul.invite_menu li .box2 .imgbox .text {font-size:12px;margin-top:50px}

ul.make_menu {border-top:1px solid #ddd;border-bottom:1px solid #ddd;  background-color:white;min-height:200px}
ul.make_menu li {float:left;width:100%;text-align:center;border-bottom:1px solid #ddd;}
ul.make_menu li .box2 {padding:20px 20px;background-color:#fff;min-height:200px}
ul.make_menu .select-style {
	display: inline-block;
    border: 1px solid #ccc;
    width: 70px;
    height: 35px;
    border-radius: 3px;
    overflow: hidden;
    font-siez: 10px;
}

ul.make_menu .select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

ul.make_menu .select-style select:focus {
    outline: none;
}


/***************************************** memberinvite *****************************************/
ul.memberinvite a,
ul.memberinvite a:visited {color:inherit;}

div.memberinvite {background-color:white; min-height:500px}
div.memberinvite {background-color:#fff;}
div.memberinvite .box {padding:10px 5px;text-align:center;border-bottom:1px solid #ddd;height:55px}
div.memberinvite .box .img { float:left; width:20px;height:20px; margin-top:5px ; margin-left:10px}
div.memberinvite .box .searchBox {
  display: block;
  margin-left: 10px;
  font-family: sans-serif;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border:0px;
  float:left;
}
div.memberinvite .box .submit {
  float:right;  width:55px;  height:30px;  font-size:15px; padding:5px 7px 5px 7px; margin-right:5px;
  
}
div.memberinvite .group {padding-left:20px;height:50px;border-bottom:1px solid #ddd;line-height:50px;position:relative;}
div.memberinvite .group-list li {line-height:40px;height:40px;padding-left:25px;border-bottom:1px solid #ddd;background-color:#f5f5f5;}
div.memberinvite .content textarea {border:0px;padding:20px;height:100px;width:100%;}
div.memberinvite .attach {height:45px;background-color:#ddd;padding-left:20px;}
div.memberinvite .removeReceiver {background-color:#1f8dd6;-webkit-border-radius:10px;color:#fff;padding:2px 5px;}
div.memberinvite .selectGroupToggle {position:absolute;margin-top:-25px;right:10px;}
div.memberinvite input.search {float:right; width:120px;height:37px;padding:5px;font-size:14px;}
div.memberinvite ul.member {padding:3px 8px;position:relative;}
div.memberinvite ul.member li {padding-left:8px;padding-top:3px}
div.memberinvite ul.member li .pf-pic {overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;width:40px;height:40px;border-radius:9px;margin-left:5px;}
div.memberinvite ul.member li .body {padding-left:40px;float:left;}
div.memberinvite ul.member li .body .name{font-size:15px;font-weigt:bold;float:left;}
div.memberinvite ul.member li .body .depart{height:15px;font-size:12px;color:#676767; margin-bottom:5px;margin-left:5px; margin-top:3px;width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
div.memberinvite ul.member li .body .email{font-size:12px;color:#676767; margin-left:5px;float:left;}
div.memberinvite ul.member li .body .usernumber{font-size:12px;color:#676767; margin-left:5px;float:left;}

div.memberinvite ul.member li .more {position:absolute;top:10px;right:15px;font-size:14px;margin-left:5px}


/***************************************** adminmember *****************************************/
ul.adminmember {background-color:#fff;border-top:1px solid #ddd;}
ul.adminmember li {padding:3px 8px;position:relative;min-height:47px;border-bottom:1px solid #ddd;}
ul.adminmember li .pf-pic {width:35px;height:35px;float:left;border-radius:9px; margin-top:7px}
ul.adminmember li .body {line-height:145%;padding-left:10px;float:left;margin-top:3px}
ul.adminmember li .body .name{font-size:15px;font-weigt:bold;float:left}
ul.adminmember li .body .email{font-size:12px;float:left;color:#676767}
ul.adminmember li .body .phone{font-size:13px;color:#676767}

ul.adminmember li .more {float:right;margin-top:10px}

ul.adminmember .article-detailinfo {position:relative;line-height:145%;min-height:10px;padding-left:35px;font-size:12px;color:#676767}

.admin-search {text-align:left;margin:10px 10px;position:relative;text-align:center;}
	.admin-search div.btn-search {
		position:absolute;top:0px;right:0px;width:50px;height:50px;
		}
	.admin-search button.all,
	.admin-search button.all.selected {background-color:#4DC1EA;color:#fff;}
	
	.admin-search button.search {padding:3px 10px;}
	.admin-search input.search {width:150px;margin-right:5px;padding:5px;font-size:12px;}	
	
	
/***************************************** preference *****************************************/
ul.pref {border-top:1px solid #ddd;background-color:#fff;}
	ul.pref li {border-bottom:1px solid #ddd;padding:13px 20px;}
	ul.pref a,
	ul.pref a:visited {font-size:14px;color:#63676f;}
	
/* preference */
ul.pref div.icon-userinfo {background-image:url('../img/icon-user-gray.png');}
ul.pref div.icon-info {background-image:url('../img/icon-info.png');}
ul.pref div.icon-password {background-image:url('../img/icon-rock.png');}
ul.pref div.icon-doc-policy {background-image:url('../img/icon-doc.png');}
ul.pref div.icon-logout {background-image:url('../img/icon-logout.png');}
ul.pref div.icon-userinfo,
ul.pref div.icon-password,
ul.pref div.icon-info,
ul.pref div.icon-logout,
ul.pref div.icon-doc-privacy,
ul.pref div.icon-doc-policy
{background-position:center center;background-repeat:no-repeat;background-size:contain;width:35px;height:35px;display:inline-block;margin:-15px 10px -12px -5px;}

.pref li i.material-icons.pref {
    vertical-align: middle;
    color: #ccc;
    font-size: 35px;
    width:50px;
}
.pref li i.material-icons.more {
    float: right;
    font-size: 38px;
    margin-right: -20px;
    color: #cbcbcb;
}

/***************************************** preference photo *****************************************/
div.preference-sub {background-color:#fff;}
	div.preference-sub .upload-pannel {padding:20px 20px;/*background-color:#fff;*/}
	div.preference-sub .upload-pannel .photo {max-width:260px;max-height:150px;min-height:150px;display:block;margin:0 auto;}
	div.preference-sub button {margin:10px 0}


/***************************************** data *****************************************/
ul.data {background-color:#fff;border-top:1px solid #ddd;}
ul.data li {padding:6px 8px;position:relative;min-height:24px;border-bottom:1px solid #ddd;}
	ul.data .title {line-height:145%;font-size:16px;padding-left:35px;}
		ul.data .title .ellipsis {text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden;}

	ul.data .article-detailinfo {position:relative;line-height:145%;min-height:10px;padding-left:35px;font-size:12px;color:#676767}

.data-search {text-align:left;margin:10px 10px;position:relative;text-align:center;}
	.data-search div.btn-search {
		position:absolute;top:0px;right:0px;width:50px;height:50px;
		}
	.data-search div.icon-search {
		/*image:*/background-position:center center;background-repeat:no-repeat;background-image:url('../img/icon-search.png');background-size:contain;width:20px;height:20px;display:inline-block;
		/*position:*/vertical-align:middle;
		}
	.data-search .total-text {font-size:12px;margin:5px 0;}
			
	.data-search div.btn-search img {width:20px;}
	.data-search button.all,
	.data-search button.public,
	.data-search button.group,
	.data-search button.personal,
	.data-search button.view-search {padding:3px 8px;font-size:20px;background-color:#fff;color:rgb(111,111,111);}
	.data-search button.all.selected {background-color:#FA6E52;color:#fff;}
	.data-search button.public.selected {background-color:#A0D468;color:#fff;}
	.data-search button.group.selected {background-color:#4DC1EA;color:#fff;}
	.data-search button.personal.selected {background-color:#AC92ED;color:#fff;}
	
.data-search .search-result-txt {text-align:center;font-size:14px;}
.data-search button.search {padding:3px 10px;}
.data-search input.search {width:150px;margin-right:5px;padding:5px;font-size:12px;}


/** file type glyphicon
 *  usage: <i class="filetype-text"><span>pdf</span></i>
 *  filetype-[id]
 *  id:text,audio,video,image,pagelayout,spreadsheet,compressed,developer, pdf(확장자지정)
 */
i.filetype {background-image:url('../img/filetypes.png');display:inline-block;background-size:350px;width:30px;height:42px;background-repeat:no-repeat;opacity:0.7;}
i.filetype span {display:none;}
i.filetype.misc {background-position:-24px -50px;}
i.filetype.text {background-position:-24px -95px;}
i.filetype.audio {background-position:-295px -149px;}
i.filetype.video {background-position:-295px -256px;}
i.filetype.image {background-position:-101px -95px;}
i.filetype.pagelayout {background-position:-256px -95px;} /*presentation*/
i.filetype.spreadsheet {background-position:-178px -95px;}
i.filetype.compressed {background-position:-294px -95px;}
i.filetype.developer {background-position:-24px -149px;}
i.filetype.pdf {background-position:-140px -95px;}
i.filetype.folder { background-position:-24px -256px;}

i.filetype {position:absolute;top:12px;left:3px;}




/***************************************** data content *****************************************/

.file-content .file-download {text-align:center;margin:10px 0;}
.file-content .name,
.file-content .title
 {padding-left:45px;}
.file-content .name {font-size:11px;color:#acb0b8;padding-top:8px;}
.file-content .title {font-size:20px;}
.file-content .content {margin-top:10px;}
	.file-content .content .text {line-height:22px;word-break:break-all;overflow:hidden;margin-left: 4px;margin-right: 4px;font-size:14px;}
.file-content .footer {padding:5px 0 15px 0;text-align:center;}
.file-content button.point,
.file-content button.share {background-color:#fff;font-size:14px;margin-left:5px;padding:2px 6px;}
.file-content button.btn-file {padding:20px;font-size:18px;background-color:#74AAF7;color:#fff;}
.file-content img.btn-star {width:17px;vertical-align:sub;}
.file-content .sub-page {width:100%;margin:0 auto;padding:5px;background-color:rgba(0, 0, 255, 0.05);border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.file-content .sub-page input,
.file-content .sub-page select,
.file-content .sub-page textarea {width:100%;}
.file-content .sub-page button[type="submit"] {float:right;}
.file-content .file-info {width:200px;text-align:center;display:table;margin:0 auto;}
.file-content .point-wrapper {display:table-cell;vertical-align:middle;font-size:14px;margin-top:5px;height:30px;width:200px;color:#494949;}
.file-content img.star-small {width:20px;}
.file-content img.set-star {width:50px;}
.file-content .download-text {margin-bottom:5px;}
.file-content .sub-page.point {height:150px;margin:5px 0;text-align:center;}
.file-content .point-text {margin:10px 0;color:#242424;}
.file-content button.set-point {margin:10px 0;}
.file-content img.filedown {width:15px;margin:0 5px;}


	
/***************************************** write *****************************************/

.bar-header-write {background-color:#1f8dd6;width:100%;height:44px;line-height:44px;font-size:18px;color:#fff;position:relative;}
.bar-header-write a,
.bar-header-write a:visited {color:#fff;}
.bar-header-write .title {width:200px;text-align:center;margin:0 auto;}
.bar-header-write .cancel {width:50px;text-align:center;position:absolute;top:0;left:0;}
.bar-header-write .send {width:70px;text-align:center;position:absolute;top:0;right:0;}
.bar-header-write .add {position:absolute;right: 10px;}

div.write {background-color:#fff;}
div.write .group {padding:10px 10px 10px 20px;/* height:50px; */border-bottom:1px solid #ddd;/* line-height:50px; */position:relative;}
div.write .group-list li {padding:10px 10px 10px 20px;border-bottom:1px solid #ddd;background-color:#f5f5f5;}
div.write .content textarea {border:0px;padding:20px;height:150px;width:100%;}
div.write .content_down textarea {border:0px;padding:20px;height:250px;width:100%;}
div.write .attach {height:45px;background-color:#f9f9f9;padding-left:20px;border-top:1px solid #d6d6d6;}

div.write .group div.icon-dropdown {background-position:center center;background-repeat:no-repeat;background-size:contain;width:17px;height:17px;display:inline-block;position:absolute;top:16px;right:15px;}
	div.write .group div.icon-dropdown.up {background-image:url('../img/icon-up.png');}
	div.write .group div.icon-dropdown.down {background-image:url('../img/icon-down.png');}

div.write .group-list div.icon-checked {background-position:center center;background-repeat:no-repeat;background-image:url('../img/icon-checked.png');background-size:contain;width:25px;height:25px;display:inline-block;margin:-9px 15px -8px;}

div.write div.icon-video,
div.write div.icon-file,
div.write div.icon-filesub,
div.write div.icon-picture,
div.write div.icon-emot {background-position:center center;background-repeat:no-repeat;background-size:contain;width:30px;height:25px;display:inline-block;margin-top:10px;margin-right:15px;opacity: 0.5;z-index:10;}
	div.write div.icon-video {background-image:url('../img/icon-video.png');}
	div.write div.icon-file {background-image:url('../img/icon-file.png');}
	div.write div.icon-filesub {background-image:url('../img/icon-file.png');margin-top:0px;margin-left:0px;margin-right:2px;}
	div.write div.icon-picture {background-image:url('../img/icon-picture.png');}
	div.write div.icon-emot {background-image:url('../img/icon-emot.png');}
	div.write div.mail-chkbox {float:right;margin:13px;}
	div.write div.icon-mail {float:right;margin:13px;}
	

div.write ul.upload-picture {overflow-x:scroll;width:100%;white-space:nowrap;padding:7px;border-top:1px solid #ddd;font-size:0;}
div.write ul.upload-picture li {display:inline-block;padding:0;margin:7px;vertical-align:bottom;
										box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
div.write ul.upload-picture li img {height:70px;min-width:40px;max-width:130px;}
div.write ul.upload-picture li .append {height:70px;width:70px;box-sizing:border-box;border:1px dashed #b5b5b5;color:#b5b5b5;line-height:25px;cursor:pointer;padding-top:5px;}
div.write ul.upload-picture li .append .plus {font-size:42px;text-align:center;margin-top:10px;}
div.write ul.upload-picture li .append .text {font-size:14px;text-align:center;}

div.write ul.data-title {height:30px;background-color:#f9f9f9;padding-left:10px;padding-top:5px;border-top:1px solid #d6d6d6;font-size:12px;};
div.write ul.upload-file {overflow-x:scroll;width:100%;white-space:nowrap;padding:7px;border-top:1px solid #ddd;font-size:0;}
div.write ul.upload-file li {width:100%;padding:0;margin:0px;}
div.write ul.upload-file li img {height:70px;min-width:40px;max-width:130px;}
div.write ul.upload-file li .append_info {height:30px;width:100%;box-sizing:border-box;border:1px #b5b5b5;color:#b5b5b5;line-height:25px;cursor:pointer;}
div.write ul.upload-file li .append_info .plus {font-size:42px;text-align:center;margin-top:10px;}
div.write ul.upload-file li .append_info .text {font-size:14px;margin-left:10px}
div.write ul.upload-file li .append_info .text .iconx {background-image:url('../img/icon-x.png');background-size:cover;width:16px;height:16px;float:right;margin-top:4px;margin-right:4px}

/* 글쓰기 사진 미리보기 테두리 불투명: 이미지전체크기에 테두리 */
/* usage:
<div class="gallery-wrapper">
	<div class="frame"></div>
	<img src="http://www.linchub.kr/data/67/image/ori_p_2014111418284773.png" style="height:100px;">
</div>
*/

div.write .gallery-wrapper {border:0;display:inline-block;position:relative;font-size:0;}
div.write .gallery-wrapper .frame {position:absolute;border:1px solid rgba(0,0,0,.1);bottom:0;left:0;right:0;top:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
div.write .gallery-wrapper div.icon-x {background-image:url('../img/icon-x.png');background-position:center center;background-size:cover;width:20px;height:20px;
										position:absolute;top:-5px;left:-5px;z-index:300;
										}
div.write .gallery-wrapper div.photo-loading {width:70px;height:70px;background-image:url(../img/loading-fff.gif);background-size:35px;background-position:center center;background-repeat:no-repeat;}

div.write .upload-video {height:100px;border-top:1px solid #ddd;}
div.write .emot-layer {background-color:rgba(0, 0, 0, 0.03);border-bottom:1px solid #ddd;}
div.write .emot-layer img {width:30px;margin:10px;}


/***************************************** note *****************************************/
.note {}
.note ul {border-top:1px solid #ddd;margin:20px 0;background-color:#fff;}
.note ul li {border-bottom:1px solid #ddd;padding:18px 20px;}
.note ul li.unread-bg-color {background-color:rgb(243,243,255);}
.note ul li div.tome,
.note-view .tome {background-position:center center;background-repeat:no-repeat;background-image:url('../img/leftarray.png');background-size:contain;width:11px;height:11px;display:inline-block;}
.note ul li div.nottome, 
.note-view .nottome {background-position:center center;background-repeat:no-repeat;background-image:url('../img/rightarray.png');background-size:contain;width:11px;height:11px;display:inline-block;}
.note span.type-btn {background-color:#fff;}
.note span.type-btn.selected {background-color:#A0D458;color:#fff;}
.note .removeReceiver {background-color:#1f8dd6;-webkit-border-radius:10px;color:#fff;padding:2px 5px;}
.note .selectGroupToggle {position:absolute;margin-top:-25px;right:10px;}
.note input.search {float:right; width:120px;height:37px;padding:5px;font-size:14px;}

/***************************************** attend *****************************************/
ul.attendHistory {border-top:1px solid #ddd;margin:0;background-color:#fff;}
ul.attendHistory li {border-bottom:1px solid #ddd;padding:18px 20px;}
ul.attendHistory a,
ul.attendHistory a:visited {font-size:14px;color:#63676f;}

ul.attendHistory div.icon-doc-policy {background-image:url('../img/icon-doc.png');}
ul.attendHistory div.icon-doc-policy
{background-position:center center;background-repeat:no-repeat;background-size:contain;width:35px;height:35px;display:inline-block;margin:-15px 10px -12px -5px;}

div.attend-new {background-color:#fff;padding:20px;}

div.attend-status ul.book {border-top:1px solid #ddd;margin:0;background-color:#fff;font-size:18px;}
div.attend-status ul.book li {border-bottom:1px solid #ddd;position:relative;line-height:55px;padding-left:60px;}
div.attend-status ul.book li.normal-height {height:55px;}
div.attend-status ul.book li.high-height {height:110px;}
div.attend-status a.pure-button,
div.attend-status a.pure-button:visited {font-size:14px;}
div.attend-status ul.book .config-pannel {text-align:right;position:absolute;bottom:0;left:0;width:100%;background-color:#eee;border-top:1px solid #ddd;padding-right:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

div.attend-status ul.answer {border-top:1px solid #ddd;margin:0;background-color:#fff;font-size:18px;}
div.attend-status ul.answer li {border-bottom:1px solid #ddd;position:relative;padding:10px 50px 10px 10px;}
	
div.attend-status ul.photo {font-size:0px;}
div.attend-status ul.photo div {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

div.attend-status .pf-pic {width:40px;height:40px;border-radius:30px;position:absolute;top:7px;left:10px;}
div.attend-status a.incurrect,
div.attend-status a.config {background-color:#fff;border:1px solid #ddd;padding:5px 10px;}
div.attend-status a.incurrect {color:#ddd;}
div.attend-status a.currect {background-color:#008FCD;border:1px solid #008FCD;padding:5px 10px;color:#fff;}
div.attend-status a.attendblank,
div.attend-status a.absence,
div.attend-status a.late,
div.attend-status a.gonggyeol,
div.attend-status a.attendblank { background-color: #fff; }
div.attend-status a.attend {color:#fff;padding:6px 10px;}
div.attend-status a.absence {background-color:#E74C3C;}/*결석*/
div.attend-status a.late {background-color:#F1C40F;}/*지각*/
div.attend-status a.gonggyeol {background-color:#1ABC9C;}/*공결*/
div.attend-status a.attend {background-color:#2ECC71;}/*출석*/
div.attend-status a.selected {font-weight:bold;}
div.attend-status ul.user-history {border-top:1px solid #ddd;margin:0;background-color:#fff;font-size:18px;}
div.attend-status ul.user-history li {border-bottom:1px solid #ddd;position:relative;padding:13px 10px;}
div.attend-status ul.user-history li.normal-height {height:55px;}
div.attend-status ul.user-history li.high-height {height:110px;}
div.attend-status ul.user-history .balloon {background-color:#F7F7F7;border-radius:5px;margin:5px;padding:5px;word-wrap:break-word;}
div.attend-status a.disabled {opacity: 0.1;}

.curation span.type-btn {background-color:#fff;}
.curation span.type-btn.selected {background-color:#A0D458;color:#fff;}
.curation ul.article .title .ellipsis {text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden;margin-top:10px;}


/***************************************** calendar *****************************************/
ul.calendar {background-color:#f9f9f9;border-top:1px solid #ddd;}
ul.calendar .month {line-height:145%;font-size:16px;}
ul.calendar .month .name {font-size:12px;color:#242424;padding-top:8px;margin-left:15px;}

ul.calendar li {position:relative;min-height:70px;background-color:#fff;border-top:1px solid #ddd;}
	ul.calendar .day {width:45px;text-align:center;float:left;margin-top:10px;}
	ul.calendar .day .day_info {font-size:18px;color:#008FCD;padding-top:8px;margin-left:15px;margin-right:10px;font-weight:bold;}
	ul.calendar .day .week_info {font-size:11px;color:#b5b5b5;padding-top:8px;margin-left:5px;}
	
	ul.calendar .content {min-width:260px;text-align:left;float:left;width:260px;}
	ul.calendar .content .subject { width:180px; margin-left:15px; margin-top:5px;}
	ul.calendar .content .subject .text {font-size:12px;color:#000000;padding-top:8px;margin-left:0px;margin-right:10px;}
	ul.calendar .content .date { text-algin:left ; width:180px; margin-top:5px;}
	ul.calendar .content .date .text1 {font-size:11px;color:#919191;padding-left:15px;width:80%;position:absolute;left:45px;top:32px;float:left;}
	ul.calendar .content .date .text1 .startday {float:left; }
	ul.calendar .content .date .text1 .starttime {float:left;margin-left:5px;}
	
	
	ul.calendar .content .date .text2 {font-size:11px;color:#919191;padding-left:15px;position:absolute;left:45px;top:47px;}
	
	ul.calendar .list1 {position:relative;min-height:60px;background-color:#fff;border-top:1px solid #ddd;};
	ul.calendar .list2 {position:relative;min-height:70px;background-color:#fff;border-top:1px solid #ddd;};

ul.calendar-new {border:1px solid #ddd;font-size:16px;min-height:30px;}
ul.calendar-new li {position:relative;min-height:50px;background-color:#f9f9f9;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-top:-1px;padding:10px 20px 10px 20px;}

.calendar_popup-layer {position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;display:table;}
.calendar_popup-layer div {display:table-cell;vertical-align:middle;}
.calendar_popup-layer div ul {margin:0 auto;width:270px;background-color:#fff;padding:10px 0;border-radius:5px;max-height:250px;overflow-y: scroll;}
.calendar_popup-layer div ul li {padding: 10px 10px;text-align:center;margin:0px !important;}
.calendar_popup-layer .back {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.5;z-index:-100;}

ul.calendar_content li {margin: 0px 0px;padding:0px 8px 0 8px; height:70px;}
ul.calendar_content li .pf-pic {width:36px;height:36px;border-radius:50px; background-color:#cccccc;}
ul.calendar_content li div.pf-bg { width: 40px;	height: 40px; border-radius: 50px; position: absolute; top: 58px; left: 12px; }
ul.calendar_content li .pf .pf-name {width:36px;height:36px;position: absolute; top: 58px; left: 70px;}
ul.calendar_content li .pf .pf-week {width:170x;height:36px;position: absolute; top: 80px; left: 70px; text-algin:left; font-size:12px;color:#cccccc ;}
	
ul.calendar_box li {margin-top:-3px;padding:8px 8px 8px 8px; height:180px;border-top:0px solid;}
ul.calendar_box li div.box{border:1px solid #b5b5b5;height:90px;}
ul.calendar_box li div.box .icon { width: 50px; margin-top:15px; margin-left:5px; padding: 10px 0px; border-radius: 50%; text-align: center; color: #008080; }
ul.calendar_box li div.box .icon i { font-size: 30px; }
ul.calendar_box li div.box .title {height:36px;position: absolute; top: 130px; left: 70px;}
ul.calendar_box li div.box .start_day {width:70x;height:36px;position: absolute; top: 160px; left: 70px; text-algin:left; font-size:12px;color:#666 ;}
ul.calendar_box li div.box .end_day {width:70x;height:36px;position: absolute; top: 180px; left: 70px; text-algin:left; font-size:12px;color:#666 ;}

ul.calendar_box li div.calendar_box {height:25px;color:#666 ;margin:20px 20px 0px 20px;border-bottom:1px solid #cccccc;font-size:12px;}

/***************************************** bookmark *****************************************/
ul.bookmark {background-color:#fff;border-top:1px solid #ddd;}
ul.bookmark li {padding:6px 8px;position:relative;min-height:24px;border-bottom:1px solid #ddd;}
	ul.bookmark .title {line-height:145%;font-size:16px;padding-left:35px;}
		ul.bookmark .title .ellipsis {text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden;}

	ul.bookmark .article-detailinfo {position:relative;line-height:145%;min-height:10px;padding-left:35px;font-size:12px;color:#676767}

.bookmark-search {text-align:left;margin:10px 10px;position:relative;text-align:center;}
	.bookmark-search div.btn-search {
		position:absolute;top:0px;right:0px;width:50px;height:50px;
		}
	.bookmark-search div.icon-search {
		/*image:*/background-position:center center;background-repeat:no-repeat;background-image:url('../img/icon-search.png');background-size:contain;width:20px;height:20px;display:inline-block;
		/*position:*/vertical-align:middle;
		}
	.bookmark-search .total-text {font-size:12px;margin:5px 0;}
			
	.bookmark-search div.btn-search img {width:20px;}
	.bookmark-search button.all,
	.bookmark-search button.public,
	.bookmark-search button.group,
	.bookmark-search button.personal,
	.bookmark-search button.view-search {padding:3px 8px;font-size:20px;background-color:#fff;color:rgb(111,111,111);}
	.bookmark-search button.all.selected {background-color:#FA6E52;color:#fff;}
	.bookmark-search button.public.selected {background-color:#A0D468;color:#fff;}
	.bookmark-search button.group.selected {background-color:#4DC1EA;color:#fff;}
	.bookmark-search button.personal.selected {background-color:#AC92ED;color:#fff;}
	
.bookmark-search .search-result-txt {text-align:center;font-size:14px;}
.bookmark-search button.search {padding:3px 10px;}
.bookmark-search input.search {width:150px;margin-right:5px;padding:5px;font-size:12px;}

/***************************************** notice *****************************************/
ul.notice {border-top:1px solid #ddd;background-color:#fff;}
	ul.notice li {border-bottom:1px solid #ddd;padding:13px 20px;}
		ul.notice li div.user_info {color:#acb0b8;font-size:12px;margin-top:5px;}
	ul.notice a,
	ul.notice a:visited {font-size:14px;color:#63676f;}
	
.notice li i.material-icons.more {
    float: right;
    font-size: 38px;
    margin-right: -20px;
    color: #cbcbcb;
    position: absolute;
    right: 20px;
    top: 25px;
}

.notice-content .file-download {text-align:center;margin:10px 0;}
.notice-content .name,
.notice-content .title
.notice-content .name {font-size:11px;color:#acb0b8;padding-top:8px;}
.notice-content .title {font-size:20px;}
.notice-content .read_member {font-size:12px;color:#ac81b8;padding-top:8px;}
.notice-content .content {margin-top:10px;}
	.notice-content .content .text {line-height:22px;word-break:break-all;overflow:hidden;margin-left: 4px;margin-right: 4px;font-size:14px;}
.notice-content button.btn-file {padding:20px;font-size:18px;background-color:#74AAF7;color:#fff;}
.notice-content .download-text {margin-bottom:5px;}
.notice-content img.filedown {width:15px;margin:0 5px;}

.notice-content div i.material-icons.more {
    float: right;
    font-size: 38px;
    margin-right: -20px;
    color: #cbcbcb;
    position: absolute;
    right: 20px;
    top: 45px;
}

.noticeMember span.type-btn {background-color:#fff;}
.noticeMember span.type-btn.selected {background-color:#A0D458;color:#fff;}

.content .write-time {font-size:12px;margin-top:-18px; float:right; right: 15px; margin-right: 5px; color:#acb0b8;}
/***************************************** notice end *****************************************/
	
.tc-container {
  margin-top:-10px;
  margin-bottom:-1px;
  width: 100%;
  background-color:white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .tc-container .tc-header {
    text-align:center;
    padding-top:5px;
    padding-left:5px;
    line-height: 2em;
    font-size: 1em;
    height: 2em;
    position: relative; }
    
    .tc-container .tc-header button {
        cursor: pointer;
        background-color: transparent;
        border: 0;
        outline: 0;
        font-size: 1.3em;
        line-height: 0.8em; }
      .tc-container .tc-header button:hover {
          color: #009688; }
    
    .tc-container .tc-header .tc-navigation {
      margin-top:5px;
      margin-right:5px;
      position: absolute;
      top: 0;
      right: 0; }
      .tc-container .tc-header .tc-navigation button {
        cursor: pointer;
        background-color: transparent;
        border: 0;
        outline: 0;
        font-size: 0.8em;
        line-height: 0.8em; }
        .tc-container .tc-header .tc-navigation button:hover {
          color: #009688; }
  .tc-container .tc-days-name .tc-day-name {
    width: 14.2857142857%;
    display: inline-block;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 5px 0;
    font-size: small;
    border-top: 1px solid #ccc; }
  .tc-container .tc-days {
    border: 1px solid #ccc;
    border-width: 1px 0; }
    .tc-container .tc-days .tc-day {
      width: 14.2857142857%;
      display: inline-block;
      height: 2em;
      line-height: 2em;
      text-align: center;
      cursor: pointer; }
      .tc-container .tc-days .tc-day:hover {
        background-color: rgba(0, 150, 136, 0.1); }
      .tc-container .tc-days .tc-day.differentMonth {
        color: #aaa; }
      .tc-container .tc-days .tc-day.today {
        color: #009688;
        }
      .tc-container .tc-days .tc-day.CurrentDay {
        color: #ffffff;
        background-color: #84c1c1; 
      }
          
      .tc-container .tc-days .tc-day.event {
       text-decoration:underline;
       }  
      .
      .tc-container .tc-days .tc-day.selected {
        background-color: #009688;
        color: #fff;
        outline: none; }
  .tc-container .tc-focus ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%; }
    .tc-container .tc-focus ul li {
      padding: 5px 0;
      font-size: small;
      border-bottom: 1px solid #ccc; }
 .tc-container .tc-focus ul li span {
        padding: 8px 10px; }
 .tc-container .tc-focus ul li span.tc-time {
          display: inline-block;
          text-align: right;
          border-right: 2px solid #009688;
          font-size: smaller;
          width: 65px; }
          
 .ng-datepicker {
	position: absolute;
	z-index: 9999;
	width: 250px;
	background: #fff; 
	font-size: 12px; 
	color: #565a5c; 
	display: inline-block; 
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	margin: 0;
	padding: 0;
}

.ng-datepicker > .controls {
	width: 250px;
	display: inline-block;
	padding: 5px 0 0 0;
}

.ng-datepicker > .controls i {
	font-size: 25px;
	cursor: pointer;
}

.ng-datepicker > .controls > .left {
	width: 35px;
	display: inline-block;
	float: left;
	margin: 5px 0 0 3px;
}

.ng-datepicker > .controls > .left > i.prev-year-btn {
	float: left;
	display: block;
	font-size: 14px;
	opacity: 0.4;
}

.ng-datepicker > .controls > .left > i.prev-month-btn {
	float: left;
	margin: -5px 0 0 9px;
	display: block;
}

.ng-datepicker > .controls > span.date {
	width: 170px;
	text-align: center;
	font-size: 14px;
	color: #565a5c;
	font-weight: bold;
	float: left; 
	padding: 3px 0 0 0;
}

.ng-datepicker > .controls > .right {
	width: 35px;
	display: inline-block;
	float: right;
	margin: 5px 0 0 0;
}

.ng-datepicker > .controls > .right > i.next-year-btn {
	float: left;
	display: block;
	font-size: 14px;
	opacity: 0.4;
}

.ng-datepicker > .controls > .right > i.next-month-btn {
	float: left;
	margin: -6px 9px 0 0;
}

.ng-datepicker > .day-names {
	width: 250px;
	border-bottom: 1px solid #c4c4c4;
	display: inline-block;
}
.ng-datepicker > .day-names > span {
	width: 35.7px;
	text-align: center;
	color: #82888a;
	float: left;
	display: block;
}
.ng-datepicker > .calendar {
	width: 255px;
	display: inline-block;
	margin: -3px 0 -4px -1px;
	padding: 0;
}
.ng-datepicker > .calendar > span > span.day {
	width: 35px;
	height: 35px;
	border-left: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	float: left;
	display: block;
	color: #565a5c;
	text-align: center;
	font-weight: bold;
	line-height: 35px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	cursor: pointer;
}
.ng-datepicker > .calendar > span:last-child > span.day {
	border-right: 1px solid #c4c4c4;
}
.ng-datepicker > .calendar > span > span.day.disabled {
	border-left: 1px solid transparent;
	cursor: default;
	pointer-events: none;
}
.ng-datepicker > .calendar > span > span.day:hover {
	background: #ff5c5b;
	color: #fff;
}    


.boardItem {
  border-color: #ddd;
  background-color: #fff;
  color: #444;
  position: relative;
  z-index: 2;
  display: block;
  margin: -1px;
  padding: 8px;
  border-width: 1px;
  border-style: solid;
  font-size: 14px; }

.noticeSpan {
  font-weight:bold;
  margin-right:5px;
  font-size:16px;
}

.newIcon  {
  width:30px;
  height:15px;
  display:inline-block;
  margin:3px 4px 0 0 ;
  vertical-align: top;
}

.home .open-tag {font-size:10px;background-color:#EB8D8D;color:#fff; border: 1px solid #EB8D8D;margin:0 5px;padding:1px 5px;vertical-align:text-top;}