@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;
}
header {
	background:none;
}
.main-header .logo a {
	color:#fff;
}
.main-header .logo.on a {
	color:#222;
}
.main-bg {
	background:url('../../img/musicbooks/bg01.png') no-repeat;
	background-size:cover;
	height: 757px;
}
.main-banner {
	padding-top: 50px;
	width: 1167px;
	margin:0 auto;
	position: relative;
	height: 735px;
}
.main-banner-title {
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
}
.main-banner-title span {
	font-size:22px;
	color:#8c7c55;
	display: inline-block;
	vertical-align: top;
	line-height: 1.1;
}
.main-banner-title em {
	display: inline-block;
	vertical-align: top;
	font-weight: 300;
	font-size:42px;
	color:#fff;
	margin-left: 7px;
}


/*	메인배너 탭01	*/
.banner-tab02,.banner-tab03,.banner-tab04,.banner-tab05 {
	display: none;
}
.banner-tab-title {
	color:#b0b0b0;
	font-size:25px;
	font-weight: bold;
	position: relative;
	clear: both;
}
.banner-tab-title strong {
	padding-left: 63px;
}
.banner-tab-title::after {
	content:'';
	height: 1px;
	width:calc(100% - 257px);
	display: inline-block;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#404041+72,404041+72,000000+100&0.65+0,0+100 */
	background: -moz-linear-gradient(left,  rgba(64,64,65,0.65) 0%, rgba(64,64,65,0.18) 72%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(64,64,65,0.65) 0%,rgba(64,64,65,0.18) 72%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(64,64,65,0.65) 0%,rgba(64,64,65,0.18) 72%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6404041', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	float: right;
	margin-top: 14px;
}
.tab-contents01 {
	position: relative;
	height: 388px;
}
.tab-prev,.tab-next {
	position: absolute;
	top:50%;
	margin-top: -17.5px;
	width: 20px;
	height: 37px;
	display: inline-block;
}
.tab-prev {
	background:url('../../img/musicbooks/arrow04.png') no-repeat;
	left:0;
}
.tab-next {
	background:url('../../img/musicbooks/arrow01.png') no-repeat;
	right:0;
}

.main-book-box {
	position: relative;
}
.tab-number {
	width: 170px;
	position: absolute;
	left:50%;
	margin-left:-85px;
	bottom:-35px;
}
.tab-number li {
	float: left;
	width: 37px;
	height: 4px;
	background:#818181;
	margin-right: 7px;
	cursor: pointer;
}
.tab-number li:last-child {
	margin-right: 0;
}
.tab-number li:hover {
	background:#5bf8b8;
}
.tab-number li.on {
	background:#5bf8b8;
}

.card-wrap {
	position: relative;
}
.card {
	position: relative;
	margin:0 65px;
	margin-top: 20px;
	overflow: hidden;
	width: 364px;
	height: 364px;
}
.card li {
	width: 364px;
	height: 364px;
	float: left;
}
.card li img {
	width: 100%;
	height: 100%;
}
.card-wrap .card-prev,.card-wrap .card-next {
	position: absolute;
	top:50%;
	margin-top: -19px;
	width: 20px;
	height: 38px;
}
.card-wrap .card-prev {
	background:url('../../img/musicbooks/arrow04.png') no-repeat;
	left:0px;
}
.card-wrap .card-next {
	background:url('../../img/musicbooks/arrow03.png') no-repeat;
	right:0px;
}
.card-wrap .card-prev:hover {
	background:url('../../img/musicbooks/arrow02.png') no-repeat;
}
.card-wrap .card-next:hover {
	background:url('../../img/musicbooks/arrow01.png') no-repeat;
}




.btn-card-next {
	position: absolute;
	top:10px;
	right:5px;
	color:#050505;
	font-size:18px;
}

.today-music-book {
	margin-top: 30px;
}
.today-music-book li {
	display: inline-block;
	margin-right: 15px;
	width: 190px;
	height: 280px;
	vertical-align: middle;
	cursor: pointer;
	filter:brightness(0.5);
}
.today-music-book li img {
	width: 100%;
	height: 100%;
}
.today-music-book li:last-child {
	margin-right: 0;
}
.today-music-book li.on {
	width: 210px;
	height: 315px;
	filter:brightness(1);
}

.today-music-party {
	width: 1030px;
	margin:0 auto;
	margin-top: 20px;
}
.today-music-party li {
	float: left;
	margin-right: 40px;
	width: 227px;
	height: 317px;
	position: relative;
	border:1px solid #cdcdcd;
}
.today-music-party li:last-child {
	margin-right: 0;
}
.today-music-party span {
	width: 74px;
	height: 74px;
	position: absolute;
	bottom:-1px;
	left:-8px;
	z-index:8;
}
.today-music-party img {
	width: 100%;
	height: 100%;
}
.today-music-party .mark-type01 {
	background:url('../../img/musicbooks/mark01.png') no-repeat;
}
.today-music-party .mark-type02 {
	background:url('../../img/musicbooks/mark02.png') no-repeat;
}
.today-music-party em {
	color:#fffefe;
	font-weight: 900;
	font-size:20px;
	transform:rotate(45deg);
	position: absolute;
	bottom:12px;
	left:3px;
}

.today-music-instrument {
	width: 1030px;
	margin:0 auto;
	margin-top: 20px;
}
.today-music-instrument li {
	float: left;
	margin-right: 40px;
	width: 227px;
	height: 317px;
	position: relative;
}
.today-music-instrument li:last-child {
	margin-right: 0;
}
.today-music-party a {
	position: absolute;
	background:rgba(0,0,0,0.7);
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
}
.today-music-party a span {
	display: table-cell;
	vertical-align: middle;
	color:#ccad62;
	font-size:26px;
	font-weight: 900;
	width: 100%;
	height: 100%;
	position: static;
}
.today-music-party li:hover .cover {
	display: table;
}


/*	메인배너 탭02	*/
.main-tab-wrap {
	position: relative;
}

.contents-tab {
	background:url('../../img/musicbooks/bg03.png') no-repeat;
	background-size:cover;
	display: none;
}
.w-main-title {
	text-align: center;
	font-size:40px;
	font-weight: 300;
	color:#fff;
	padding:50px 0;
	position: relative;
	width: 1164px;
	margin:0 auto;
}
.w-main-title strong {
	display: inline-block;
}
.w-main-title::before {
	content:'';
	width: 350px;	
	height: 1px;
	background:#fff;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-0.5px;
}
.w-main-title::after {
	content:'';
	width: 350px;	
	height: 1px;
	background:#fff;
	position: absolute;
	right:0;
	top:50%;
	margin-top:-0.5px;
}

.contents-list {
	width: 824px;
	margin:0 auto;
	padding-bottom: 123px;
}
.contents-list li {
	position: relative;
	width: 412px;
	height: 280px;
	float: left;
}

.contents-list-cover {
	position: absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	display: block;
	width: 412px;
	height: 280px;
	text-align: center;
	opacity: 0;
	transition:all 0.4s;
}
.contents-list li:hover .contents-list-cover {
	opacity: 1;
}
.contents-list-cover span {
	font-size:30px;
	font-weight: bold;
	padding-top: 104px;
	display: block;
	color:#fff;
}
.contents-list-cover button {
	width: 130px;
	height: 35px;
	border-radius:35px;
	border:2px solid #fff;
	font-size:20px;
	font-weight: bold;
	color:#fff;
	margin-top: 25px;
}

.tab-btn {
	position: absolute;
	bottom:37px;
	left:50%;
	margin-left: -227px;
}
.tab-btn ul {
	width:574px;
}
.tab-btn li {
	width: 220px;
	height: 50px;
	margin-right:7px;
	border:2px solid #fff;
	border-radius:10px;
	float: left;
	line-height: 50px;
	text-align: center;
	color:#fff;
	font-size:20px;
	cursor: pointer;
}
.tab-btn li:last-child {
	margin-right: 0;
}
.tab-btn li.on {
	background:#5bf8b8;
	color:#000;
	font-weight: bold;
	border:none;
}

.thema-tab {
	background:url('../../img/musicbooks/bg02.png') no-repeat;
	background-size:cover;
}
.thema-menu {
	width: 1164px;
	margin:0 auto;
}
.thema-nav {
	width: 959px;
	margin:0 auto;
	padding-top: 70px;
}
.thema-nav>li {
	float: left;
	margin-right: 125px;
	width: 146px;
	position: relative;
}
.thema-nav>li.on::after {
	content:'';
	width: 28px;
	height: 12px;
	background:url('../../img/musicbooks/arrow11.png') no-repeat;
	position: absolute;
	top:-15px;
	left:50%;
	margin-left: -14px;
} 
.thema-nav>li:last-child {
	margin-right: 0;
}
.thema-nav>li i {
	display: block;
	height: 146px;
}
.thema-nav>li:nth-child(1) i {
	background:url('../../img/musicbooks/main_menu01.png') no-repeat center;
}
.thema-nav>li:nth-child(2) i {
	background:url('../../img/musicbooks/main_menu02.png') no-repeat center;
}
.thema-nav>li:nth-child(3) i {
	background:url('../../img/musicbooks/main_menu03.png') no-repeat center;
}
.thema-nav>li:nth-child(4) i {
	background:url('../../img/musicbooks/main_menu04.png') no-repeat center;
}
.thema-nav>li:nth-child(1).on i {
	background:url('../../img/musicbooks/main_menu01_on.png') no-repeat center;
	background-size:cover;
	width: 146px;
}
.thema-nav>li:nth-child(2).on i {
	background:url('../../img/musicbooks/main_menu02_on.png') no-repeat center;
	background-size:cover;
	width: 146px;
}
.thema-nav>li:nth-child(3).on i {
	background:url('../../img/musicbooks/main_menu03_on.png') no-repeat center;
	background-size:cover;
	width: 146px;
}
.thema-nav>li:nth-child(4).on i {
	background:url('../../img/musicbooks/main_menu04_on.png') no-repeat center;
	background-size:cover;
	width: 146px;
}
.thema-nav>li span {
	text-align: center;
	display: block;
	color:#fff;
	font-size:24px;
	font-weight: bold;
	padding-top: 15px;
}

.sub-menu {
	position: absolute;
	top:-70px;
	height: 57px;
	background:#030303;
	border:2px solid #5bf8b8;
	border-top:none;
	border-radius:0px 0px 20px 20px;
	display: none;
	box-shadow:0px 5px 20px rgba(0,0,0,0.3);
}
.sub-menu li {
	float: left;
}
.sub-menu li a {
	color:#9c9c9c;
	font-size:20px;
	font-weight: bold;
	height: 57px;
	line-height: 57px;
}
.sub-menu li a:hover {
	color:#5bf8b8;
}
.menu01 {
	width: 570px;
	left:-44px;
	display: block;
}
.menu01 li {
	padding:0 60px;
}
.menu02 {
	width: 808px;
	left:-220px;
}
.menu02 li {
	padding:0 36px;
}
.menu03 {
	width: 565px;
	left:-205px;
}
.menu03 li {
	padding:0 60px;
}
.menu04 {
	width: 860px;
	left:-710px;
}
.menu04 li {
	padding:0 24px;
}

.pb20 {
	padding-bottom: 20px;
}
.all-thame {
    /* margin: -30px; */
    text-align: center;
}
.all-thame a {
	width: 175px;
	height: 43px;
	border-radius:43px;
	border:1px solid #fff;
	display: inline-block;
	line-height: 43px;
	color:#c0c0c0;
	font-size:20px;
	font-weight: bold;
	text-align: center;
}
.thema-card-wrap {
	width: 1164px;
	margin:0 auto;
	margin-top: 55px;
	padding-bottom: 90px;
}
.thema-card {
	width:calc((100% - 48px)/3);
	background:#fff;
	border-radius:10px;
	height: 585px;
	margin-right:18px;
	padding: 30px;
	vertical-align: top;
}
.thema-card:nth-last-of-type(1) {
	margin-right: 0;
}

.recommend {
	height: 313px;
	position: relative;
}
.recommend a {
	position: absolute;
	bottom:0;
	left:0;
	/* 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 */
	width: 100%;
	padding: 20px;
	font-weight: bold;
	font-size:20px;
	color:#fff;
}
.recommend a span {
	display: block;
	color:#fff;
	font-size:18px;
	margin-bottom: 10px;
}

.card-tab {
	width: 126px;
	margin:30px auto 0;
}
.card-tab li {
	float: left;
	width: 37px;
	height: 4px;
	background:#c8c8c8;
	margin-right: 7px;
	text-shadow:0px 0px 4px rgba(0,0,0,0.8);
}
.card-tab li:last-child {
	margin-right: 0;
}
.card-tab li.on {
	background:#000;
}
.card-txt {
	margin:50px 0;
	color:#555;
	font-size:30px;
	text-align: center;
}
.card-btn {
	width: 130px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	border-radius:43px;
	border:1px solid #d2d2d2;
	color:#919191;
	font-size:20px;
	font-weight: bold;
	display: block;
	margin:0 auto;
}
.card-btn span {
	color:#c8c8c8;
}

.keyword {
	height: 313px;
}
.keyword li {
	width: 50%;
	height: 152.5px;
	float: left;
	position: relative;
}
.keyword li a {
	display: table;
	width: 100%;
	height: 157.5px;
}
.keyword li span {
	position: absolute;
	bottom:15px;
	text-align: center;
	color:#fff;
	font-weight: bold;
	font-size:22px;
	display: block;
	width: 100%;
	text-shadow:0 0 5px rgba(0,0,0,0.6);
}
.keyword li:hover span {
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.6);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	bottom:0;
	right:0;
	padding-top: 70px;
	color:#c8b178;
}


.keyword .thema-keyword {
	background:#28292c;
	padding:15px 10px;
	color:#c8b178;
	font-weight: bold;
	font-size:23px;
	position: relative;
}
.keyword .thema-keyword::after {
	content:'';
	width: 120px;
	height: 1px;
	background:#9f9fa1;
	transform:rotate(45deg);
	position: absolute;
	bottom:31px;
	right:-27px;
}








/*
*/
/*	인기도서	*/
/*
*/
.pop-book {
	background:#bfc3cc;
	position: relative;
}
.pop-book-title {
	text-align: center;
	padding:50px 0;
	color:#595c63;
	font-size:40px;
	font-weight: 300;
}
.main-book_info {
	width: 1164px;
	margin:0 auto;
	padding-bottom: 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;
}
.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;
}

.book-rank {
	width: 49px;
	height: 49px;
background:url('../../img/musicbooks/order.png') no-repeat;
	position: absolute;
	top:0;
	left:0;
	text-align: center;
	line-height: 49px;
	color:#facc62;
	font-size:35px;
	font-weight: 900;
}

.pop-book-btn {
	width: 240px;
	height: 60px;
	border-radius:60px;
	font-weight: bold;
	font-size:25px;
	color:#fff;
	background:#28292c;
	position: absolute;
	left:50%;
	margin-left: -120px;
	bottom:-30px;
}


/*
*/
/*	키워드	*/
/*
*/
.contents-title {
	font-size:40px;
	color:#555;
	width: 1164px;
	display: inline-block;
	padding-top: 40px;
	background:url('../../img/title_line.png') no-repeat center 60px;
}
.contents-title strong {
	background-color:#fff;
	display: inline-block;
	padding:0 30px;
}
.main-contents5 {
	position: relative;
	padding-bottom: 60px;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 20px;
}
.main-contents5 .contents-title {
	margin-bottom: 20px;
}
.contents6-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;
}
.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:22px;
	font-weight: 300;
	color:#555;
	padding:0 4px;
	word-break:break-all;
	
}
.main-keyword a:hover {
	background:#d7d7d7;
	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;
	line-height: 24px;
	color:#fff;
	font-size:16px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	background:#85b7d9;
	top:-5px;
	right:0;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
}

.color1 {
	background:#555;
}
.color2 {
	background:#ba782a;
}
.main-keyword a.color-line1 {
	color:#555;
}
.main-keyword a.color-line2 {
	color:#ba782a;
}


.artist-thema {
	width: 1030px;
	margin:0 auto;
}
.artist-thema li {
	float: left;
	width: 227px;
	height: 227px;
	margin-right: 40px;
	position: relative;
	background:#007fb3;
}
.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:73px;
}
.artist-thema li a::before {
	content:'';
	width: 202px;
	height: 2px;
	background:#fff;
	position: absolute;
	left:12.5px;
	top:150px;
}
.artist-thema span:hover {
	background:rgba(0,0,0,0.6);
	color:#ccad62;
}


/*	메인 아티스트테마	*/
.artist {
	height: 313px;
	background-size:cover;
	position: relative;
}
.main-artist {
	width: 100%;
	height: 100%;
	margin:0;
}
.main-artist span:hover {
	background:none;
	color:#fff;
}
.main-artist span {
	width: 312px;
	height: 313px;
}
.main-artist li {
	position: relative;
	width: 100%;
	height: 100%;
}
.main-artist .artist-cover {
	display: none;
	background:rgba(0,0,0,0.6);
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.main-artist .artist-cover em {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color:#ccad62;
	font-size:26px;
	font-weight: 900;
	padding: 20px;
}
.main-artist li:hover .artist-cover {
	display: table;
}
.main-artist li::before {
	content:'';
	width: 202px;
	height: 2px;
	background:#fff;
	position: absolute;
	left:50%;
	margin-left: -101px;
	top:110px;
}
.main-artist li a::before {
	content:'';
	width: 202px;
	height: 2px;
	background:#fff;
	position: absolute;
	left:50%;
	margin-left: -101px;
	top:200px;
}

.keyword-thema {
	position: relative;
}
.keyword-thema a {
	position: absolute;
	bottom:0;
	left:0;
	/* 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 */
	font-weight: bold;
	font-size:22px;
	color:#fff;
	text-align: center;
	display: block;
	width: 100%;
	padding-bottom: 10px;
}
.keyword-thema span:hover {
	background:none;
	color:#fff;
}
.keyword-thema span {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	font-size:17px;
	font-weight: bold;
	color:#fff;
	display: block;
}
.keyword-thema i {
	position: static;
	background:none;
	width: 100%;
	height: 100%;
	display: block;
}
.keyword-thema i img {
	width: 100%;
	height: 100%;
}
.artist-thema .keyword-thema::before {
	content:'';
	display: none;
}
.artist-thema .keyword-thema a::before {
	content:'';
	display: none;
}


.poster-list {
	width: 1030px;
	margin:0 auto;
	margin-top: 20px;
}
.poster-list li {
	float: left;
	width: 230px;
	height: 330px;
	margin-right: 36px;
	border:1px solid #e6e6e6;
	position: relative;
}
.poster-list li:last-child {
	margin-right: 0;
}
.poster-list li.on::after {
	content:'';
	width: 50px;
	height: 30px;
background:url('../../img/musicbooks/arrow07.png') no-repeat;
	display: block;
	position: absolute;
	left:50%;
	margin-left: -25px;
	top:105%;
}
.poster-list li img {
	width: 100%;
	height: 100%;
}
.poster-list a {
	position: absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	display: none;
}
.poster-list li:hover a {
	display: table;
}
.poster-list span {
	display: table-cell;
	vertical-align: middle;
	color:#ccad62;
	font-weight: 900;
	font-size:26px;
	text-align: center;
}
.poster-list .link {
	position: absolute;
	width: 32px;
	height: 32px;
	background:url('../../img/musicbooks/link.png') no-repeat;
	left:50%;
	margin-left: -16px;
	bottom:35px;
	display: block;
}





/*	스페셜 메인	*/
.special-header .logo a {
	color:#fff;
}
.special-bg {
	background:url('../../img/musicbooks/bg04.png') no-repeat;
	background-size:cover;
}

.special-sub-title {
	text-align: center;
	color:#b18add;
	font-size:25px;
	font-weight: bold;
	padding-top: 150px;
}
.special-title {
	color:#fff;
	font-weight: bold;
	font-size:42px;
	text-align: center;
	padding-bottom: 85px;
}
.banner-box {
	width: 1038px;
	height: 609px;
	margin:0 auto;
	padding-bottom: 100px;
	box-sizing:content-box;
}
.banner-box img {
	width: 100%;
	height: 100%;
}
.banner-box dl {
	float: left;
	height: 203px;
	width: 50%;
}
.banner-box dt,.banner-box dd {
	float: left;
	height: 100%;
}
.banner-box dt {
	width: 165px;
	padding:40px 20px;
	color:#fff;
	font-size:21px;
	position: relative;
	font-weight: bold;
}
.banner-box dd {
	width:calc(100% - 165px);
}
.banner-box .color01 {
	color:#000;
	background:#fff;
}
.banner-box .color02 {
	background:#0ea5ae;
}
.banner-box .color03 {
	background:#3a529b;
}
.banner-box .color04 {
	background:#a76e36;
}
.banner-box .color05 {
	background:#53585d;
}
.banner-box .color06 {
	background:#a33422;
}
.banner-box a {
	color:#fff;
	font-size:18px;
	position: absolute;
	left:20px;
	bottom:20px;
}
.banner-box .color01 a {
	color:#000;
}


.main-bg02 {
	background:url('../../img/musicbooks/bg05.png') no-repeat;
	background-size:cover;
	height: 600px;
}
.ts-box {
	width: 1164px;
	margin:0 auto;
	padding-top: 110px;
	position: relative;
}

.ts-title {
	color:#d7d7d7;
	font-size:25px;
	font-weight: bold;
	margin-left: 66px;
	background:url('../../img/musicbooks/line.png') no-repeat 190px center;
	margin-bottom: 30px;
}
.ts02 .ts-title {
	background:url('../../img/musicbooks/line.png') no-repeat 120px center;
}
.ts03 .ts-title {
	background:url('../../img/musicbooks/line.png') no-repeat 250px center;
}
.ts-num {
	padding-top:50px;
	padding-bottom:59px;
	width: 169px;
	margin:0 auto;
}
.ts-num li {
	width: 37px;
	height: 4px;
	background:#858488;
	margin-right: 7px;
	float: left;
	cursor: pointer;
}
.ts-num li:last-child {
	margin-right: 0;
}
.ts-num li.on {
	background:#5bf8b8;
}

.ts-box .prev,.ts-box .next {
	position: absolute;
	width: 20px;
	height: 38px;
	top:54%;
	margin-top: -19px;
	border:none;
}
.ts-box .prev {
	left:0;
	background:url('../../img/musicbooks/arrow04.png') no-repeat;
}
.ts-box .next {
	right:0;
	background:url('../../img/musicbooks/arrow03.png') no-repeat;
}
.ts-box .prev:hover {
	background:url('../../img/musicbooks/arrow02.png') no-repeat;
}
.ts-box .next:hover {
	background:url('../../img/musicbooks/arrow01.png') no-repeat;
}

.footer02 {
	height: 142px;
	background:#595a64;
}
.footer02 div {
	width: 1035px;
	margin:0 auto;
	padding-top: 65px;
}
.footer02 h1 {
	color:#a2a2a2;
	font-size:20px;
	display: inline-block;
	padding-right: 15px;
	border-right:1px solid #a2a2a2;
}
.footer02 span {
	display: inline-block;
	padding-left: 15px;
	color:#b5b5b5;
	font-size:14px;
	font-weight: 300;
}


.ts02,.ts03,.ts04 {
	display: none;
}
.no-border li {
	border:none;
}
.mb30 {
	margin-bottom: 30px;
}

/*	아티스트 추가수정  2020-08-27   */
.artist-thema span:hover {
	background:none;
	color:#fff;
}
.artist-thema li {
	position: relative;
}
.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;
}

/* 2020-11 추가*/
.btn-contents {
    float: left;
    margin-left: 20px;
    margin-top: 6px;
}
.btn-contents a {
	width: 217px;
	height: 34px;
	background:url('../../img/d_conetnts.png') no-repeat center;
	border-radius:34px;
	display: block;
}