@charset "UTF-8";

.main-btn:hover {
  background: #a0a0a0;
}
/*
*/
/*	메뉴	*/
/*
*/
.ecobooks-menu-wrap {
  /* background:url('/art_special/img/banner_bg01.png') no-repeat; */
  width: 100%;
  height: 340px;
  position: relative;
}
.ecobooks-menu_top {
  background-color: #63c3ae;
  width: 100%;
  height: 322px;
}
.ecobooks-menu_bottom {
  width: 100%;
  height: 60px;
}
.ecobooks-menu {
  width: 1390px;
  height: 369px;
  margin: 0 auto;
  padding-left: 294px;
  position: absolute;
  top: 0px;
  background: url('../img/bg001.png') no-repeat;
  left: 50%;
  margin-left: -724px;
}
.menu-title {
  margin-bottom: 10px;
  font-size: 53px;
  font-weight: 200;
  color: #fff;
  padding-top: 40px;
}
.menu-title > strong {
  font-weight: 400;
  font-size: 60px;
  padding-left: 14px;
}
.menu-strapline {
  color: #fff;
  font-size: 40px;
  margin-top: 50px;
	margin-left: -20px;
  position: relative;
  /* background: url('/art_special/img/line.png') no-repeat 175px 27px; */
}
.menu-strapline::after {
	content:'';
	width: 720px;
	height: 1px;
	background:#fff;
	display: inline-block;
	position: absolute;
	top:33px;
	right:90px;
}
.menu-list {
  margin-top: 13px;
  margin-left: -19px;
}
.menu-list li {
  float: left;
  width: 9%;
  text-align: center;
}
.menu-list li:nth-child(4) {
  width: 16%;
}
.menu-list li:nth-child(7) {
  width: 11%;
  margin-left: 0.5%;
}
.menu-list li:nth-child(8) {
  width: 11%;
}
.menu-list li:last-child {
    width: 11%;
}
.list-title {
  height: 30px;
  overflow: hidden;
  display: inline-block;
  line-height: 1.3;
}
.list03 .list-title {
  padding-left: 10px;
}
.list-title strong {
  display: block;
  text-align: center;
}
.title-normal {
  color: #323232;
  font-size: 18px;
}
.title-normal small {
  font-size: 16px;
}
.title-over {
  color: #fff;
  font-size: 18px;
}
.list-img {
  display: block;
  height: 195px;
}
.list-img1 {
  background: url('../img/menu01.png') no-repeat center 66px;
}
.list-img2 {
  background: url('../img/menu02.png') no-repeat center 38px;
}
.list-img3 {
  background: url('../img/menu03.png') no-repeat center 19px;
}
.list-img4 {
  background: url('../img/menu04.png') no-repeat center 6px;
}
.list-img5 {
  background: url('../img/menu05.png') no-repeat center 15px;
}
.list-img6 {
  background: url('../img/menu06.png') no-repeat center 34px;
}
.list-img7 {
  background: url('../img/menu07.png') no-repeat center 49px;
}
.list-img8 {
  background: url('../img/menu08-1.png') no-repeat center 27px;
}
.list-img9 {
  background: url('../img/menu09.png') no-repeat 7px 17px;
}
.pick01 .list-img1 {
  background: url('../img/menu_pick01.png') no-repeat center 66px;
}
.pick01 .title-normal {
  color: #fff;
}
.pick02 .list-img2 {
  background: url('../img/menu_pick02.png') no-repeat center 38px;
}
.pick02 .title-normal {
  color: #fff;
}
.pick03 .list-img3 {
  background: url('../img/menu_pick03.png') no-repeat center 19px;
}
.pick03 .title-normal {
  color: #fff;
}
.pick04 .list-img4 {
  background: url('../img/menu_pick04.png') no-repeat center 6px;
}
.pick04 .title-normal {
  color: #fff;
}
.pick05 .list-img5 {
  background: url('../img/menu_pick05.png') no-repeat center 15px;
}
.pick05 .title-normal {
  color: #fff;
}
.pick06 .list-img6 {
  background: url('../img/menu_pick06.png') no-repeat center 34px;
}
.pick06 .title-normal {
  color: #fff;
}
.pick07 .list-img7 {
  background: url('../img/menu_pick07.png') no-repeat center 49px;
}
.pick07 .title-normal {
  color: #fff;
}
.pick08 .list-img8 {
  background: url('../img/menu_pick08.png') no-repeat center 47px;
}
.pick09 .list-img9 {
  background: url('../img/menu_over09.png') no-repeat 7px 24px;
}
.pick08 .title-normal {
  color: #fff;
}
.list01:hover .title-normal {
  color: #fff;
}
.list01:hover .list-img1 {
  background: url('../img/menu_over01.png') no-repeat center 62px;
}
.list02:hover .title-normal {
  color: #fff;
}
.list02:hover .list-img2 {
  background: url('../img/menu_over02.png') no-repeat center 34px;
}
.list03:hover .title-normal {
  color: #fff;
}
.list03:hover .list-img3 {
  background: url('../img/menu_over03.png') no-repeat center 15px;
}
.list04:hover .title-normal {
  color: #fff;
}
.list04:hover .list-img4 {
  background: url('../img/menu_over04.png') no-repeat center 2px;
}
.list05:hover .title-normal {
  color: #fff;
}
.list05:hover .list-img5 {
  background: url('../img/menu_over05.png') no-repeat center 12px;
}
.list06:hover .title-normal {
  color: #fff;
}
.list06:hover .list-img6 {
  background: url('../img/menu_over06.png') no-repeat center 30px;
}
.list07:hover .title-normal {
  color: #fff;
}
.list07:hover .list-img7 {
  background: url('../img/menu_over07.png') no-repeat center 45px;
}
.list08:hover .title-normal {
  color: #fff;
}
.list08:hover .list-img8 {
  background: url('../img/menu_over08-1.png') no-repeat center 38px;
}
.list09:hover .title-normal {
  color: #fff;
}
.list09:hover .list-img9 {
  background: url('../img/menu_over09.png') no-repeat center 26px;
}

/*
*/
/*	콘텐츠 - 당신을 위한 전문가의 추천	 */
/*
*/
.main-contents1 {
  height: 515px;
  background: #e2e2e2;
  position: relative;
}
.main-contents1_bg {
  background: url('../img/eco_bg02.png') no-repeat left;
  width: 1450px;
  height: 514px;
  margin: 0 auto;
}
.contents1-title {
  text-align: center;
  font-size: 40px;
  color: #555;
  padding: 40px 0;
}
.main-book_info {
  width: 1164px;
  margin:0 auto;
}
.book_info-wrap {
  width: 200px;
  height: 217px;
}
.book-title {
  font-size: 20px;
}
.main-book_info li {
  display: inline-block;
  width: 200px;
  height: 297px;
  margin-right: 37px;
  position: relative;
  border: 1px solid #cdcdcd;
}
.main-book_info li:nth-child(5n) {
  margin-right: 0;
}
.main-btn {
  position: absolute;
  left: 50%;
  margin-left: -173px;
  bottom: -33.5px;
  z-index: 3;
}
.recommend-btn {
  width: 750px;
  font-size: 25px;
  font-weight: bold;
  margin-left: -375px;
}

/*	도서정보	*/
/* .book_info-detail_right, .book_info-detail_left {
	display: none;
	width: 402px;
	height: 596px;
	border:1px solid #3cb49a;
	padding: 20px;
	background:#fff;
	position: absolute;
	top:50%;
	margin-top:-278px;
	z-index:5;	
}
.book_info-detail_right {
	left:255px;
}
.book_info-detail_left {
	right:255px;
}
.book_info-detail_right::before {
	content:'';
	background:url('../img/detail_arrow01.png') no-repeat;
	width: 16px;
	height: 32px;
	position: absolute;
	left:-16px;
	top:50%;
	margin-top:-16px;
}
.book_info-detail_left::before {
	content:'';
	background:url('../img/detail_arrow02.png') no-repeat;
	width: 16px;
	height: 32px;
	position: absolute;
	right:-16px;
	top:50%;
	margin-top:-16px;
}  
.detail-header span {
	float: left;
	width: 156px;
	height: 42px;
	line-height: 42px;
	display: inline-block;
	font-size:16px;
	color:#555;
	text-align: center;
	border:2px solid #b5e3d9;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
} 
.detail-move_btn {
	float: right;
	width: 40px;
	height: 40px;
	background:url('../img/book_info_move.png') no-repeat center;
}
.detail-book_title {
	color:#555;
	font-size:23px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding:0 20px;
	margin-top: 15px;
	font-weight: 700;
}
.detail-book_author {
	color:#555;
	font-size:16px;
	padding:0 20px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.detail-recommend_info {
	margin-top:15px;
	margin-bottom: 25px;
}
.recommend_info-heart, .recommend_info-review, .recommend_info-star_count {
	font-size:14px;
	color:#898989;
	padding:5px 0;
	padding-left: 50px;
	display: inline-block;
}
.recommend_info-star_count {
	padding-left: 7px;
}
.recommend_info-heart {
	background:url('../img/pick_view_off.png') no-repeat 20px center;
}
.recommend_info-heart.on {
	background:url('../img/pick_view_on.png') no-repeat 20px center;
}
.recommend_info-review {
	background:url('../img/review.png') no-repeat 20px center;
}
.recommend_info-star {
	width: 128px;
	background:url('../img/star_off.png') no-repeat;
	vertical-align: sub;
	margin-left: 30px;
	display: inline-block;
	height: 21px;
	overflow: hidden;
}
.recommend_info-star span {
	background:url('../img/star_on.png') no-repeat;
	display: inline-block;
	height: 21px;
	overflow: hidden;
}
.detail-text {
	padding:0 20px;
	font-size:16px;
	color:#555;
	line-height: 1.5;
	margin-bottom: 30px;
}
.detail-btn_wrap {
	padding:0 20px;
}
.interest_book_btn {
	background:#3cb49a;
	width: 206px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color:#fff;
	font-weight: 700;
	font-size:20px;
	float: left;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px
}
.good_btn {
	width: 45px;
	height: 40px;
	background:url('../img/pick_off.png') no-repeat;
	display: inline-block;
	float: right;
	cursor:pointer;
}
.good_btn.on {
	background:url('../img/pick_on.png') no-repeat;
} */

/*
*/
/*	콘텐츠 - 책으로 풀어보는 고민 상황	 */
/*
*/
.main-contents2 {
  position: relative;
  padding-bottom: 60px;
  text-align: center;
}
.contents2-title {
  font-size: 40px;
  color: #555;
  width: 1164px;
  display: inline-block;
  padding: 50px 0;
  background: url('../img/title_line.png') no-repeat center 80px;
}
.contents2-title strong {
  background-color: #fff;
  display: inline-block;
  padding: 0 30px;
}
/* .worry-title {
  background: #3cb49a;
} */

/*
*/
/*	콘텐츠 - 차트	 */
/*
*/
.main-contents3 {
  width: 100%;
  height: 435px;
  margin-top: 100px;
  position: relative;
}
.contents3-bg_top {
  width: 100%;
  height: 372px;
  background: #6c6c6c;
}
.contents3-bg_bottom {
  width: 100%;
  height: 52px;
  background: #fff;
}
.contents3-chart {
  width: 1164px;
  height: 435px;
  position: absolute;
  top: -3px;
  left: 50%;
  margin-left: -582px;
  background: url('../img/bg04.png') no-repeat center;
}
.chart-box {
  width: 295px;
  height: 382px;
  display: inline-block;
  margin-right: 135px;
  text-align: center;
}
.chart-box:nth-of-type(3) {
  margin-right: 0;
}
.chart-graph {
  width: 208px;
  height: 208px;
  margin: 0 auto;
  margin-top: 70px;
  text-align: center;
  line-height: 208px;
  font-size: 2.5em;
  color: white;
}
.chart-graph_user {
	background : url('../img/chart1_bg.png') no-repeat;
}
.chart-graph_loan {
	background : url('../img/chart2_bg.png') no-repeat;
}
.chart-graph_book {
	background : url('../img/chart3_bg.png') no-repeat;
}
.chart-name {
  margin-top: 30px;
  font-size: 22px;
  color: #fff;
  font-weight: 300;
}
/* 테마와 고민상황으로 찾아보는 도서 */
.thema-situation {
  vertical-align: top;
}

/*
*/
/*	콘텐츠 - 인생서가 인기도서	 */
/*
*/

.main-contents4 {
  position: relative;
  padding-bottom: 75px;
  background: #e2e2e2;
  height: 515px;
}
.main-contents4_bg {
  background: url('../img/eco_bg03.png') no-repeat center;
  width: 1164px;
  height: 515px;
  margin: 0 auto;
}
.popbook-rank {
  background: url('../img/rank.png') no-repeat center;
  width: 50px;
  height: 64px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 30px;
  text-align: center;
  background-size: 50px;
  z-index: 97;
}

/*
*/
/*	콘텐츠 - 인생서가의 동영상	 */
/*
*/
.main-contents5 {
  position: relative;
  padding-bottom: 60px;
  text-align: center;
  background: #e2e2e2;
  margin-top: 100px;
}
.contents5-title {
  font-size: 40px;
  color: #555;
  width: 1164px;
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 60px;
  background: url('../img/title_line.png') no-repeat center;
}
.contents5-title strong {
  background-color: #e2e2e2;
  display: inline-block;
  padding: 0 30px;
}
.contents5-video {
  width: 1164px;
  margin: 0 auto;
}
.video-wrap {
  width: 550px;
  display: inline-block;
  vertical-align: top;
}
.video-wrap:nth-of-type(1) {
  margin-right: 60px;
}
.video1,
.video2 {
  width: 100%;
  height: 305px;
  background: #f9f9f9;
}
.video-title {
  font-size: 20px;
  color: #555;
  font-weight: 300;
  margin-top: 30px;
}

/*
*/
/*	콘텐츠 - 인생서가의 키워드	 */
/*
*/
.main-contents6 {
  position: relative;
  padding-bottom: 60px;
  text-align: center;
}
.contents6-title {
  font-size: 40px;
  color: #555;
  width: 1164px;
  display: inline-block;
  margin-top: 90px;
  margin-bottom: 10px;
  background: url('../img/title_line.png') no-repeat center;
}
.contents6-title strong {
  background-color: #fff;
  display: inline-block;
  padding: 0 30px;
}
.main-keyword {
  width: 1164px;
  margin: 0 auto;
  overflow: hidden;
}
.main-keyword li {
  width: 130px;
  height: 130px;
  float: left;
  margin-right: 17.7px;
  margin-top: 17.7px;
  position: relative;
}
.main-keyword li:nth-child(8n) {
  margin-right: 0;
}
.main-keyword a {
  width: 130px;
  height: 130px;
  background: #f0f0f0;
  display: table-cell;
  vertical-align: middle;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 300;
  color: #555;
  padding: 0 20px;
}
/* .main-keyword .keyword-books {
  background: #ff000029;
} */
.main-keyword .keyword-books:hover {
  background: #d7d7d7;
  /* background: #ff000047; */
  font-weight: bold;
}
/* .main-keyword .keyword-theme {
  background: #00a1ff26;
} */
.main-keyword .keyword-theme:hover {
  background: #d7d7d7;
  /* background: #00a1ff54;
  font-weight: bold; */
}
.main-keyword a:hover {
  background: #d7d7d7;
  font-weight: 700;
  /* font-weight: bold; */
}
/*	만약 새로운 키워드가 있다면 해당 li에 new-keyword 클래스를 추가	*/
li.new-keyword a {
  background: #d7d7d7;
  font-weight: 700;
}
li.new-keyword .keyword-new {
  position: absolute;
  width: 26px;
  height: 26px;
  display: inline-block;
  background: url('../img/keyword_new.png') no-repeat center;
  top: -5px;
  right: 0px;
}
.keyword_mark {
  width: 1164px;
  margin: 0 auto;
  margin-bottom: 5px;
  text-align: right;
}
.keyword_mark span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #4a4a4a;
}
.main-keyword a.color-line1 {
  color: #3cb49a;
  font-weight: 500;
}
.main-keyword a.color-line2 {
  color: #fb6a89;
  font-weight: 500;
}
.main-keyword a.color-lineB {
  color: #3cb49a;
  font-weight: 400;
}
.main-keyword a.color-lineT {
  color: #fb6a89;
  font-weight: 400;
}
.main-keyword a.color-lineB:hover {
  background: #d7d7d7;
  font-weight: 700;
}
.main-keyword a.color-lineT:hover {
  background: #d7d7d7;
  font-weight: 700;
}

/************************/

/*
*/
/*	팝업 - 추천	 */
/*
*/

.recommend-popup_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 998;
  display: none;
}
.recommend-popup_bg label {
  cursor: pointer;
}
.popup-recommend1,
.popup-recommend2,
.popup-recommend3,
.popup-recommend4 {
  position: fixed;
  z-index: 99;
  width: 650px;
  top: 50%;
  left: 50%;
  background: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #7dcdbc;
}
.popup-recommend1 .recommend-question {
  margin-bottom: 150px;
}
.popup-recommend5 {
  position: fixed;
  z-index: 99;
  top: 50%;
  left: 50%;
  background: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #7dcdbc;
}
.popup-recommend2,
.popup-recommend3,
.popup-recommend4,
.popup-recommend5 {
  display: none;
}
.recommend-question {
  width: 100%;
  padding: 55px 0 40px;
  position: relative;
  background: #3cb49a;
  border-bottom: 1px solid #7dcdbc;
  font-size: 25px;
  color: #fff;
  line-height: 1.3;
}
.popup-recommend4 .recommend-question {
  padding: 30px 0;
}
.recommend-question::after {
  content: '';
  width: 33px;
  height: 16px;
  display: inline-block;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -16.5px;
  background: url('../img/tri.png') no-repeat center;
}
.recommend-question small {
  font-size: 20px;
}
.recommend-close {
  background: url('../img/big_popup_close.png') no-repeat center;
  width: 28px;
  height: 28px;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 15px;
}
.popup-recommend2 .recommend-select {
  width: 50%;
  margin: 15px auto 55px;
}
.popup-recommend2 .recommend-select li {
  width: 50%;
  float: left;
}
.recommend-select {
  padding: 100px 0;
}
.recommend-select2 {
  padding: 65px 0;
}
.recommend-select li {
  font-size: 28px;
  font-weight: 300;
  color: #555;
  height: 50px;
  line-height: 50px;
}
.recommend-select label {
  cursor: pointer;
  vertical-align: middle;
}
.recommend-btn_wrap {
  background: #f0f0f0;
  padding: 30px 0;
}
.popup-recommend5 .recommend-btn_wrap {
  margin-top: 30px;
}
.recommend-next_btn,
.recommend-prev_btn,
.recommend-save_btn {
  width: 166px;
  height: 60px;
  line-height: 60px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background: #3cb49a;
  color: #fff;
  font-size: 28px;
  font-weight: 300;
  vertical-align: middle;
}
.middle {
  margin-bottom: 150px;
}
.recommend-next_btn:hover {
  border: 2px solid #3cb49a;
  background: #fff;
  color: #3cb49a;
}
.recommend-prev_btn {
  margin-right: 15px;
}
.recommend-prev_btn:hover {
  border: 2px solid #3cb49a;
  background: #fff;
  color: #3cb49a;
}
.recommend-save_btn:hover,
.recommend-save_btn:hover {
  background: #3cb49a;
  color: #fff;
}
.recommend-select2 {
  overflow: hidden;
  width: 395px;
  margin: 0 auto;
}
.recommend-select2 li {
  width: 50%;
  float: left;
  text-align: left;
  font-size: 28px;
  font-weight: 300;
  color: #555;
  height: 50px;
  line-height: 50px;
}
/* .recommend-select_thema {
  overflow: hidden;
  width: 395px;
  margin: 30px auto 45px;
}
.recommend-select_thema li {
  float: left;
  width: 50%;
  text-align: center;
  width: 188px;
  height: 60px;
  line-height: 60px;
  border: 2px solid #adadad;
  box-sizing: border-box;
  font-weight: lighter;
  font-size: 26px;
  color: #848484;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  margin-right: 16px;
  margin-top: 16px;
  cursor: pointer;
}
.recommend-select_thema li:nth-child(2n) {
  margin-right: 0;
} */
/* 
.thema1:hover {
  border: 2px solid #fab860;
  color: #fab860;
  background: #fff5d8;
  font-weight: normal;
}
.thema1.on {
  border: 2px solid #fab860;
  color: #fab860;
  background: #fff5d8;
  font-weight: normal;
}

.thema2:hover {
  border: 2px solid #b1ca85;
  color: #b1ca85;
  background: #edf9d9;
  font-weight: normal;
}
.thema2.on {
  border: 2px solid #b1ca85;
  color: #b1ca85;
  background: #edf9d9;
  font-weight: normal;
}
.thema3:hover {
  border: 2px solid #85b7d9;
  color: #85b7d9;
  background: #e4f4ff;
  font-weight: normal;
}
.thema3.on {
  border: 2px solid #85b7d9;
  color: #85b7d9;
  background: #e4f4ff;
  font-weight: normal;
}
.thema4:hover {
  border: 2px solid #f79c64;
  color: #f79c64;
  background: #ffede2;
  font-weight: normal;
}
.thema4.on {
  border: 2px solid #f79c64;
  color: #f79c64;
  background: #ffede2;
  font-weight: normal;
}
.thema5:hover {
  border: 2px solid #f6a1a4;
  color: #f6a1a4;
  background: #ffedee;
  font-weight: normal;
}
.thema5.on {
  border: 2px solid #f6a1a4;
  color: #f6a1a4;
  background: #ffedee;
  font-weight: normal;
}
.thema6:hover {
  border: 2px solid #d3b695;
  color: #d3b695;
  background: #f6eadd;
  font-weight: normal;
}
.thema6.on {
  border: 2px solid #d3b695;
  color: #d3b695;
  background: #f6eadd;
  font-weight: normal;
}
.thema7:hover {
  border: 2px solid #bdc1b6;
  color: #889472;
  background: #e5e9df;
  font-weight: normal;
}
.thema7.on {
  border: 2px solid #bdc1b6;
  color: #889472;
  background: #e5e9df;
  font-weight: normal;
}
 */
/* .recommend-wrap {
  max-width: 1086px;
  padding: 0 118px;
} */
/* .recommend-select_category {
  width: 250px;
  padding-top: 40px;
  overflow: hidden;
  display: table-cell;
  padding-left: 50px;
  vertical-align: top;
} */
/* .recommend-select_category:nth-of-type(1),
.recommend-select_category:nth-of-type(4) {
  padding-left: 0;
} */
/* .recommend-select_category .on {
  width: 250px;
  height: 60px;
  line-height: 60px;
  font-size: 26px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
} */
/* .recommend-select_category li:nth-child(1) {
  margin: 0 auto;
  margin-bottom: 10px;
  text-align: center;
} */
/* .recommend-select_category li {
  text-align: left;
  font-size: 26px;
  font-weight: 300;
  color: #555;
  height: 40px;
  line-height: 40px;
  width: 100%;
  float: left;
} */
/* .recommend-teenage li,
.recommend-ltr li {
  width: 50%;
} */

/*	아트북스 특화배너    */
.banner-next {
	margin-top: 100px;
}
.banner-next.banner-uilib {
	margin-top: 12px !important;
}
.add-banner {
	position: absolute;
	left:0;
	top:542px;
	width: 100%;
}
.banner-bg {
	background:#a897e8;
	position: absolute;
	top:0;
	width: 100%;
	height: 145px;
}
.special-thema {
	width: 1164px;
	margin:0 auto;
	position: absolute;
	z-index:2;
	left:50%;
	margin-left: -582px;
}
.art-thema-btn {
	position: absolute;
	top:10px;
	left:367px;
	font-size:15px;
	color:#fff;
	font-weight: bold;
	padding-top: 100px;
	padding-right: 280px;
}
div.quick {
	top:94px;
}
.art_arrow {
	position: absolute;
	top:215px;
	right:46px;
}

.add-btn {
	text-align: center;
}
.add-btn a {
	width: 485px;
	height: 85px;
	display: inline-block;
}
.add-btn .go-art {
	background:url('../img/btn01.png') no-repeat top;
	margin-left: 105px;
	background-size:cover;
	margin-right: 28px;
}
.add-btn .go-music {
	background:url('../img/btn02.png') no-repeat top;
}