@charset "UTF-8";

/* timeline_write_simple */
.timeline_write_simple {  }
.timeline_write_simple .write_wrap .tools   { position:absolute; margin-left:10px; margin-top:10px; }
.timeline_write_simple .write_wrap .tools i { display:block; width:45px; text-align:center; font-size:20px; color:#666; padding-top:5px; cursor:pointer }
.timeline_write_simple .write_wrap textarea { width:calc(100% - 105px); height:100px; margin:0px; padding:20px 10px 20px 70px; border:1px solid #dddddd; resize:none }
.timeline_write_simple .write_wrap button   { float:right; width:100px; height:100px; }
.timeline_write_simple .file_wrap { display:none; width:calc(100% - 105px); height:40px; background-color:#efefef; padding:3px; }

@media screen and (max-width: 768px) {
	.timeline_write_simple .write_wrap textarea { width:100%; }
	.timeline_write_simple .write_wrap button   { float:none; width:100%; height:auto; }
	.timeline_write_simple .file_wrap { width:100%; }	
}

/* 타임라인 리스트 */
.timeline_list_wrap { margin-top:80px; font-size:14px; color:#333 }
ul.timeline_list { border-top:2px solid #000; margin-top:10px; padding-bottom:50px }
ul.timeline_list li { margin-top:40px;  }
ul.timeline_list li.empty { text-align:center; color:#999; } 
ul.timeline_list li .after_time { clear:right; padding-bottom:20px }
ul.timeline_list li .after_time img  { vertical-align:top; }
ul.timeline_list li .after_time span { padding-left:10px; padding-top:5px; color:#666; display:inline-block}
ul.timeline_list li .after_time span b { color:#333; }
ul.timeline_list li .item { clear:both; border:1px solid #DDD; padding:30px; color:#888; word-break:break-all; }
ul.timeline_list li .item img { max-width:100%; }
ul.timeline_list li .item .profile  { margin-bottom:20px  }
ul.timeline_list li .item .profile div { display:inline-block; margin-right:10px;}
ul.timeline_list li .item .profile div b { font-size:18px; font-weight:bold; color:#000; }
ul.timeline_list li .item .profile div.arrow { height:45px; overflow: hidden; font-size: 17px;}
ul.timeline_list li .item .profile .edit_menu { float:right }
ul.timeline_list li .item .profile .edit_menu i { cursor:pointer }
/*
ul.timeline_list li .item .like_cnt { margin-top:20px; }
ul.timeline_list li .item .like_cnt b { color:#FF077F }
ul.timeline_list li .item .btn_area { margin-top:20px; } 
 */
ul.timeline_list li .item .tool { border-top:1px solid #ddd; padding:15px 0px 0px 5px; margin-top:15px; }
ul.timeline_list li .item .tool b { color:#aaa; font-weight:400 }
ul.timeline_list li .item .tool .like i { color:#FE8F00; font-size:20px; margin-right:5px }
ul.timeline_list li .item .tool .comment_cnt i { color:#ddd; font-weight:normal; font-size:20px; margin-left:25px; margin-right:5px }

/* 댓글 작성 */
ul.timeline_list li .comment_wrap { background-color:#FCFCFC; border:1px solid #DDD; border-top:0px; padding:30px 10px; color:#888; }
ul.timeline_list li .comment_wrap .comment_cnt b { color:#FF077F }
ul.timeline_list li .comment_wrap .comment_write { width:100%; margin-top:20px; display:flex }
ul.timeline_list li .comment_wrap .comment_write .profile_img { width:45px; margin-right:10px; }
ul.timeline_list li .comment_wrap .comment_write textarea { width:calc(100% - 160px); border:1px solid #ddd; height:50px; resize:none }
ul.timeline_list li .comment_wrap .comment_write button   { width:100px; margin-left:5px; height:50px; }
@media screen and (max-width: 400px) {
	ul.timeline_list li .comment_wrap .comment_write .profile_img { display:none }
ul.timeline_list li .comment_wrap .comment_write textarea { width:calc(100% - 105px); border:1px solid #ddd; height:50px; resize:none }
}
	
/* 댓글 목록 */
ul.timeline_list li .comment_wrap div.comment_list {  }
ul.timeline_list li .comment_wrap div.comment_list .comment { clear:both; padding-left:40px; padding-top:10px; min-height:50px; line-height:120% }
ul.timeline_list li .comment_wrap div.comment_list .comment .profile_img { position:absolute; margin-left:-40px  }
ul.timeline_list li .comment_wrap div.comment_list .comment .name { padding-right:10px; font-bold:bold; color:#000; font-size:12px; }
ul.timeline_list li .comment_wrap div.comment_list .comment .time { margin-left:11px; font-size:10px; color:#ddd; }
ul.timeline_list li .comment_wrap div.comment_list .comment .delete { margin-left:10px; cursor:pointer }
ul.timeline_list li .comment_wrap div.comment_list .comment .delete:hover { color:#E66016 }

/* 타임라인 탭 */
.tl_tab       { width:100%; text-align: center; margin:20px 0; }
.tl_tab ul    { display:inline-block; font-weight:400; }
.tl_tab ul li { float:left; }
.tl_tab ul li a { display:inline-block; min-width:124px; height:57px; padding:0 25px; line-height:57px; border:1px solid #dddddd; box-sizing:border-box; color:#000; cursor:pointer;  margin-left:-1px; }
.tl_tab ul li a :last-child {
	border:1px solid #dddddd;
}
.tl_tab ul li a:hover,
.tl_tab ul li a.active { color:#ffffff; }
.tl_tab ul li a:hover,
.tl_tab ul li a.active { border:1px solid #ff9000; background-color:#ff9000; }

@media screen and (max-width:1200px) {
	.tl_tab { margin:20px; }
}

/* captcha */
.captcha {
	overflow: hidden;
}
.captcha_child{
	float: left;
}
.captcha_child_two{
	float: right;
	padding-left: 10px;
}

.refreshBtn{
	color: black;
	border: 1px solid #888;
	width: 110px;
	border-radius: 5px;
	height: 25px;
	display: block;
	padding: 2px 15px;
	margin: 5px 0;
}

.refreshBtn:hover{
	background-color: #a8a8a8;
	color: white;
	border: 1px solid #a6a6a6;
}