@CHARSET "UTF-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

* {
	/* font-family: 'NanumSquare', sans-serif !important; */
	font-family: 'NanumSquareRound',sans-serif !important;
}
.logo {
	margin-top: 0;
}
.main-breadcrumbs {
	width:100%;
	height: 40px;
	background:#000;
}
.breadcrumbs-bg {
	width: 1164px;
	height: 40px;
	margin:0 auto;
	/* background:url('/art_special/yolobooks/img/sub_bg.png') no-repeat center; */
	position: relative;
}
.breadcrumbs {
	position: absolute;
	left:-10px;
	bottom:6px;
}
.breadcrumbs li {
	color:#fff;
	font-size:16px;
}
.breadcrumbs a {
	color:#a2a2a2;
	margin-left: 10px;
	vertical-align: middle;
}
.breadcrumbs a:nth-last-of-type(1) {
	color:#c8b178;
}
.breadcrumbs-home {
	display: inline-block;
	background:url('../../img/home.png') no-repeat center;
	width: 25px;
	height: 25px;
	vertical-align: sub;
}


/*
*/
/*	카테고리 / 상황별 독서	*/
/*
*/
.ta-c {
    text-align: center;
}
.toggle-tab {
	width: 300px;
	height: 45px;
	margin:20px 0;
	border:2px solid #c7c7c7;
	background:#e8e8e8;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
	cursor: pointer;
}
.toggle-tab li {
	width: 45%;
	height: 45px;
	line-height: 43px;
	text-align: center;
	font-size:18px;
	color:#707070;
	font-weight: 300;
}
.toggle-tab li:nth-child(1) {
	
}
/* .toggle-tab li:nth-child(2) {
	width: 50%;
} */
.toggle-switch1 {
	float: left;
}
.toggle-switch2 {
	float: right;
}
.toggle-tab li.on {
	width: 55%;
	border:2px solid #000;
	background:#fff;
	height: 45px;
	line-height: 43px;
	margin-top: -2px;
	color:#000;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
	font-weight: 400;
}
.toggle-switch1.on {
	margin-left: -2px;
}
.toggle-switch2.on {
	margin-right: -2px;
}
.tab-contents2 {
	display: none;
	/* margin-top: 20px; */
}
.main-tab {
	margin-bottom: 10px;
}
.main-tab>li {
	height: 60px;
	line-height: 60px;
	width: 20%;
	text-align: center;
	float: left;
	cursor: pointer;
	color:#707070;
	font-weight: 300;
	font-size:20px;
	padding-left: 40px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	position: relative;
	filter:grayscale(1);
}
.main-tab>li:hover {
	filter:grayscale(0);
}
.main-tab>li.on {
	filter:grayscale(0);
}
.tab-li1 {
	padding-left: 30px !important;
	background:url('../../img/musicbooks/menu01.png') no-repeat 60px #fff;
}
.tab-li2 {
	background:url('../../img/musicbooks/menu02.png') no-repeat 45px #fff;
}
.tab-li3 {
	background:url('../../img/musicbooks/menu03.png') no-repeat 45px #fff;
}
.tab-li4 {
	background:url('../../img/musicbooks/menu04.png') no-repeat 45px #fff;
}
.tab-li5 {
	background:url('../../img/musicbooks/menu05.png') no-repeat 45px #fff;
}
.tab-li6 {
	background:url('../../img/musicbooks/menu06.png') no-repeat 45px #fff;
}
.tab-li7 {
	background:url('../../img/musicbooks/menu07.png') no-repeat 45px #fff;
}
.tab-li8 {
	background:url('../../img/musicbooks/menu08.png') no-repeat 45px #fff;
}
.tab-li9 {
	background:url('../../img/musicbooks/menu09.png') no-repeat 45px #fff;
}
.tab-li10 {
	background:url('../../img/musicbooks/menu10.png') no-repeat 45px #fff;
}
.tab-li11 {
	background:url('../../img/musicbooks/menu11.png') no-repeat 45px #fff;
}
.tab-li12 {
	background:url('../../img/musicbooks/menu12.png') no-repeat 45px #fff;
}
.tab-li13 {
	background:url('../../img/musicbooks/menu13.png') no-repeat 45px #fff;
}
.tab-li14 {
	background:url('../../img/musicbooks/menu14.png') no-repeat 45px #fff;
}
.tab-li15 {
	background:url('../../img/musicbooks/menu15.png') no-repeat 45px #fff;
}
.tab-li1:hover {
	background:url('../../img/musicbooks/menu01.png') no-repeat 60px #ebecef;
}
.tab-li2:hover {
	background:url('../../img/musicbooks/menu02.png') no-repeat 45px #ebecef;
}
.tab-li3:hover {
	background:url('../../img/musicbooks/menu03.png') no-repeat 45px #ebecef;
}
.tab-li4:hover {
	background:url('../../img/musicbooks/menu04.png') no-repeat 45px #ebecef;
}
.tab-li5:hover {
	background:url('../../img/musicbooks/menu05.png') no-repeat 45px #ebecef;
}
.tab-li6:hover {
	background:url('../../img/musicbooks/menu06.png') no-repeat 45px #ebecef;
}
.tab-li7:hover {
	background:url('../../img/musicbooks/menu07.png') no-repeat 45px #ebecef;
}
.tab-li8:hover {
	background:url('../../img/musicbooks/menu08.png') no-repeat 45px #ebecef;
}
.tab-li9:hover {
	background:url('../../img/musicbooks/menu09.png') no-repeat 45px #ebecef;
}
.tab-li10:hover {
	background:url('../../img/musicbooks/menu10.png') no-repeat 45px #ebecef;
}
.tab-li11:hover {
	background:url('../../img/musicbooks/menu11.png') no-repeat 45px #ebecef;
}
.tab-li12:hover {
	background:url('../../img/musicbooks/menu12.png') no-repeat 45px #ebecef;
}
.tab-li13:hover {
	background:url('../../img/musicbooks/menu13.png') no-repeat 45px #ebecef;
}
.tab-li14:hover {
	background:url('../../img/musicbooks/menu14.png') no-repeat 45px #ebecef;
}
.tab-li15:hover {
	background:url('../../img/musicbooks/menu15.png') no-repeat 45px #ebecef;
}
.tab-li1.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu01.png') no-repeat 60px #28292c;
}
.tab-li2.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu02.png') no-repeat 45px #28292c;
}
.tab-li3.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu03.png') no-repeat 45px #28292c;
}
.tab-li4.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu04.png') no-repeat 45px #28292c;
}
.tab-li5.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu05.png') no-repeat 45px #28292c;
}
.tab-li6.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu06.png') no-repeat 45px #28292c;
}
.tab-li7.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu07.png') no-repeat 45px #28292c;
}
.tab-li8.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu08.png') no-repeat 45px #28292c;
}
.tab-li9.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu09.png') no-repeat 45px #28292c;
}
.tab-li10.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu10.png') no-repeat 45px #28292c;
}
.tab-li11.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu11.png') no-repeat 45px #28292c;
}
.tab-li12.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu12.png') no-repeat 45px #28292c;
}
.tab-li13.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu13.png') no-repeat 45px #28292c;
}
.tab-li14.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu14.png') no-repeat 45px #28292c;
}
.tab-li15.on {
	color:#fff;
	font-weight: bold;
	background:url('../../img/musicbooks/menu15.png') no-repeat 45px #28292c;
}

.sub-tab {
	overflow: hidden;
	width: 1164px;
	margin-bottom: 30px;
	position: absolute;
	display: none;
}
.sub-tab.on {
	display: block;
}
.sub-tab li {
	margin-left: 10px;
	height: 60px;
	float: left;
}
.sub-tab a {
	display: inline-block;
	width: 100%;
	height: 40px;
	margin:0 10px;
	line-height: 38px;
	text-align: center;
	font-size:18px;
	font-weight: 400;
	color:#9c9c9c;
	vertical-align: super;
}
.sub-tab a:hover {
	/* border-bottom:1px solid #000; */
	color:#000;
}
.sub-tab a.active {
	/* border-bottom:3px solid #000; */
	color:#000;
	font-weight: bold;	
}
.tab-li2>ul {
	left:-75px;
}
.tab-li3>ul {
	left:-143px;
}
.tab-li4>ul {
	left:-110px;
}
.tab-li5>ul {
	left:-476px;
}
.result-box {
	border-bottom:1px solid #c2c2c2;
	padding-bottom: 15px;
	margin-top: 30px;
}
.result-box .select-140 {
	margin-right: 9px;
}
.result-text {
	font-weight: 300;
	font-size:20px;
	color:#707070;
	margin-top:20px;
}
.result-box input {
	width: 530px;
	height: 40px;
	font-weight: 300;
	color:#707070;
	font-size:18px;
	text-indent: 7px;
	margin-left: 0px;
	margin-right: 5px;
}
.search-btn {
	width: 100px;
	height: 40px;
	background:#898989;
	color:#fff;
	font-size:18px;
	margin-left: 5px;
	border-radius:3px;
}
.searchlist-tab {
	overflow: hidden;
	margin-left: 9px;
}
.searchlist-tab li {
	cursor: pointer;
	float: left;
	width: 40px;
	height: 40px;
	border:1px solid #cccccc;
}
.searchlist-tab .tab-img {
	border-right:none;
	background:url('../../img/mypage/img_view.png') no-repeat center;
}
.tab-list {
	background:url('../../img/mypage/list_view.png') no-repeat center;
}
.searchlist-tab .tab-img:hover {
	background:url('../../img/mypage/img_view.png') no-repeat center #ececec;
}
.tab-list:hover {
	background:url('../../img/mypage/list_view.png') no-repeat center #ececec;
}
.searchlist-tab .tab-img.on {
	background:url('../../img/mypage/img_view.png') no-repeat center #ececec;
}
.tab-list.on {
	background:url('../../img/mypage/list_view.png') no-repeat center #ececec;
}
.result-text strong {
	font-weight: 900;
	
}
.result-text strong:nth-last-of-type(1) {
	color:#a98b43;
}

/*
*/
/*	카테고리별	*/
/*
*/
.tab-list_contents {
	display: none;
}
.booklist-wrap {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom:1px solid #cdcdcd;
}
.booklist-wrap:nth-of-type(12n) {
	border-bottom:none;
	margin-bottom: 30px;
}
.booklist-img {
	display: inline-block;
	width: 225px;
	height: 336px;
	border:1px solid #cdcdcd;
}
.booklist-img img {
	width: 100%;
}
.booklist-txt {
	margin-left: 40px;
	position: relative;
	width: 899px;
	height: 336px;
}
.booklist-title {
	color:#707070;
	font-size:30px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 400;
	cursor: pointer;
}
.booklist-title a {
	color: #707070;
}
.booklist-author {
	color:#707070;
	font-size:20px;
	font-weight: 300;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.booklist-info {
	margin-top:15px;
	margin-bottom: 25px;
}
.booklist-info-heart, .booklist-info-review, .booklist-info-star_count {
	font-size:18px;
	color:#707070;
	font-weight: 300;
	padding:5px 0;
	padding-left: 40px;
	display: inline-block;
}
.booklist-info-star_count {
	padding-left: 7px;
}
.booklist-info-heart {
	cursor: pointer;
	background:url('../../img/pick_view_off2.png') no-repeat left center;
}
.booklist-info-heart.on {
	background:url('../../img/pick_view_on2.png') no-repeat left center;
}
.booklist-info-review {
	margin-left: 10px;
	background:url('../../img/review2.png') no-repeat left center;
}
.booklist-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;
}
.booklist-info-star span {
	background:url('../../img/star_on.png') no-repeat;
	display: inline-block;
	height: 21px;
	overflow: hidden;
}
.ebook-btn,.interest-btn {
	width: 230px;
	height: 55px;
	font-weight: 300;
	font-size:22px;
}
.booklist-btn_wrap {
	position: absolute;
	bottom:0;
}
.ebook-btn {
	color:#1c2782;
	border:2px solid #1c2782;
	margin-right: 10px;
	padding-left: 40px;
	background:url('../../img/ebook_loan.png') no-repeat 25px;
}
.ebook-btn.ebookview {
	color:#fff;
	background:url('../../img/ebook_view.png') no-repeat 25px #1c2782;
}
.interest-btn {
	color:#000;
	border:2px solid #000;
	padding-left: 40px;
	background:url('../../img/musicbooks/interest_add.png') no-repeat 25px;
}
.interest-btn.added {
	color:#fff;
	padding-left: 20px;
	background:url('../../img/interest.png') no-repeat 25px #000;
}

.main-book_info {
	width: 1164px;
	margin-top: 20px;
}
.main-book_info li {
	display: inline-block;
	width: 224px;
	height: 334px;
	margin-right:85px;
	position: relative;
	border:1px solid #cdcdcd;
	margin-bottom: 70px;
}
.main-book_info>img {
	width: 223px;
}
.main-book_info li:nth-child(4n) {
	margin-right: 0;
}
.main-btn {
	position: absolute;
	left:50%;
	margin-left:-173px;
	bottom:-33.5px;
	z-index:3;
}
/*
*/
/*	팝업 - 기본	*/
/*
*/
.guide-popup {
	background:#fff;
	border:1px solid #000;
}
.guide-popup h3 {
	background:#000;
}
.guide-popup-btn {
	border:1px solid #000;
	color:#000;
}
.guide-popup-btn:hover {
	background:#000;
	color:#fff;
}

/*
*/
/*	뮤직북스 수정	*/
/*
*/
.book-title {
	color:#b59d63;
}

.recommend-book {
	background:#ececec;
}
.recommend-wrap {
	width: 1164px;
	margin:0 auto;
	padding: 0;
	max-width: 1164px;
}
.recommend-book h2 {
	color:#555;
	font-size:21px;
	font-weight: 300;
	padding-top: 20px;
}
.recommend-book h2 strong {
	color:#000;
	font-weight: bold;
	font-size:35px;
}
.recommend-book .main-book_info li {
	border:none;
	height: 355px;
	margin-bottom: 40px;
}
.recommend-book .main-book_info img {
	border:1px solid #cdcdcd;
	height:334px;
}
.recommend-book .main-book_info img.ebook-icon {
	height: 34px;
	border:none;
}
.recommend-book .main-book_info li::after {
	content:'';
	width: 186px;
	height: 18px;
	background:url('../../img/musicbooks/shadow.png') no-repeat;
	display: block;
	position: absolute;
	bottom:3px;
	left:20px;
}
.recommend-book .book_info-bg {
	height: 334px;
	bottom:auto;
	top:0;
}

.music-tab>li {
	width: 25%;
}


.category-title {
	font-weight: 900;
	font-size:26px;
	color:#030303;
	margin-top: 50px;
	margin-bottom: 30px;
}

.recommend-thema li {
	float: left;
	width: 334px;
	height: 334px;
	margin-right: 80px;
	position: relative;
	overflow: hidden;
}
.recommend-thema li:nth-child(3n) {
	margin-right: 0;
}
.recommend-thema li img {
	transition:all 1s;
	transform:scale(1);
	width: 100%;
}
.recommend-thema li:hover img {
	transform:scale(1.2);
}
.recommend-thema .thema-bg01 {
	position: absolute;
	left:0;
	bottom:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+52 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 52%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 52%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 52%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	display: block;
	width: 100%;
	padding: 20px;
}
.recommend-thema .thema-bg01 span {
	color:#fff;
	padding-bottom: 5px;
	font-size:20px;
	display: block;
}
.recommend-thema .thema-bg01 strong {
	display: block;
	color:#fff;
	font-size:22px;
	font-weight: bold;
	overflow: hidden;
	height: 2.4em;
	line-height: 1.2;
	white-space: normal;
	text-overflow: ellipsis;
}
.recommend-thema-list li {
	margin-bottom: 80px;
}


.keyword-thema li {
	float: left;
	width: 224px;
	height: 224px;
	margin-right: 11px;
	position: relative;
	overflow: hidden;
}
.keyword-thema li:last-child {
	margin-right: 0;
}
.keyword-thema li span {
	position: absolute;
	top:180px;
	color:#fff;
	font-size:22px;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 100%;
	transition:all 0.4s;
}
.keyword-thema li:hover span {
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.6);
	top:0;
	line-height: 224px;
	color:#ccad62;
}
.keyword-thema li img {
	width: 100%;
	height: 100%;
}
.keyword-thema .key-title {
	background:#28292c;
	padding: 20px;
	color:#c8b178;
	font-size:25px;
	font-weight: bold;
	line-height: 1.1;
}
.keyword-thema .key-title::after {
	content:'';
	width: 130px;
	height: 1px;
	background:#dcdcdc;
	position: absolute;
	bottom:45px;
	right:-19px;
	transform:rotate(45deg);
}


.artist-thema li {
	float: left;
	width: 227px;
	height: 227px;
	margin-right: 85px;
	position: relative;
	background:#007fb3;
}
.artist-thema-list li {
	margin-top: 60px;
}
.artist-thema-list li {
	margin-top: 60px;
}
.artist-thema li:nth-child(4n) {
	margin-right: 0;
}
.artist-thema li:nth-child(1) {
	background:#ba9bda;
}
.artist-thema li:nth-child(2) {
	background:#87c3e2;
}
.artist-thema li:nth-child(3) {
	background:#88d0ac;
}
.artist-thema li:nth-child(4) {
	background:#2693c0;
}
.artist-thema i {
	width: 18px;
	height: 19px;
	background:url('../../img/musicbooks/mark.png') no-repeat;
	position: absolute;
	top:10px;
	right:10px;
}
.artist-thema span {
	width: 227px;
	height: 227px;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	color:#fff;
	font-size:28px;
	line-height: 1.2;
	position: relative;
}
.artist-thema li::before {
	content:'';
	width: 202px;
	height: 2px;
	background:#fff;
	position: absolute;
	left:12.5px;
	top:55px;
}
.artist-thema li a::before {
	content:'';
	width: 202px;
	height: 2px;
	background:#fff;
	position: absolute;
	left:12.5px;
	top:164px;
}
.artist-thema span:hover {
	background:rgba(0,0,0,0.6);
	color:#ccad62;
}



.plus_btn {
	width: 200px;
	height: 50px;
	line-height: 50px;
	border:1px solid #28292c;
	color:#000;
	font-size:20px;
	font-weight: bold;
	display: inline-block;
	border-radius:50px;
	margin:50px 0 0;
	text-align: center;
}


/*
*/
/*	키워드 테마	*/
/*
*/

.keyword_wrap {
	margin-bottom: 2px;
}
.detail-keyword {
	width: 995px;
}
.detail-keyword li {
	width: 164px;
	height: 164px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 3px;
	float: none;
	display: inline-block;
	vertical-align:top;
	position: relative;
	overflow: hidden;
}
.detail-keyword img {
	width: 100%;
	height: 100%;
}
.detail-keyword li:nth-child(1),.detail-keyword li:nth-child(2),
.detail-keyword li:nth-child(3),.detail-keyword li:nth-child(4),
.detail-keyword li:nth-child(5),.detail-keyword li:nth-child(6) {
	margin-top: 5;
}
/* .detail-keyword li:nth-child(6n) {
	margin-right: 0;
}
.detail-keyword li:nth-child(7),.detail-keyword li:nth-child(8),
.detail-keyword li:nth-child(9),.detail-keyword li:nth-child(10) {
	margin-top: 2px;
} */
.keyword-search_result li {
	width: 164px;
	height: 164px;
	margin-bottom: 2px;
	margin-right: 2px;
}
.keyword-search_result li:nth-child(7n) {
	margin-right: 0;
}
.keyword_main_mini {
	width: 164px;
	height: 164px;
	background:#28292c;
	position: relative;
	line-height: 1;
	text-align: left;
	padding:20px 15px;
	color:#c8b178;
	text-shadow:none;
	font-size:23px;
	cursor: default;
	font-weight: 500;
	margin-right: 5px;
	margin-top: 5px;
}
.h-330 {
	height: 330px;
}
.keyword_main_mini::after {
	content:'';
	width: 90px;
	height: 1px;
	background:#ebe7fa;
	position: absolute;
	bottom:28px;
	right:-15px;
	transform:rotate(45deg);
}
.detail-keyword .keyword_text {
	top:104px;
	font-size:17px;
}
.detail-keyword li:hover .keyword_text {
	width: 164px;
	height: 164px;
	line-height: 164px;
	color:#c8b178;
}
.keyword_text {
	font-size:22px;
	font-weight: bold;
	color:#fff;
	text-shadow:1px 1px 5px rgba(0,0,0,0.7);
	position: absolute;
	width: 100%;
	top:155px;
	font-weight: 400;
	left:0;
	text-align: center;
	transition:all 0.4s;
	line-height: 1;
	padding:0 5px;
	height: 60px;
	padding-top: 20px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.keyword_thema li:hover em {
	width: 231px;
	height: 231px;
	top:0;
	left:0;
	padding: 0 5px;
	text-align: center;
	background:rgba(0,0,0,0.6);
	line-height: 230px;
	overflow:visible;
}

/*
*/
/*	아티스트테마	*/
/*
*/
.all-btn,.name-order {
	width: 78px;
	height: 57px;
	color:#fff;
	font-weight:500;
	font-size:16px;
	line-height: 57px;
	text-align: center;
}
.all-btn {
	background:#666;
	margin-right: 3px;
}
.name-order {
	background:#9e9e9e;
}

.name-order-wrap {
	width: 1005px;
}
.korean li,.english li {
	float: left;
	height: 28.5px;
	line-height: 28.5px;
	text-align: center;
	cursor: pointer;
	background:#ededed;
	font-size:14px;
	
}
.korean li.on,.english li.on {
    background: #cacaca;
}
.korean li {
	width: 7.13%;
}
.english li {
	width: 3.84%;
}
.korean li:hover,.english li:hover {
	font-weight: bold;
	background:#c5c5c5;
}
.artist-thema .artist-cover {
	display: none;
	background:rgba(0,0,0,0.6);
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.artist-thema .artist-cover em {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color:#ccad62;
	font-size:26px;
	font-weight: 900;
	padding: 20px;
}
.artist-thema li:hover .artist-cover {
	display: table;
}