#header {
  background: #f1d33c url(https://xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/author/bg_h.jpg);
}

#authorList_content {
  padding: 15px 30px;
  width: 100%;
  height: 753px;
  background: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/mywork/bg.jpg) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  display: none;
  user-select: none;
  position: absolute;
    bottom: 0;
}

#authorList_content header.header {
  position: absolute;
  top: 0;
  left: 0;
}

/* header */
header.header .close,
header.header .close2{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  background-image: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_close_w.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: center;
  padding: 30px;
}
.titleArea {
	position: absolute;
  top: 0px;
  left: 35px;
}

h1{
  font-weight: normal;
  font-size: 25px;
  line-height: 62px;
	font-family:'BMJUA';
}

h1 img{
  vertical-align: middle;
  margin-right: 5px;
}

/* 버튼 구역 */
#authorList_content .topArea {
  width: 1213px;
  height: 40px;
  margin-top: 69px;
}

/* 버튼 왼쪽 */
#authorList_content .topArea .topLeftBtn {
  width: 613px;
  height: 40px;
  float: left;
}
.topLeftBtn .leftBtn {
  width: 109px;
  height: 40px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #a78f85;
  box-sizing: border-box;
  float: left;
  margin-left: 6px;
  cursor: pointer;
}
.topLeftBtn .leftBtn p {
  color: #a78f85;
  font-family: 'BMJUA';
  font-size: 21px;
  line-height: 40px;
  text-align: center;
}

.topLeftBtn .leftBtn:first-child {
  margin-left: 0px;
}

.topLeftBtn .leftBtn.on {
  background: url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/author/btn_on.png') no-repeat 100% 100%;
  background-size:100%;
  border: none;
}
.topLeftBtn .leftBtn.on p {
  color: #fff;
}

.topLeftBtn .btn_honor {
  margin-left: 6px;
  padding-left: 0px;
  background: url(../images/author/btn_honor.png) no-repeat;
  background-size: 109px;
  border: 0px;
  box-sizing: unset;
  height: 43px;
  position: relative;
  top: -2px;
  /* width: 153px;
  height: 40px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #a78f85;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
  background: #fff url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/author/icon_honor.png) no-repeat;
  background-position: 12px 8px;
  background-size: 22px 24px;
  display: none; */
}

.topLeftBtn .btn_honor.on {
  background: url(../images/author/btn_honor_on.png) no-repeat;
  background-size: 109px;
}

/* .topLeftBtn .btn_honor.on {
  background-image: url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/author/icon_honor.png'),
                    url('//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/author/btn_on.png');
  background-position: 12px 8px, 0px 0px;
  background-size: 22px 24px, 100% 100% ;
  background-repeat: no-repeat, no-repeat;
  border: none;
} */

.topLeftBtn .btn_honor:after {
  /* content: '';
  position: absolute;
  top: 79px;
  left: 495px;
  width: 11%;
  height: 1px;
  border-radius: 10px;
  background-color: rgba( 255, 255, 255, 0.4 );
  background: linear-gradient(rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
  box-shadow: 1px 0px 3px 3px rgba(255, 255, 255, 0.3); */
}

.topLeftBtn .btn_honor img {
  width: 22px;
  height: 24px;
  vertical-align: middle;
  margin-right: 8px;
}

.topLeftBtn .btn_honor:hover:after {
  content: '';
  position: absolute;
  top: 18px;
  left: 495px;
  width: 11%;
  height: 0px;
  border-radius: 10px;
  background-color: rgba( 255, 255, 255, 0.4 );
  background: linear-gradient(rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
  box-shadow: 1px 0px 3px 3px rgba(255, 255, 255, 0.3);
}

.topLeftBtn .btn_honor:hover {
  /* width: 153px !important; */
  background-image: none;
  background: #5e1e02;
  border: none;
}

/* 버튼 오른쪽 */
#authorList_content .topArea .topRightBtn {
  width: 530px;
  height: 40px;
  float: right;
  text-align: right;
}

#authorList_content .topArea .topRightBtn>* {
  float: none!important;
  display: inline-block;
  /* text-align: center; */
  vertical-align: top;
}

#searchArea {
  position: absolute;
  top: 18px;
  left: unset;
  right: 14px;
  margin: auto;
  float: left;
}
#search2 {
  float: left;
  border: 1px solid #bfbfbf;
}

#search2 input::placeholder {
  font-family:'BMJUA';
  font-weight: normal;
}

.selectArea {
  float: left;
  margin-top: -8px;
  margin-left: 9px;
  text-align: left;
}
.btn_write {
  width: 114px;
  cursor: pointer;
  float: left;
  margin-left: 9px;
}
.btn_write img {
  width: 100%;
}

.user_write_title {
  font-size: 25px;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight: bold;
  color: #5d1e02;
  line-height:40px;
  padding-left:35px;
  background:url(../images/icon/userwrite_head.png) no-repeat;
  background-size:27px 29px;
  background-position:0 8px;
  display: none;
}

span.username_title {
  color: #df6400;
}

/* 리스트 구역 */
#authorList_content .listArea {
  width: 1213px;
  height: 607px;
  margin-top: 22px;
  overflow: hidden;
  overflow-y: auto;
  /* display: none; */
}

/* 리스트 박스 */
#authorList_content .listArea .listBox {
  position: relative;
  /* width: 100%; */
  width: 1195px;
  height: 160px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  margin-top: 7px;
  padding: 7px 7px;
  cursor: pointer;
  clear: both;
  overflow: hidden;
  width: 588px;
  display: inline-block;
  margin-bottom: 10px;
}

#authorList_content .listArea .listBox:nth-child(odd) {
	margin-right:20px;
}

#authorList_content .listArea .listBox.mywrite {
  border: 5px solid #ff6d00;
  /* border-top-color: transparent;
  border-left-color: transparent; */
}

#authorList_content .listArea .listBox:first-child {
  margin-top: 0px;
}

#authorList_content .listArea .iconArea {
  width: 148px;
  /* height: 126px; */
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  /* margin: 17px 15px; */
  margin-right: 10px;
  position: relative;
  top: -7px;
  left: -7px;
}

#authorList_content .listArea .iconArea .icon_work {
  width: 100%;
  overflow: hidden;
  /* max-height: 72px;*/
}
#authorList_content .listArea .listBox .listTxtBox {
  width: 405px;
  height: 80px;
  /* background: red; */
  float: left;
  /* margin-top: 16px; */
  position: relative;
}
#authorList_content .listArea .listBox.mywrite .listTxtBox {
  /* width: 1045px; */
  width:405px;
}

#authorList_content .listArea .listBox .listTxtBox .title {
  color: #454e51;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  float: left;
  width: 405px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  padding-top: 14px;
  /* white-space: nowrap; */
}

.listBoxRight {
  /* float:right; */
  position: absolute;
  top: 76px;
  left: 0;
  width: 405px;
  height: 65px;
}
.userArea {
  /* padding: 0px 12px; */
  height: 64px;
  box-sizing: border-box;
  /* border-bottom: 1px solid #bfbfbf; */
  /* float: left; */
  position: relative;
  /* width: 100%; */
  /* margin-top: -10px; */
}

.userArea span {
  line-height: 30px;
  /* display: inline-block; */
}

.userArea .mem_n {
  color: #7b8082;
  /* font-weight: bold; */
  font-size: 17.5px;
  float: left;
  /* margin-left: 14px; */
}

.grade_y, .grade_b, .grade_g, .grade_m, .grade_b2, .grade_p, .grade_p2 {
  /* line-height: 13.7px !important; */
  height: 25px!important;
    display: inline-block;
    border-radius: 11px!important;
    line-height: 11px!important;
    position: relative;
    top: -6px;
}

.userArea .userName {
  /* border-right: 1px solid #babdbe; */
  /* margin-right: 15px; */
  min-width: 130px;
  display: inline-block;
  margin-left: 5px;
}

.mywrite .userArea .userName {
  color:#ff6d00;
  font-weight: bold;
}

.userArea .userDate {
  /* float: left; */
  font-size: 17.5px;
  line-height: 33px;
  color: #767c7d;
  /* display: none; */
}

.workLike {
  /* float: left; */
  vertical-align: middle;
  font-size: 17.5px;
  color: #7d7d7d;
  border: 1px solid #bfbfbf;
  border-radius: 10px;
  padding: 8px 10px;
  margin-top: 5px;
  box-sizing: border-box;
  line-height: 0;
  background: #fff;
  margin-left: 25px;
  /* position: relative; */
  bottom: 0px;
  position: absolute;
  right: 0;
}

.workLike span.userlikeNum {
  font-weight: bold;
  line-height: 0;
  user-select: none;
}
.workLike span.userlikeNum::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_review_like.png) no-repeat;
  background-size: 22px 20px !important;
  margin-right: 5px;
  vertical-align: -4px;
  cursor: pointer;
}

.workLike span.userlikeNum.on::before {
  background: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/icon/icon_review_like_on.png) no-repeat;
  background-size: 22px 20px !important;
}

#authorList_content .listArea .listBox .listTxtBox .listTxt {
  margin-top: 34px;
  color: #464e50;
  font-size: 17.0px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
  /* line-height: 1.2em;
  height: 3.6em;  */
  clear: both;
  width:1050px;
  display:none;
}

/* #pagination {
  margin: 24px 0px 24px;
} */
#pagination {
  margin: 22px auto;
  /* position: absolute; */
  /* bottom: 27px; */
  /* left: 0;
  right: 0; */
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background: linear-gradient(#5d1e02 0%, #b09284 10%, #5d1e02 20%) !important;
  border: 1px solid #5d1e02;
}

.prizeIcon {
  position: relative;
  display: inline-block;
  float:right;
  top:-15px;
  width: 52px;
  height: 65px;
  /*   background: url(//xcdn.home-learn.com/bookcafe/web_res/bookcafe/images/author/icon_honor.png) no-repeat; */
  background: url(../images/icon/icon_prize1.png) no-repeat;
  background-size:100%;
}

.prizeIcon2 {
  background: url(../images/icon/icon_prize2.png) no-repeat;
  background-size:100%;
}

#order {
  width:130px;
}
#order>a {
  width:130px;
  background-position: 102px center;
}
#order>ul>li { padding-top:8px;line-height: 50px;}

img.userreport {
  cursor: pointer;
  width: 50px;
  float: right;
  position: relative;
  top: -11px;
}

.popupwin_notify #form ul li:last-child {
  position: relative;
  width: 700px!important;
}

.popupwin_notify #form ul li:last-child .fright {
  float: right;
  margin-right: 1em;
  width: 400px;
  font-size: 15px;
  height: 34px;
  line-height: 36px;
  color: #4A5352;
  border: 1px solid transparent;
  background-color: transparent;
  text-align: right;
}

.popupwin_notify #form ul li:last-child.check_on .fright {
  background: #ffffffa6;
  text-align: left;
  border-left: inset;
  border-top: inset;
}

#declaration_notify {
  height: 555px;
}

/**************************************** 스크롤 ****************************************/
::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-button {
	 background:transparent;
}
::-webkit-scrollbar-corner {
	 width:0;
	 height:0;
}
::-webkit-scrollbar-button:start:decrement {
	display: block;
	height:0px;
	background:transparent;
}
::-webkit-scrollbar-button:end:increment {
	display: block;
	height:90px;
	background:transparent;
}
::-webkit-scrollbar-track {
	background: #d3dde6;
	border-radius: 10px;
	box-shadow: inset 0 0 4px rgba(0,0,0,.2);
}
::-webkit-scrollbar-thumb {
	/* background: rgba(159,134,128,.2); */
	background: #4a5a6b;
	border-radius: 8px;
	/* box-shadow: inset 0 0 4px rgba(0,0,0,.1); */
}