.series-column > .col-book
{ float: left; position: relative; min-height: 1px; padding: 5px 5px 0; width: 12.5%; margin-bottom: 10px; }

.series-column > .col-book > a > div.completed
{ position: absolute; left: 0; top: 128px; width: 100%; height: auto; padding: 0 10px; }
.series-column > .col-book > a > div.completed > span
{ float: left; position: relative; width: 100%; height: 24px; padding: 0 0; font-size: 11px; font-weight: 800; color: #FFBB00; background-color: #000000; text-align: center; opacity:.6; filter:alpha(Opacity=60); -webkit-border-radius:3px; border-radius:3px; }

.series-column > .col-book > a:hover > div.completed > span
{ opacity:.95; filter:alpha(Opacity=95); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }


.series-column > .col-book > a > h6
{ display: block; margin: 0; padding: 0; line-height: 22px; }
.series-column > .col-book > a > .bimg
{position: relative; display: block;}
.series-column > .col-book > a > .bimg > img
{ width: 100%; height: 130px; text-align: center; padding: 0; margin: 0; }
.series-column > .col-book > a:hover > .bimg > img
{ transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; padding: 3px; border: 2px solid #000000; }

.series-column > .col-book > a > footer
{ display: block; margin-top: 0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1 }
.series-column > .col-book > a > footer > h6
{ font-style: normal; font-weight: 700; font-size: 12px; line-height: 14px; letter-spacing: 0em; color: #000000; margin: 6px 0 0;  }
.series-column > .col-book > a > footer > h6 > small
{ display: block; font-weight: 700; padding: 3px 0 0; color:#777777; }

.series-column > .col-book > a > footer > span
{ display: block; font-size:16px; color: #555555; font-weight: 400; }
.series-column > .col-book > a > footer > span > em
{ color: #999999; font-style: normal; }
.series-column > .col-book > a > footer > span > small
{ color: #EEEEEE; padding: 0 10px; font-family: 'Vollkorn', serif; font-weight:400; font-style: normal; }

.series-column > .col-book > a > footer > p
{ display:block; padding: 0; margin: 0; font-size:16px; color: #555555; font-weight: 400; }
.series-column > .col-book > a > footer > p > em
{ color: #999999; font-style: normal; }
.series-column > .col-book > a > footer > p > span
{ vertical-align: sub; }
.series-column > .col-book > a > footer > p > .label-icon
{ font-weight:500; font-size:12px; padding: 2px 7px; color:#FFFFFF; background-color: #FFCC00; -webkit-border-radius:3px; border-radius:3px; }

/* 북퀴즈 시리즈 퀴즈 라벨 css START */
.series-column > .col-book > a {position: relative; display: block;}
.series-column > .col-book > a .icon {background: #FFBB00; width: auto; height: auto; border-radius: 0; color: #FFFFFF; padding: 4px 5px 1px; font-size: 12px; font-weight: 700; position: absolute; left: -3px; top: 93px; display: inline-block;}
.series-column > .col-book > a .icon:after {content: ''; position: absolute; left: 0; bottom: 100%; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #000000; border-bottom: 2px solid #000000;}
.series-column > .col-book .completed {position: absolute; width: 96%; background: #000; opacity: .6; font-weight: 700; font-size: 12px; text-align: center; color: #ffbb00; left: 50%;
    transform: translateX(-50%); top:6px;}



.series-column > .col-book > a > .bimg > span
{ text-align:center; padding: 5px; line-height: 1;  font-size: 12px; color: #FFFFFF; font-weight: 700; position: absolute; left:-3px; bottom: 5px; }
.series-column > .col-book > a > .bimg > span:after
{ content:''; position: absolute; left:0; bottom:100%; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #000000; border-bottom: 2px solid #000000; }

.series-column > .col-book > a > .bimg > span.icon-quiz { background: #510FA8; }
.series-column > .col-book > a > .bimg > span.icon-script { background: #FF2D77; }
.series-column > .col-book > a > .bimg > span.icon-video { background: #FF3B30; }

.series-column > .col-book > a > .bimg > span:nth-of-type(1)
{ bottom: 5px;}
.series-column > .col-book > a > .bimg > span:nth-of-type(2)
{ bottom: 31px;}
.series-column > .col-book > a > .bimg > span:nth-of-type(3)
{ bottom: 57px;}
.series-column > .col-book > a > .bimg > .icon-voca {color: #fff; background: #0eadee; border-radius: 100%; width: 20px; height: 20px; text-align: center; line-height: 20px; font-weight: 700; position: absolute; bottom: 5px; right: 5px; font-size: 14px;}
/* 북퀴즈 시리즈 퀴즈 라벨 css END */



.book-set-group .group-title {border-bottom: 1px solid #dbdbdb; text-align: left; margin-bottom: 10px;}
.book-set-group .group-title > .title-txt {font-size: 18px; background: #ffbb00; padding: 5px 15px 5px 15px; display: inline-block; color: #fff; border-radius: 10px 10px 0px 0px; vertical-align: bottom;}
.book-set-group .group-title > .title-txt > span {font-size: 32px; font-weight: 700; line-height: 1; vertical-align: -2px;}

.book-set-group .group-title > .academy-btn-wrap {float: right; padding-top: 5px;}
.book-set-group .group-title > .academy-btn-wrap > div {float: left; margin-left: 10px;}
.book-set-group .group-title > .academy-btn-wrap > div > a {display: block; padding: 6px 20px; background: #ff4848; color: #fff; border-radius: 10px;}

@media all and (max-width: 1201px)
{
	.series-column > .col-series,
	.series-column > .col-book
	{ padding: 4px 8px 0; width: 20%; }
	.series-column > .col-book > a > img
	{ height: 140px; }
}
@media all and (max-width: 526px)
{
	.series-column > .col-series,
	.series-column > .col-book
	{ padding: 4px 6px 0; width: 25%; }
	.series-column > .col-book > a > h6
	{ font-size: 14px; }
	.series-column > .col-book > a > img
	{ height: 130px; }
}