@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
/*Global HTML */
.2017bestaward div,.2017bestaward ul,.2017bestaward li,.2017bestaward p,.2017bestaward select,.2017bestaward input {margin:0; padding:0; box-sizing:border-box;  -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.2017bestaward ul {list-style:none;}
.2017bestaward a{color:inherit; text-decoration:none; font-size:inherit; font-weight:inherit; display:block;}
.2017bestaward a:active,.2017bestaward a:hover,.2017bestaward a:link,.2017bestaward a:visited {text-decoration:none; color:inherit;}
.2017bestaward table {border-collapse:collapse;}
.2017bestaward img {border:none;}

/* Global font */
.bbv-container {font-family: 'Noto Sans KR', 'malgun gothic', sans-serif; color:#333;}

/******* Global layout *******/

/*Global Classes*/
.bbv-container { width:100%; text-align:center; }
.bbv-wrap { width:930px; margin:auto; padding:0;}
.bbv-clearfix:before,.bbv-clearfix:after { content: ""; display: table; }
.bbv-clearfix:after { clear: both; }
.bbv-clearfix { *zoom: 1; }

/*투표하기 롤오버, 세부 위치는 하단 각 페이지별로 재조정(bottom 값 조정)*/
.bbv-book-vote {position:relative;  text-align:center; width:100%;  height:0;   display:none; }
.bbv-book-vote>img {cursor:pointer;}
.bbv-list-book-set:hover>.bbv-book-vote {display:block;}
.bbv-list-cover {text-align:center; margin:auto; cursor:pointer;}
.bbv-list-cover .bookcover {width:190px; margin:0 auto; position:relative; overflow:hidden; height:280px;}
.bbv-list-cover .bookcover img {width:190px;}

.bbv-list-booktitle {font-size:18px; color:#000; padding:10px 0 0 0; margin:0; font-weight:500; font-family:malgun gothic;}
.bbv-list-text {font-size:13px; margin:0; padding:5px 0 0 0; }


/*댓글게시판*/
.bbv-board-paging {text-align:center; width:60%;margin:20px auto; }
.bbv-board-paging ul { width:100%; border:1px solid #dbdbdb; overflow:hidden; padding:10px 0;}
.bbv-board-paging ul li { width:6.95%; text-align:center; float:left; border-right:1px solid #dbdbdb; cursor:pointer; color:#888;}
.bbv-board-paging ul .paging-end {border-right:none;}
.bbv-board-paging ul .on {color:#20be98;}
.bbv-board-paging ul li:hover { color:#000;}
.bbv-board-sum {clear:both; border-top:1px solid #888; border-bottom:1px solid #888; padding:14px 0; text-align:center; }
.bbv-board-sum .board-sum-no { color:#20be98; font-size:18px;}
.bbv-board {margin:20px auto; width:96%;}
.bbv-board ul li {clear:both; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.bbv-board .book-cover {float:left; min-height:140px; padding:20px;}
.bbv-board .book-text  {float:left; min-height:140px; text-align:left; padding:20px 20px 20px 20px; width:720px;}
.bbv-board .book-text>p { font-size:13px; padding:4px 0; margin:0; line-height:15px;}
.bbv-board .book-text>.board-title {color:#000; font-size:16px;}
.bbv-board .book-text>.board-date {color:#888;}

/*header*/
#bbv-header-container {background:url(http://image.aladin.co.kr/img/events/book/2017/2017Wbestbook/bbv-head-bg.png) top left repeat-x; padding:0; text-align:center; position:fixed; z-index:100; border-bottom:1px solid #fff;}
#bbv-header-container,.bbv-header-height {height:140px;}

.bbv-top-menu { position:absolute; width:930px; margin:0 auto; top:0;}
.bbv-top-menu ul { overflow:hidden; padding-left:720px;}
.bbv-top-menu ul li { width:70px; float:left; text-align:center;padding:0;color:#9a9a9a;}
.bbv-top-menu ul li a{ font-size:11px; font-family:'dotum','malgun gothic', sans-serif; color:#9a9a9a; line-height:30px;}

.bbv-nav, .bbv-logo { float:left;}
.bbv-nav { width:340px; }
.bbv-nav li { width:50%; font-size:20px; color:#70958c; float:left; text-align:center;letter-spacing:-1px; padding-top:80px; }
.bbv-nav li a {color:#70958c;  width:100px; height:100px;}
.bbv-nav .on a {border-bottom:3px solid #20be98; color:#20be98; font-size:22px;}
.bbv-nav li a:hover { color:#20be98; text-decoration:none;}

.bbv-nav-vote {text-align:right;position:relative; top:140px;} 
.bbv-nav-vote a{display:inline; position:absolute;}

/*title*/
.bbv-head-notice {padding-bottom:40px;}
.bbv-head-notice strong { font-size:14px;}
.bbv-head-notice p {font-size:13px; color:#888;}

/*category*/
#bbv-category-container { background:#efefef; border-top:1px solid #e5e5e5;}
.bbv-category ul { width:100%; border-left:1px solid #ddd;overflow:hidden;}
.bbv-category ul li {width:19%; text-align:center; font-size:18px; color:#595959; float:left; border-right:1px solid #ddd; cursor:pointer;height:45px; padding-top:20px;}
.bbv-category ul li a { color:#595959; text-decoration:none;}
.bbv-category ul .on { background:#cfece5; font-weight:500; color:#5dad9a;}
.bbv-category ul .on a { background:#cfece5; font-weight:500; color:#5dad9a;}

.bbv-category ul .bbv-category-2row {line-height:25px;} /*메뉴명 2line 일경우*/
.bbv-category .company li {width:154px;}
.bbv-category .company .on {color:#5dad9a;background:#efefef;}
.bbv-category .company .on a {color:#5dad9a;background:#efefef; }
.bbv-category .company li:last-child {background:url(http://image.aladin.co.kr/img/events/book/2017/2017Wbestbook/bbv-icon-vote.png) no-repeat 50% -30px;}
.bbv-category .mania li {width:33%;}

/* 최고의책 메인 리스트*/
#bbv-mainlist-container { background:#cfece5; padding:30px 0; margin-bottom:20px;}
.bbv-01-list table {width:100%;}
.bbv-01-list table tr td { width:50%; padding:40px 0 20px 0; clear:both;}
.bbv-01-list table tr td:first-child {border-right:1px solid #a0b4af;}

.bbv-01-list table tr td .bbv-list-title {width:200px;float:left;}
.bbv-01-list table tr td .bbv-list-book-set {width:200px;float:left; text-align:center;}
.bbv-01-list table tr .right .bbv-list-book-set,.bbv-01-list table tr .right .bbv-list-title {float:right;}
.bbv-01-list table tr .table-title { text-align:right; background:url(http://image.aladin.co.kr/img/events/book/2017/2017Wbestbook/bbv-table-title-bg.png) repeat-x; height:50px; padding:0;}
.table-title .bbv-01-list-title {position:relative; top:-120px; left:395px;*left:-70px}
.table-title .bbv-01-list-title>div {position:absolute; width:140px; height:140px;*height:90px; background:url(http://image.aladin.co.kr/img/events/book/2017/2017Wbestbook/bbv-table-categoryTitle-bg.png) center 50% no-repeat; border-radius:200px;padding-top:100px;}
.table-title .bbv-01-list-title>div>p { text-align:center; color:#fff; width:80%; margin:auto; font-family:malgun gothic; font-size:16px;}
.bbv-01-list .bbv-list-cover {display:table-cell; vertical-align:bottom; height:290px;  width:200px;}
.bbv-01-list .bbv-list-cover>img { width:200px; height:auto;}
.bbv-btn-skip>img {cursor:pointer;}

/*투표하기 롤오버 : 최고의 책 variation*/
.bbv-01-list .bbv-book-vote {bottom:200px; }

/*최고의 저자*/
.bbv-mainlist-title {width:100%; height:50px; background:url(http://image.aladin.co.kr/img/events/book/2017/2017Wbestbook/bbv-line-bg.png) repeat-x 50%; margin-bottom:20px;}

.bbv-mainlist-title .title {max-width:70%; padding:0 20px; line-height:50px; border-radius:200px; background:#333; color:#fff; float:left; font-size:16px; overflow:hidden;}
.bbv-mainlist-title .skip-btn {float:right; cursor:pointer;}

/*투표하기 롤오버 : 최고의 저자 variation*/
.bbv-02-list .bbv-book-vote {bottom:162px;}
.bbv-02-list .bbv-list-cover { vertical-align:middle; width:200px; height:200px; border-radius:300px; overflow:hidden;}
.bbv-02-list .bbv-list-cover>img { width:200px; height:auto;}
.bbv-02-list ul {width:96%; margin:auto;}
.bbv-02-list ul li {width:24%; text-align:center; float:left; margin:20px auto;}
.writer-mask {position:absolute; width:250px; height:auto;}

/*최고의 출판사*/
.company-list-set { width:50%; float:left; overflow:hidden;}
.company-list-set .company-list-title,.company-list-set>ul {width:96%;*width:95%; margin:auto;}
.company-list-title  {background:#20be98; padding:12px 0; border-radius:24px 24px 0 0; color:#fff; overflow:hidden;}
.company-list-title>p {width:90%; margin:0 auto; padding:0; line-height:18px;}
.company-list-title .company-title {font-size:22px; text-align:left; line-height:30px;}
.company-list-title .score { text-align:left; background:url(http://image.aladin.co.kr/img/events/book/2017/2017Wbestbook/bbv-icon-score.png) no-repeat; text-indent:30px; height:30px; line-height:30px; float:left; max-width:60%; margin-left:20px;}
.company-list-title>.vote-btn { float:right; z-index:1; text-align:right; padding-right:20px; width:27%;background:url(http://image.aladin.co.kr/img/events/book/2017/2017Wbestbook/bbv-icon-vote-white.png) no-repeat left 50%; font-weight:bold;}
.company-list-title>.vote-btn:hover {color:#000; cursor:pointer;}

.bbv-03-list ul li { float:left; width:50%; padding:20px 0 60px 0;} 

/*투표하기 롤오버 : 최고의 출판사 variation*/
.bbv-03-list .bbv-book-vote {bottom:200px; }


/*작고 강한  출판사*/
.small-company-list-set { width:25%; float:left; overflow:hidden;}
.small-company-list-set .small-company-list-title,.small-company-list-set>ul {width:96%;*width:95%; margin:auto;}
.small-company-list-title  {background:#20be98; padding:12px 0; border-radius:24px 24px 0 0; color:#fff; overflow:hidden;}
.small-company-list-title>p {width:90%; margin:0 auto; padding:0; line-height:18px;}
.small-company-list-title .company-title {font-size:22px; text-align:center; line-height:30px;}
.small-company-list-title .score { text-align:left; background:url(http://image.aladin.co.kr/img/events/book/2017/2017Wbestbook/bbv-icon-score.png) no-repeat; text-indent:30px; height:30px; line-height:30px; float:left; max-width:60%; margin-left:20px;}
.small-company-list-title>.vote-btn { float:right; z-index:1; text-align:right; padding-right:20px; width:27%;background:url(http://image.aladin.co.kr/img/events/book/2017/2017Wbestbook/bbv-icon-vote-white.png) no-repeat left 50%; font-weight:bold;}
.small-company-list-title>.vote-btn:hover {color:#000; cursor:pointer;}

.bbv-03-01-list ul li { width:100%; padding:20px 0 60px 0;} 

/*투표하기 롤오버 : 최고의 출판사 variation*/
.bbv-03-01-list .bbv-book-vote {bottom:200px; }


/*최고의 독자*/
.number { color:#20be98;}
.bbv-head-notice .bbv-mania-notice {font-size:20px; color:#000; line-height:24px;}
.bbv-mania-notice>.number {font-family:'Baloo Bhaina', cursive; font-size:24px;}
.bbv-mania-dl { width:70%; margin:auto;}
.bbv-mania-dl li { width:33.33%; text-align:center; float:left; padding:20px 0;}

#bbv-maniadetail-container { background:#eee; padding:30px 0; margin:20px auto;}
.bbv-mania-logo{ float:left; width:20%;}
.bbv-mania-detail { float:right; width:70%; text-align:left;}
.bbv-mania-detail .headtext { font-size:16px; color:#000; line-height:24px;}
.bbv-mania-detail .bodytext {padding:20px 0; font-size:14px; line-height:22px;}
.bbv-mania-detail .bodytext .number { font-weight:bold; padding-right:10px; }
.bbv-mania-detail .notetext li { font-size:11px; font-family:'dotum'; padding:0; margin:0; color:#888;}
.bbv-mania-detail .notetext li>img { vertical-align:middle;}

#bbv-mymania-container { margin:20px auto 40px auto;*margin:10px auto 20px auto; text-align:left;}
#bbv-mymania-container .my-mania-title{ font-size:18px; color:#000; width:100%; margin:auto; overflow:hidden; line-height:40px;}
#bbv-mymania-container .my-mania-title .bbv-more-btn {font-size:14px; padding:5px 10px; border:1px solid #ccc; margin-left:10px; cursor:pointer; }
#bbv-mymania-container .my-mania-title .bbv-more-btn a { text-decoration:none;}
#bbv-mymania-container .list-view ul {width:100%; margin:20px auto;}
#bbv-mymania-container .list-view ul li { float:left; width:33.33%;*width:33%;}
#bbv-mymania-container .list-view ul li .img {float:left; margin-right:10px; border:1px solid #ccc;}
#bbv-mymania-container .list-view ul li .text {float:left; width:200px;} 
#bbv-mymania-container .list-view ul li .text .title {font-size:16px; color:#000; line-height:20px; padding:5px 0;}
#bbv-mymania-container .list-view ul li .text p {font-size:14px;line-height:16px;margin:0; padding:0;}

#bbv-manialist-container { background:#cfece5; padding:30px 0; margin-bottom:20px;}
.bbv-mania-category { float:left; width:26%; padding:15px 0; border-radius:24px 0 0 24px; background:#333; color:#fff; text-align:left;}
.bbv-mania-category li {padding:0; width:70%; margin:15px auto; cursor:pointer;}
.bbv-mania-category .on {color:#2cbd9a;}
.bbv-mania-category li:hover { color:#ccc;}

.bbv-04-list {float:right; width:70%;}
.bbv-mania-board-set { width:50%;*width:48%; float:left; overflow:hidden; margin:20px 0;}
.bbv-mania-board-set .img {float:left; width:100px; height:100px; overflow:hidden; border-radius:200px; text-align:center; background:#d8d8d8;  border:1px solid #cfece5;}
.bbv-mania-board-set .img>img {width:100px; height:auto;}
.user-mask {position:absolute; width:100px; height:auto;}
.bbv-mania-board-set .user-detail {float:left; margin-left:20px; width:50%; text-align:left;}
.bbv-mania-board-set .user-detail .name { font-size:18px; color:#2cbd9a; line-height:20px; }
.bbv-mania-board-set .user-detail .text {font-size:14px; padding:5px 0 15px 0;}
.bbv-mania-board-set .user-detail .more-btn { padding:5px 10px;  background:#333; color:#fff; text-align:center; cursor:pointer; display:inline; font-size:14px;}
.bbv-mania-board-set .user-detail .more-btn a{ color:#fff; text-decoration:none;}
.bbv-mania-board-set .board-list {clear:both; width:94%; margin:auto; text-align:left; padding:5px 0 20px 0;}
.bbv-mania-board-set .board-list .boardtitle {font-size:15px; color:#2cbd9a; border-bottom:1px solid #2cbd9a; line-height:18px; padding:15px 0;}
.bbv-mania-board-set .board-list>ul { width:94%; margin:20px auto 0 auto;}
.bbv-mania-board-set .board-list>ul>li { margin:10px 0; clear:both; font-size:13px; line-height:16px; font-weight:300;}
.bbv-mania-board-set .board-list>ul>li a {display:inline; color:#333;}
.bbv-mania-board-set .board-list>li>.subject { float:left; width:70%;cursor:pointer; }
.bbv-mania-board-set .board-list>li:hover {color:#000; cursor:pointer;}
.bbv-mania-board-set .board-list>li>.date { float:right; width:25%;}

#bbv-mylist-container {background:#cfece5; padding:30px 0; margin-bottom:20px;}
.my-notice-bar {padding:20px; border:1px solid #5dad9a; background:#fff; border-radius:24px;}
.my-notice-bar .my-notice-title { font-size:15px; line-height:24px;}
.my-notice-bar .my-notice-subject { font-size:18px; line-height:24px; color:#5dad9a;}
.my-notice-login-btn { border:3px solid #5dad9a; padding:10px 20px; font-size:18px; text-align:center; margin:20px auto 0 auto; width:150px; color:#5dad9a; font-weight:300; cursor:pointer;}

#bbv-searchlist-container {background:#cfece5; padding:30px 0; margin-bottom:20px;}
.search-bar {padding:20px; border:1px solid #5dad9a; background:#fff; border-radius:24px;}
.search-bar .search-title { font-size:20px; line-height:35px; padding-right:20px;}
.search-bar select {font-size:16px; line-height:38px; margin-right:5px; height:38px;}
.search-result { width:80%; margin:auto; margin-top:30px;}

/* 투표현황*/
#bbv-stat-book-container {background:#cfece5; padding:40px 0; }
#bbv-stat-writer-container {background:#b6e3d8; padding:40px 0; }
#bbv-stat-company-container {background:#cfece5; padding:40px 0; }
#bbv-stat-small-company-container {background:#b6e3d8; padding:40px 0; margin-bottom:20px;}

.bbv-category .stat li{ background:#fff; margin:20px auto;}
.bbv-category .stat .on {background:#5dad9a; color:#fff;}

.bbv-stat-list {clear:both;}
.bbv-stat-list .grade { width:90px; text-align:left; float:left;}
.bbv-stat-list .grade .grade-1st { padding-top:50px; min-height:320px;*min-height:270px;}
.bbv-stat-list .grade .grade-2nd { display:table-cell; vertical-align:bottom;}
.bbv-stat-list .stat-list { width:800px; float:right; overflow:hidden;}
#bbv-stat-small-company-container .bbv-stat-list .stat-list { overflow:hidden; float:none; margin:auto;}
.bbv-stat-list .stat-list ul {width:100%;}
.bbv-stat-list .stat-list ul li {width:25%; float:left;}
.bbv-stat-list .stat-list ul li>p {padding:0; margin:0;}
.bbv-stat-list .stat-list ul li .stat-1st {clear:both;overflow:hidden;padding:10px 0; width:100%;} 
.bbv-stat-list .stat-list ul li .stat-cate-title { font-size:16px; color:#5dad9a; line-height:20px; padding:10px 0;}
.bbv-stat-list .stat-list ul li .stat-book { text-align:center; vertical-align:bottom; display:table-cell; height:230px; width:200px; height:230px; overflow:hidden;}
.bbv-stat-list .stat-list ul li .stat-book>img { max-width:200px; max-height:220px; }
.bbv-stat-list .stat-list ul li .stat-2nd {padding:10px 0; border-top:1px solid #20be98; border-bottom:1px solid #20be98;  overflow:hidden;}

.stat-list .bbv-list-booktitle {font-size:18px; color:#000; padding:10px;}
.stat-list .bbv-list-text {font-size:13px; }

.stat-writer-mask {position:absolute; width:100px; height:auto;}
.bbv-stat-list .stat-list ul li .stat-writer { text-align:center; width:200px; height:200px; margin:15px auto; overflow:hidden;}
.bbv-stat-list .stat-list ul li .stat-writer>img { width:200px; height:auto; }

.stat-nav ul {border-top:1px solid #5dad9a; color:#5dad9a; width:100%;}
.stat-nav ul li {width:25%;*width:24%; padding:20px 0; float:left; font-size:18px; font-weight:300; cursor:pointer;color:#5dad9a}
.stat-nav ul li a {color:#5dad9a; text-decoration:none;}

.stat-number {font-size:65px; color:#20be98; font-weight:800; text-align:left; width:930px; height:85px; background:url(http://image.aladin.co.kr/img/events/book/2017/2017Wbestbook/bbv-head-title05.png) no-repeat; padding-top:80px; text-indent:46%;}

/* 투표하기 창*/
.bbv-pop {width:100%;overflow:hidden;}
.bbv-title>img { width:100%;}
.bbv-input {padding:5%; }
.bbv-input .book { width:50%; margin:auto;}
.bbv-input .book>img {width:100%; height:auto;}
.bbv-input .input {width:94%; margin:10px auto;}
.bbv-input textarea {width:95%; padding:5px; min-height:100px; border:1px solid #ccc;  font-size:1em; box-sizing:border-box;}
.bbv-banner{ clear:both; width:94%; height:auto; text-align:center; margin:auto;}
.bbv-banner>img {width:100%; height:auto;}
.bbv-pop-btns { width:96%; margin:10px auto; }
.bbv-pop-btns li {width:50%; float:left; text-align:center;}
.bbv-pop-btns li>img,.bbv-pop-btns li>input {cursor:pointer; width:96%; height:auto;}


/* 응원하고 싶은 작고 강한 출판사*/
.bbv-stat-list .stat-list2 ul {width:100%; overflow:hidden;}
.bbv-stat-list .stat-list2 ul li {width:20%; float:left;}
.bbv-stat-list .stat-list2 ul li>p {padding:0; margin:0;}
.bbv-stat-list .stat-list2 ul li .stat-1st {clear:both; overflow:hidden;padding:10px 0; width:100%;} 
.bbv-stat-list .stat-list2 ul li .stat-book { text-align:center; vertical-align:bottom; display:table-cell; height:230px; width:200px;overflow:hidden;}
.bbv-stat-list .stat-list2 ul li .stat-book>img { maxwidth:200px; max-height:220px; }