@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.browse-wrap {width:1030px; margin:0 auto; position: relative;}
.browse-wrap .browse-left { width:200px; padding-right:30px; float: left;}
.browse-wrap .browse-right {width:800px; float: left;}
.browse-wrap::after {content:''; display: block; clear: both;}

.browse-wrap h3 {font-family: 'Noto Sans KR', sans-serif; font-weight:bold; letter-spacing: -2px; margin:0; color:#222222;}
.browse-wrap h3 em {color: #222222; font-style: normal;}
.browse-wrap h3 a:link , .browse-wrap h3 a:hover , .browse-wrap h3 a:visited {color:#222222; text-decoration: none; font-weight:bold; letter-spacing: -2px; display: inline-block; position: relative; padding-right:15px;}
.browse-wrap h3 a::after { content:''; display: block; position: absolute; width:6px; height:12px; right:0; top:10px; background: url(//image.aladin.co.kr/img/browse/2020/arrow_more.gif) no-repeat;}
.browse-wrap .browse-left h3 , .browse-wrap .browse-left h3 a:link , .browse-wrap .browse-left h3 a:hover , .browse-wrap .browse-left h3 a:visited {font-size:19px!important;}
.browse-wrap .browse-right h3 , .browse-wrap .browse-right h3 a:link , .browse-wrap .browse-right h3 a:hover , .browse-wrap .browse-right h3 a:visited {font-size:21px; line-height: 1.4;}

.browse-wrap .swiper-pagination-bullet { width:9px; height:9px;}
.b-swiper-button-prev, .b-swiper-button-next {position: absolute; top: 50%;  width: 40px; height: 40px; margin-top: -22px; z-index: 10; cursor: pointer;    -moz-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; background-position: center; background-repeat: no-repeat; transform: translateY(-30%);}

.l-sidebn-tab{position: absolute; left:-30px;}
.l-sidebn-tab img {cursor: pointer;}
.l-sidebn { width:1030px; position: absolute; z-index: 9999; background-color:#fff; top:0; left:0;}
.l-sidebn .widebn-img { width: 1030px; text-align: center; border-radius:8px; border:1px #ccc solid; margin-bottom:5px; box-sizing: border-box; overflow: hidden;}
.l-sidebn .widebn-img img {width: 100%; max-width: 1028px;}
.l-sidebn .widebn-btn { text-align: right;}
.r-sidebn {position: absolute; right:-100px; top:0px;}


.b-swiper-button-next {background-image: url(//image.aladin.co.kr/img/browse/2020/arrow_next.png); right: 10px; left: auto;}
.b-swiper-button-prev {background-image: url(//image.aladin.co.kr/img/browse/2020/arrow_prev.png); left: 10px; right: auto;}
.b-swiper-button-next:hover {background-image: url(//image.aladin.co.kr/img/browse/2020/arrow_next_hover.png); right: 10px; left: auto;}
.b-swiper-button-prev:hover {background-image: url(//image.aladin.co.kr/img/browse/2020/arrow_prev_hover.png); left: 10px; right: auto;}

.b-topbn .b-swiper-button-next {background-image: url(//image.aladin.co.kr/img/browse/2020/arrow_next_hover.png); right: 10px; left: auto; opacity: 0;}
.b-topbn:hover .b-swiper-button-next {opacity: 1;}
.b-topbn .b-swiper-button-prev {background-image: url(//image.aladin.co.kr/img/browse/2020/arrow_prev_hover.png); left: 10px; right: auto; opacity: 0;}
.b-topbn:hover .b-swiper-button-prev {opacity: 1;}

.b-topbn {width: 100%; height:auto; overflow: hidden; position: relative; margin:0 0 20px 0; padding-bottom: 35px;}
.b-topbn .swiper-slide {width: 262px; margin-right: 7px;}
.b-topbn .swiper-slide img {width: 100%;}
.b-topbn.new {height: auto!important;}
.b-centerbn {width: 100%; height:185px; overflow: hidden; position: relative; margin:0 0 30px 0;  }
.b-centerbn .wrap {width: 100%; height:150px; text-align:center;}

.b-bottombn {width: 100%; height:150px; overflow: hidden; position: relative; margin:0 0 40px 0;}
.b-bottombn .swiper-slide .wrap {text-align: center;}


.why-best { width: 100%;  box-shadow: 1.3px 1.5px 5px 0 rgba(0, 0, 0, 0.2); border-top:2px #ee3c97 solid; box-sizing: border-box; padding:20px 20px 40px 20px; position: relative; margin-bottom:30px; text-align: center;}
.why-best .b-nowbest {width:160px; overflow: hidden; margin:0;}
.why-best .b-nowbest .swiper-slide a { color: #222; text-decoration: none!important;}
.why-best .b-nowbest .swiper-slide h3 {font-size: 19px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; height: 24px; line-height: 24px; margin-bottom: 18px; text-align: center;}
.why-best .b-nowbest .swiper-slide .cover {height: 220px; overflow: hidden; display: flex; align-items: center;}
.why-best .b-nowbest .swiper-slide .cover img { width:100%;}
.why-best .b-nowbest .swiper-pagination {bottom: 15px;}

.browse-menu { width:100%; text-align: left;  margin-bottom:11px;}
.browse-menu a:hover {text-decoration: none;}
.browse-menu h3 {margin-left: 10px; padding: 13px 0 0 0;}
.browse-left > .eb_space13 {display: none;}
.browse-menu ul { margin-top:10px;}
.browse-menu li { border-bottom:1px #ededed solid; font-size:14px; color:#444; line-height:31px; padding-left: 10px;}
.browse-menu li a {font-size:14px; color:#444;}
.browse-menu li a:hover {text-decoration: underline;}
.browse-menu li:last-child {border-bottom: none;}

.browse-search {width:100%; height:36px; border:solid 1px #d5d5d5; border-radius:18px; padding:5px 0px 0px 10px; box-sizing: border-box; position: relative; margin-bottom:30px;}
.browse-search > input { border: none; width:145px;  font-size:14px; line-height:22px; }
.browse-search > input:focus { outline: none;}
.browse-search > button {background: url(//image.aladin.co.kr/img/browse/2020/b_search_btn.png) no-repeat; width:30px; height:30px; border:0; cursor: pointer; position: absolute; right:2px; top:2px;}
.browse-search .japan_box {right:auto!important; left:0!important;}
.browse-search .Japanese_btn {position: absolute; right: 0; bottom: -32px;}

.browse-category { width:100%; padding:10px; border: solid 1px #e5e5e5; box-sizing:border-box; margin-bottom:20px;}
.browse-category a:link , .browse-category a:visited {font-size:13px; color:#000000; line-height:22px; letter-spacing:-0.5px; font-family: Malgun Gothic,'돋움','굴림',Gulim,dotum,'Segoe WPC','Segoe UI','Apple SD Gothic Neo',Helvetica,AppleGothic,Sans-serif!important;}
.browse-category .starblog a:link, .browse-category .starblog a:visited {font-size: 12px; line-height: 18px;}
.browse-category .starblog {padding: 0 0 2px 8px;}

.browse-wrap.used .browse-category {padding: 10px 8px 10px 2px;}
.browse-wrap.used .browse-menu h3 {margin-left: 0; padding: 13px 0 8px 0;}
.browse-wrap.used #used_event .title_box1 {width: 800px; background: none; border-bottom: 1px solid #ccc; position: relative;}
.browse-wrap.used #used_event .title_box1::before {content: ''; display: inline-block; width: 12px; height: 9px; background: url('//image.aladin.co.kr/img/browse/2010/blet_01.gif') no-repeat center / 100% auto; position: absolute; left: 0; top: 8px;}

/*기존 카테고리 스타일*/
.br2010_menu { list-style:none; padding:0; margin:0; word-break:break-all; word-wrap:break-word; text-align:left;}
.br2010_menu  li strong { font-weight:bold;}
#b_menu_s ul {margin:0 10px 0 8px; padding: 3px 0 3px 5px;  background:#F7F7F7; }
#b_menu_s li {margin:0; padding:0;  color:#505050; }

.left-c-banner { width:200px; overflow: hidden; margin-bottom:30px;}
.left-c-banner img { width:100%;}

.browse-series { margin-bottom:10px;}
.browse-series .tab-area {width:100%; height:30px; margin:10px 0;}
.browse-series .tab-area li {float:left; width:50%; height:30px; background-color: #ececec; border: solid 1px #d5d5d5; text-align: center;  box-sizing: border-box;}
.browse-series .tab-area li:first-child { border-radius:15px 0 0 15px; border-right: none;}
.browse-series .tab-area li:last-child {border-radius:0 15px 15px 0; border-left: none;}
.browse-series .tab-area li a { display: block; width:100%; height:30px; color: #666666; font-size:14px; line-height:26px;}
.browse-series .tab-area li a:hover {text-decoration:none;}
.browse-series .tab-area li.on {background-color:#ffffff;}
.browse-series .tab-area li.on a {color: #ee3a95;}

.browse-series .tab-cont { height:140px; overflow-y: scroll;}
.browse-series .tab-cont::-webkit-scrollbar { width:6px;}
.browse-series .tab-cont::-webkit-scrollbar-thumb { background-color:#c1c1c1; width:6px; border-radius:3px;}
.browse-series .tab-cont::-webkit-scrollbar-track { background-color:#fff;}
.browse-series .tab-cont li { padding-bottom:5px; position: relative; padding-left:8px;}
.browse-series .tab-cont li::before {content:''; display:block; position: absolute; left:0; top:7px; background-color:#ee3c97; width:3px; height:3px; border-radius:50%;}
.browse-series .tab-cont li a {font-size:13px; letter-spacing: -0.5px; color:#333; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif;}

.author-rank ol {margin:20px 0; padding:0;}
.author-rank li { padding-bottom:5px;}
.author-rank li em {font-style: normal; color:#999999; font-weight:bold; font-size:15px;}
.author-rank li a:link , .author-rank li a:visited {font-size:14px; color:#444;}
.author-rank li a:hover {font-size:14px; color:#444; text-decoration:underline;}

.author-rank li:first-child { position: relative;}
.author-rank li:first-child em { background: url(//image.aladin.co.kr/img/browse/2020/rank1.png) no-repeat; color: transparent; width:37px; height:44px; position: absolute; left:12px; top:10px;}
.author-rank .author-img { width:150px; height:150px; overflow: hidden; border-radius:50%; margin:0 auto;}
.author-rank .author-img img { width:100%;}
.author-rank .author-name a { display: block; text-align: center; font-size: 14px; font-weight: 500; padding-top:10px;}
.author-rank .author-name a:hover {text-decoration:none!important;}
.author-rank p { margin:0; padding-top:10px;}
.author-rank p a:link , .author-rank p a:visited { color: #436ab5; font-size:14px;}

.b-left-box {border:1px solid #e5e5e5; padding:20px 10px 5px 10px; box-sizing: border-box; margin-bottom:30px;}
.b-left-box h3 {margin-bottom:5px;}
.b-left-box li , .b-left-box dl { border-bottom:1px dotted #dddddd;}
.b-left-box li:last-child , .b-left-box a:last-child dl { border-bottom:none;}

.child-mdchoice {font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:13px;}
.child-mdchoice a:link , .child-mdchoice a:visited {display: block; font-size:13px!important; letter-spacing: -0.5px;}
.child-mdchoice dl { padding:10px 0;}
.child-mdchoice dt { float: left; width:50px; margin-right:10px; overflow: hidden; position: relative;}
.child-mdchoice dt img {width:100%;}
.child-mdchoice dd {float: left; width:118px;}
.child-mdchoice dd .book_t { color:#000000; margin-bottom:3px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.child-mdchoice dd .book_t:hover {text-decoration: underline;}
.child-mdchoice dd .b-author {color:#555555;  margin-bottom:3px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.child-mdchoice dd .b-price { color: #333;}
.child-mdchoice dd .b-price em {font-style: normal; color:#ef3b96; font-weight:bold; font-family: 'Noto Sans KR', sans-serif;}
.recom-series dl::after , .child-mdchoice dl::after {content:''; display: block; clear: both;}
.recom-series dl { display: flex; padding:10px 0;}
.recom-series a:link , .recom-series a:visited {display: block; font-size:14px!important; letter-spacing: -0.5px;}
.recom-series dt { width:50px; max-height:50px; margin-right:8px; overflow: hidden; border:1px #e5e5e5 solid; flex-shrink: 0;}
.recom-series dt img {width:100%;}
.recom-series dd {max-height: 38px; color:#444; margin-bottom:3px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.recom-series dd:hover {text-decoration: underline;}

.newbook-notify { margin-bottom:30px;}
.newbook-notify h3 em {color:#222222;} /*타이틀 컬러 변경 : 변경 전 컬러color:#00b2ef; */
.newbook-notify .tab-area {width:100%; height:30px; margin:10px 0; border: solid 1px #d5d5d5; border-radius: 15px; display: flex; overflow: hidden;}
.newbook-notify .tab-area li {height:30px; background-color: #ececec; text-align: center;  box-sizing: border-box; flex: 1;}
.newbook-notify .tab-area li a { display: block; width:100%; height:30px; color: #666666; font-size:14px; line-height:30px;}
.newbook-notify .tab-area li a:hover {text-decoration:none;}
.newbook-notify .tab-area li.on {background-color:#ffffff;}
.newbook-notify .tab-area li.on a {color: #00b2ef;}
.newbook-notify .tab-cont li { padding-bottom:8px;}
.newbook-notify .tab-cont li a { display: block; position: relative; font-size:14px; color:#444; padding-right:50px;}
.newbook-notify .tab-cont li a:hover {text-decoration: none;}
.newbook-notify .tab-cont li span { position: absolute; right:0; top:0; display: block; width: 45px; height: 20px; background-color: #ddf3ff; color: #00b2ef; font-size: 12px; font-weight: 500; text-align: center; border-radius:10px;}
.newbook-notify .tab-cont li a:hover span { background-color:#cee8f6;}

.cartoon-publish { margin-bottom:30px; position: relative; padding:40px 0 20px 0;}
.cartoon-publish::before {content:''; display:block; position: absolute; width:200px; height:20px; top:0; left:0; background: url(//image.aladin.co.kr/img/browse/2020/cartoon_topimg.jpg) no-repeat;}
.cartoon-publish .cartoon-box {background-color:#fff5fa; padding:5px 5px 5px 15px; margin-top:25px;}
.cartoon-publish .cartoon-box ul { margin:10px 0; overflow-y: scroll; max-height:180px;}
.cartoon-publish .cartoon-box ul::-webkit-scrollbar { width:15px;}
.cartoon-publish .cartoon-box ul::-webkit-scrollbar-thumb { background-color:#f7b5d7; border-radius:10px;  background-clip: padding-box; border: 4px solid transparent; }
.cartoon-publish .cartoon-box ul::-webkit-scrollbar-track { background-color:#fff5fa;}
.cartoon-publish ul li { padding-bottom:5px; position: relative; padding-left:8px;}
.cartoon-publish ul li::before {content:''; display:block; position: absolute; left:0; top:7px; background-color:#ee3c97; width:3px; height:3px; border-radius:50%;}
.cartoon-publish ul li a {font-size:14px; color:#444;}

.depth-select-wrap { width: 800px; height: 50px; background-color: #f5f5f5; padding:10px; box-sizing:border-box; margin-bottom:26px;}
.depth-select-wrap select {font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:14px; width: 125px; height: 28px; padding:0 20px 0 5px; box-sizing: border-box; border: solid 1px #d7d7d7; background: url(//image.aladin.co.kr/img/browse/2020/select_arrow.gif) #fff no-repeat right 10px center; -webkit-appearance: none;  -moz-appearance: none;  appearance: none;} 
.depth-select-wrap ul {display: inline-block;}
.depth-select-wrap li {display: inline-block; position: relative;  margin-right:25px; vertical-align: middle;}
.depth-select-wrap li:last-child {margin-right:0;}
.depth-select-wrap li::after {content:'>'; display: block; position: absolute; right:-20px; top:5px; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:14px;}
.depth-select-wrap li:last-child::after {content:''; }
.depth-select-wrap .b-alarm { float: right; }
.depth-select-wrap .b-alarm a {display: block; font-size:1px; width:30px; height:30px; letter-spacing:-5px; color: transparent; background: url(//image.aladin.co.kr/img/browse/2020/icon_alarm.png) no-repeat;}

.b-mdChoice {position: relative; margin-bottom:30px;}
.b-mdChoice dl {margin-top:10px;}
.b-mdChoice dt {float:left; width:200px; height:310px; overflow: hidden; padding-right:20px; position:relative;}
.b-mdChoice dt img {width:100%; border:1px #e1e1e1 solid; box-sizing: border-box;}
.b-mdChoice dd { float:left; width:580px;}
.b-mdChoice dl::after {content:''; display: block; clear: both;}
.b-mdChoice dd h4 {margin:0;}
.b-mdChoice dd h4 a {font-size:18px; font-weight:bold; color: #333;}
.b-mdChoice dd .b-author { font-size:14px; margin:7px 0 10px 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; color:#555; max-height: 36px;}
.b-mdChoice dd .b-author a {font-size: 14px; color: #555;}
.b-mdChoice dd .b-price {font-size:14px;}
.b-mdChoice dd .b-price em {color: #ef3b96; font-weight:bold; font-style: normal;}
.b-mdChoice dd .sub_t {color: #436ab5; font-size:15px; font-weight:bold; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden;  height:50px; margin-bottom:10px;}
.b-mdChoice dd .sub_t::before {content:''; display:block; height:2px; background-color:#f5f5f5; margin:15px 0;}
.b-mdChoice dd p {font-size:14px; line-height:21px; margin:0 0 6px 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; height:63px;}
.b-mdChoice ul { position: absolute; left:220px; bottom:0px;}
.b-mdChoice li {display: inline-block; width:85px; height:75px; margin-right:10px; position: relative;}
.b-mdChoice li > a {display: block; width: 85px; height: 75px; border:1px solid #e2e2e0; box-sizing: border-box; overflow: hidden;}
.b-mdChoice li > a > img { width:100%; min-height: 73px;}
.b-mdChoice li.on > a {border:3px solid #00b2ef;}

.b-bestseller {}
.b-bestseller .b-tt {border-bottom:1px #d6d6d6 solid; height:34px; position: relative; box-sizing:border-box;}
.b-bestseller .b-tt ul { position: absolute; right:0; bottom:-1px; width: 240px; height:34px;}
.b-bestseller .b-tt ul li { display: inline-block;}
.b-bestseller .b-tt ul li a {display: block;  width:120px; height:34px; background-color:#ececec; font-size:14px; color:#666666; text-align: center; line-height:34px; border:1px #d6d6d6 solid; box-sizing:border-box;}
.b-bestseller .b-tt ul li a:hover {text-decoration: none;}
.b-bestseller .b-tt ul li.on a { background-color:#fff; color:#ef3b96; font-weight:bold; border-bottom:none;}
.b-bestseller .b-tt ul li:first-child.on a {border-right:none;}
.b-bestseller .b-tt ul li:last-child.on a {border-left:none;}

.b-booklist {margin:10px 0 30px 0; display: flex; flex-wrap: wrap; align-items: flex-end;}
.b-booklist::after {content:''; display: block; clear: both;}
.b-booklist li { float: left; width:25%; text-align: center; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:13px; margin-top:10px; margin-bottom: 10px; }
.b-booklist li .b-cover {position: relative;}
.b-booklist li .b-cover a { display: block; width:160px; margin: 0 auto; }
.b-booklist li .b-cover a > img { width:160px; border:1px #e5e5e5 solid; box-sizing: border-box;}
.b-booklist li .b-cover em { position: absolute; width:36px; height:36px; bottom:0; right:10px; font-size:1px; color: transparent; background-repeat: no-repeat; z-index:9;}
.b-booklist li:nth-child(1) .b-cover em { background: url(//image.aladin.co.kr/img/browse/2020/best1.png);}
.b-booklist li:nth-child(2) .b-cover em { background: url(//image.aladin.co.kr/img/browse/2020/best2.png);}
.b-booklist li:nth-child(3) .b-cover em { background: url(//image.aladin.co.kr/img/browse/2020/best3.png);}
.b-booklist li:nth-child(4) .b-cover em { background: url(//image.aladin.co.kr/img/browse/2020/best4.png);}
.b-booklist li:nth-child(5) .b-cover em { background: url(//image.aladin.co.kr/img/browse/2020/best5.png);}
.b-booklist li:nth-child(6) .b-cover em { background: url(//image.aladin.co.kr/img/browse/2020/best6.png);}
.b-booklist li:nth-child(7) .b-cover em { background: url(//image.aladin.co.kr/img/browse/2020/best7.png);}
.b-booklist li:nth-child(8) .b-cover em { background: url(//image.aladin.co.kr/img/browse/2020/best8.png);}
.b-booklist li .b-text {height: 120px; overflow: hidden; letter-spacing: -0.3px;}
.b-booklist li h4 , .b-booklist li .b-author {-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;  max-height: 36px; text-align: center;}
.b-booklist li h4 {font-weight: bold; margin:5px 0 0 0; padding:0 10px; }
.b-booklist li h4 a {font-size:13px; color:#333;}
.b-booklist li .b-author { color: #555555; text-align: center; margin:4px 0; padding:0 10px; } 
.b-booklist li .b-price { color:#c54a72; text-align: center;}
.b-booklist li .b-price span{ color:#555555;}

.b-popular { margin-bottom:30px;} 

.b-mdrecom { margin-bottom:40px;}
.b-mdrecom dl { float: left; margin-top:25px;}
.b-mdrecom dl:first-of-type {margin-right:60px;}
.b-mdrecom dt {float: left; width:100px; padding-right:20px;}
.b-mdrecom dt a {display:block; width:100px; position: relative; overflow: hidden;border:1px solid #e5e5e5; }
.b-mdrecom dt a > img {width:100%;}
.b-mdrecom dd { float: left; width:250px;}
.b-mdrecom dd h4 { margin:0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; max-height:40px;}
.b-mdrecom dd h4 a {font-size:14px; color:#333; font-weight:bold;}
.b-mdrecom dd p { font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:13px; color: #333; margin:10px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 5; display: -webkit-box; overflow: hidden; height:90px;}
.b-mdrecom dd .blog-go a { display: inline-block; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:13px; color: #436ab5; font-weight: bold; padding-right:10px; margin-top:10px; background:url(//image.aladin.co.kr/img/browse/2020/b_go.png) no-repeat center right}
.b-mdrecom::after , .b-mdrecom dl::after {content:''; display: block; clear: both;}

.b-event {position: relative; width:100%; margin-bottom:40px;}
.b-eventslide { width:100%; height:370px; overflow: hidden;  margin-top:20px;}
.b-eventslide .b-event-list li { float: left; width:260px; height:175px; margin:0 10px 10px 0; overflow: hidden; background-color:#fff;}
.b-eventslide .b-event-list li:nth-child(3) , .b-eventslide .b-event-list li:nth-child(6) { margin-right:0;}
.b-eventslide .b-event-list li img { width:100%; height:175px;}
.b-eventslide .b-event-list::after {content:''; display: block; clear: both;}
.b-eventslide .swiper-pagination { position: absolute; top:5px; right:0; left:auto; width: auto;height:20px;}

.b-bestseries { background-color:#f6f6f6; padding:20px; margin-bottom:50px;}
.b-bestseries h3 { float: left; width:160px; height: 153px; font-size:19px; color:#333;  background: url(//image.aladin.co.kr/img/browse/2020/bestseries_bg.jpg) no-repeat; margin-right:30px; text-align: center; line-height: 1.2; padding: 15px 40px 70px; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.b-bestseries h3 span {display: block;}
.b-bestseries ul {float: left; width:285px;}
.b-bestseries ul li { line-height:30px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; position: relative; padding-left:30px; margin-right:10px; height:30px;}
.b-bestseries ul li a {font-size:14px; color: #444;}
.b-bestseries ul li em {position: absolute; width:22px; height:22px; top:5px; left:0; font-size:1px; color: transparent; background-repeat: no-repeat; z-index:9;}
.b-bestseries::after {content:''; display: block; clear: both;}
.b-bestseries .best1-5 li:nth-child(1) em { background: url(//image.aladin.co.kr/img/browse/2020/best1.png); background-size:22px 22px;}
.b-bestseries .best1-5 li:nth-child(2) em { background: url(//image.aladin.co.kr/img/browse/2020/best2.png); background-size:22px 22px;}
.b-bestseries .best1-5 li:nth-child(3) em { background: url(//image.aladin.co.kr/img/browse/2020/best3.png); background-size:22px 22px;}
.b-bestseries .best1-5 li:nth-child(4) em { background: url(//image.aladin.co.kr/img/browse/2020/best4.png); background-size:22px 22px;}
.b-bestseries .best1-5 li:nth-child(5) em { background: url(//image.aladin.co.kr/img/browse/2020/best5.png); background-size:22px 22px;}

.b-bestseries .best6-10 li:nth-child(1) em { background: url(//image.aladin.co.kr/img/browse/2020/best6.png); background-size:22px 22px;}
.b-bestseries .best6-10 li:nth-child(2) em { background: url(//image.aladin.co.kr/img/browse/2020/best7.png); background-size:22px 22px;}
.b-bestseries .best6-10 li:nth-child(3) em { background: url(//image.aladin.co.kr/img/browse/2020/best8.png); background-size:22px 22px;}
.b-bestseries .best6-10 li:nth-child(4) em { background: url(//image.aladin.co.kr/img/browse/2020/best9.png); background-size:22px 22px;}
.b-bestseries .best6-10 li:nth-child(5) em { background: url(//image.aladin.co.kr/img/browse/2020/best10.png); background-size:22px 22px;}

.b-publisher { border:1px solid #e5e5e5; margin-bottom:45px;}
.b-publisher li { float: left; width:114px; border-right:1px solid #f4f4f4; box-sizing:border-box; position: relative;}
.b-publisher li img {width:113px;}
.b-publisher li:last-child {border-right:none;}
.b-publisher li::after {content:''; display: block; width:114px; height:14px; background: url(//image.aladin.co.kr/img/browse/2020/shadow.jpg) no-repeat; position: absolute; bottom:-15px; left:0;}
.b-publisher::after {content:''; display: block; clear: both;}

/*browse_2010.css에서 가져옴*/
.br2010_subt {color:#6d72b4;font-size:16px; font-weight:bold;padding:0;margin:0;}

/* 전자책 */
/* 전자책 좌측 배너 */
.eb_left_bn_wrap { padding-right:10px;  }
.eb_left_bn_wrap li { clear:both; padding:15px 0; border-bottom:1px solid #e5e5e5;  }
.eb_left_bn_wrap li img { float:left; width:190px; padding-right:10px;}
.eb_left_bn_wrap li::after {content:''; display: block; clear: both;}
.eb_left_bn_wrap li:first-child { padding-top:0;}

.eb_left_bn_Swrap { margin-bottom:30px; clear:both; padding:20px 0px 20px 0; position:relative; width: 100%;overflow: hidden; }
.eb_left_bn_Swrap img { float:left; width:190px; padding-right:10px;}

.eb_left_bn_Swrap .nav { clear:both; background:#f5f5f5; width:140px; height:25px; border-radius:25px; margin:20px 30px 20px 20px; position:relative;  }
.eb_left_bn_Swrap .nav .left {position:absolute; left:0; top:0; width:21px; padding-top:3px;}
.eb_left_bn_Swrap .nav .left img {width:21px;}
.eb_left_bn_Swrap .nav .right { position:absolute; right:0; top:0; width:21px;padding-top:3px;}
.eb_left_bn_Swrap .nav .right img {width:21px;}
.eb_left_bn_Swrap .nav .num { padding-top:2px; text-align:center; font-size:13px; color:#b0b0b0; letter-spacing:-0.02em; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif;}
.eb_left_bn_Swrap .nav .num b { color:#333;}
.eb_left_bn_Swrap .nav.new {margin: 20px 5px 20px 15px;}
.left_bnslide .swiper_pause_btn {width: 25px; height: 25px; background: url("//image.aladin.co.kr/img/svg/event-pause-btn.svg") no-repeat center / 7px auto; border: 0; font-size: 0; position: absolute; bottom: 40px; right: 10px; opacity: 0.8; cursor: pointer;}
.left_bnslide .swiper_pause_btn.stop {background: url("//image.aladin.co.kr/img/svg/event-play-btn.svg") no-repeat center / 8px auto;}


/* 전자책 md's picks */
.eb_mdspicks {clear:both; position: relative; width:100%;  margin-bottom:40px; }
.eb_mdspicks_slide { width:100%; overflow: hidden;  margin-top:20px; margin-right:10px; box-sizing:border-box; }
.eb_mdspicks_slide .swiper-pagination { position: absolute; top:5px; right:0; left:auto; width: auto;height:20px;}
.eb_mdspicks_slide .swiper-pagination-bullet { width:11px; height:11px;}
.eb_mdspicks_slide .mdsbooklist {margin:10px 0 10px 0; display: flex; align-items: flex-end;}
.eb_mdspicks_slide .mdsbooklist::after {content:''; display: block; clear: both;}
.eb_mdspicks_slide .mdsbooklist li { float: left; width:25%; text-align: center; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:13px; margin-top:10px; }
.eb_mdspicks_slide .mdsbooklist li .b-cover {position: relative; }
.eb_mdspicks_slide .mdsbooklist li .b-cover a { display: block; width:160px; overflow: hidden; margin: 0 auto;}
.eb_mdspicks_slide .mdsbooklist li .b-cover a > img { width:160px; border:1px #e5e5e5 solid; box-sizing: border-box;}

.eb_mdspicks_slide .mdsbooklist li h4 , .mdsbooklist li .b-author {-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.eb_mdspicks_slide .mdsbooklist li h4 {font-weight: bold; margin:5px 0 0 0; padding:0 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; max-height:36px; text-align: center;}
.eb_mdspicks_slide .mdsbooklist li h4 a {font-size:13px; color:#333;}
.eb_mdspicks_slide .b-text {height: 36px; letter-spacing: -0.3px;}
.eb_mdspicks_slide .b-swiper-button-next {top: calc(50% - 30px);}
.eb_mdspicks_slide .b-swiper-button-prev {top: calc(50% - 30px);}

/* 오늘의 신간 */
.eb_todaynew {clear:both; position: relative; width:100%;  margin-bottom:20px; }
.eb_todaynew_slide { width:100%; overflow: hidden;  margin-top:20px; margin-left:10px; margin-right:10px;box-sizing:border-box; }
.eb_todaynew_slide  .swiper-pagination { position: absolute; top:5px; right:0; left:auto; width: auto;height:20px;}

.eb_todaynewlist {margin:10px 0 0px 0; display: flex; align-items: flex-end; flex-wrap: wrap;}
.eb_todaynewlist::after {content:''; display: block; clear: both;}
.eb_todaynewlist li { float: left; width:25%; text-align: center; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:13px; margin-top:10px;}
.eb_todaynewlist li .b-cover {position: relative; }
.eb_todaynewlist li .b-cover a {width:160px; display: block; overflow: hidden; margin: 0 auto;}
.eb_todaynewlist li .b-cover a > img { width:160px; border:1px #e5e5e5 solid; box-sizing: border-box;}
.eb_todaynewlist li h4 , .eb_todaynewlist li .b-author {-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.eb_todaynewlist li h4 {font-weight: bold; margin:5px 0 0 0;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; max-height:36px; padding:0 10px; text-align: center;}
.eb_todaynewlist li h4 a {font-size:13px; color:#222;}
.eb_todaynewlist li .b-author { color: #555555; text-align: center; margin:4px 0;padding:0 10px; } 
.eb_todaynewlist li .b-price { color:#c54a72; text-align: center;}
.eb_todaynewlist li .b-price span{ color:#555555;}
.eb_todaynewlist .b-text {height: 120px; letter-spacing: -0.3px;}

/* 무료대여 */
.eb_freerent {clear:both; position: relative; width:100%;  margin-bottom:20px; }

/* 추천 ebook */
.eb_top_recom {clear:both; position: relative; width:100%;  margin-bottom:0px; }

.eb_space13 { clear:both; height:13px;}
.eb_space30 { clear:both; height:30px;}

/*전자책 장르 키워드*/
.eb_keyword { clear:both; position: relative; width:100%;  margin-bottom:60px; margin-top: 60px;}
.eb_keyword .eb_tt {border-bottom:1px #d6d6d6 solid; height:34px; position: relative; box-sizing:border-box;}
.eb_keyword .eb_tt ul { position: absolute; right:0; bottom:-1px; width:450px; height:34px;}
.eb_keyword .eb_tt ul li { float:left; padding:0; margin:0; background-color:#009966}
.eb_keyword .eb_tt ul li a {display: block;  width:150px; height:34px; background-color:#ececec; font-size:13px; color:#666666; text-align: center; line-height:34px; border:1px #d6d6d6 solid;border-right:none; box-sizing:border-box; padding:0; margin:0; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-weight:600; }
.eb_keyword .eb_tt ul li a:hover {text-decoration: none;}
.eb_keyword .eb_tt ul li.on a { background-color:#fff; color:#ef3b96; font-weight:600; border-bottom:none;font-size:13px}
.eb_keyword .eb_tt ul li:last-child a {border-right:1px #d6d6d6 solid;}
.eb_keyword .keyword_list { clear:both; padding:30px 0 5px 0;}
.eb_keyword .keyword_list li { float:left; list-style:none; padding-right:8px; padding-bottom:8px;}
.eb_keyword .keyword_list .keywrap { background:#ffffff; border:1px solid #cccccc; border-radius:4px; text-align:center; color:#555; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif;}
.eb_keyword .keyword_list .keywrap a { display:block; color:#555; font-weight:600; padding:8px 25px; font-size:14px; text-decoration:none;}
.eb_keyword .keyword_list .keywrap_on { background:#ef3b96; border:1px solid #ef3b96; border-radius:4px; text-align:center; color:#fff; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif;}
.eb_keyword .keyword_list .keywrap_on a { display:block; color:#fff; font-weight:600; padding:8px 25px; font-size:14px; text-decoration:none;}
.eb_keyword .keyword_list::after { content:''; display:block; clear:both;}

/*전자책 장르 키워드  탭수정 */
.eb_keyword .eb_tt2 {border-bottom:1px #d6d6d6 solid; height:34px; position: relative; box-sizing:border-box;}
.eb_keyword .eb_tt2 ul { position: absolute; right:0; bottom:-1px; width:450px; height:34px;border-right:1px #d6d6d6 solid;}
.eb_keyword .eb_tt2 ul li { float:right; padding:0; margin:0; background-color:#009966}
.eb_keyword .eb_tt2 ul li a {display: block;  width:150px; height:34px; background-color:#ececec; font-size:13px; color:#666666; text-align: center; line-height:34px; border:1px #d6d6d6 solid;box-sizing:border-box; border-right:none;  padding:0; margin:0; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-weight:600; }
.eb_keyword .eb_tt2 ul li a:hover {text-decoration: none;}
.eb_keyword .eb_tt2 ul li.on a { background-color:#fff; color:#ef3b96; font-weight:600; border-bottom:none;font-size:13px}
.eb_keyword .eb_tt2 ul li:last-child a {border-right:0px #d6d6d6 solid;}


/*지금 많이 읽고 있는 전자책 */
.eb_browse_now_wrap { clear:both; position: relative; width:100%;  margin-bottom:40px; overflow:hidden;}
.eb_browse_now_clock { float:right; font-size:14px; color:#333333; text-align:center; background:#fff; border:1px solid #ccc; border-radius:15px; padding:2px 20px 4px 20px; font-family:'Noto Sans CJK KR', 'Apple SD Gothic Neo','Malgun Gothic', Helvetica, sans-serif; letter-spacing:-0.01em; font-weight:normal; }
.eb_browse_now_clock span { color:#ef3b96;}
.eb_browse_alotnow_list { clear:both; width:800px; overflow:hidden; margin-top:30px;}
.eb_browse_alotnow_list li { position:relative;  float:left; width:415px; height:120px; overflow:hidden; padding-right:35px; padding-left:20px; margin-bottom:30px; box-sizing:border-box;  font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:13px; }
.eb_browse_alotnow_list li .num_p {position: absolute; top:2px; left:0; color:#ef3b96; font-size:18px; font-weight:bold; font-style:italic; font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic', Helvetica, sans-serif; }
.eb_browse_alotnow_list li .num_g {position: absolute; top:2px; left:0; color:#999999; font-size:18px; font-weight:normal; font-style:italic; font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic', Helvetica, sans-serif;  }
.eb_browse_alotnow_list li:nth-child(even) { float:left; width:385px; padding-right:0px; box-sizing:border-box;}
.eb_browse_alotnow_list li::after { content:''; display:block; clear:both;}
.eb_browse_alotnow_list .now_cont { margin:0; padding:0;}
.eb_browse_alotnow_list .now_cont dl { float:left;}
.eb_browse_alotnow_list .now_cont dt { float:left; width:100px; height:120px; padding-right:20px;}
.eb_browse_alotnow_list .now_cont dt a { display:block; width:100px; height:120px; position:relative; overflow:hidden; border:1px solid #e5e5e5; box-sizing:border-box;}
.eb_browse_alotnow_list .now_cont dt a > img { width:100%; }
.eb_browse_alotnow_list .now_cont dd { float:left; width:240px; padding-top:2px;}
.eb_browse_alotnow_list .now_cont dd h4 { clear:both; margin:0;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; max-height:36px;  font-weight:normal; font-weight: bold;  }
.eb_browse_alotnow_list .now_cont dd h4 a {font-size:13px; color:#333;}
.eb_browse_alotnow_list .now_cont dd p {font-size:13px; color: #777; margin:5px 0 0 0;}
.now_cont::after, .now_cont dl::after {content:''; display: block; clear: both;}

.watermark {color: #A9A9A9;}
label {cursor: pointer;}

/*국내도서 프론트 중간 */
.b-centerbn2 {width: 100%; height:185px; overflow: hidden; position: relative; margin:0 0 30px 0;  }
.b-centerbn2 .wrap {width: 100%; height:150px; text-align:center;}
.b-centerbn2 .wrap img { width:710px; height:100px; padding:25px 0;}


.b-pagination_box {width: 100%; position: absolute; bottom: 5px; display: flex; justify-content: center; align-items: center; z-index: 20;}
.b-pagination_box .swiper-pagination {position: static; display: flex; align-items: center;}
.b-pagination_box .swiper_pause_btn {display: block; width: 20px; height: 30px; font-size: 0; background: url("//image.aladin.co.kr/img/svg/event-pause-btn.svg") no-repeat center / 6px auto; border: 0; opacity: 1; cursor: pointer;}
.b-pagination_box .swiper_pause_btn.stop {background: url("//image.aladin.co.kr/img/svg/event-play-btn.svg") no-repeat center / 8px auto;}

.b-eventslide .b-pagination_box {bottom: auto; top: 0; right: 0; justify-content: flex-end;}

.series_tit {display: inline-block; line-height: 30px; font-size: 14px;}

.sale_tab_box {display: flex; height: 34px; justify-content: flex-end;}
.sale_tab_box a {height: 100%; line-height: 32px; background-color: #ececec; border: 1px solid #d9d9d9; border-left: none; padding: 0 10px;  color: #525252; font-weight: bold; font-size: 13px; position: relative; box-sizing: border-box;}
.sale_tab_box a:first-child {border-left: 1px solid #d9d9d9;}
.sale_tab_box a:hover {text-decoration: none;}
.sale_tab_box a.on::after {content: ''; display: inline-block; width: 7px; height: 4px; background: url('//image.aladin.co.kr/img/browse/2020/w_arr.gif') no-repeat center; vertical-align: middle; margin: -2px 0 0 5px;}
.sale_tab_box a.on {background-color: #a2a3ce; color: #fff; border: 1px solid #9495c2;}

.used_browse_top_bn {padding: 0 0 20px 0;}
.used_browse_top_bn img {width: 100%;}

.used_browse_list_top {height: 34px; display: flex; justify-content: space-between; align-items: center;}
.used_browse_tab {display: flex; height: 34px; justify-content: flex-end; margin-bottom: 8px;}
.used_browse_tab a {height: 100%; line-height: 32px; background-color: #ececec; border: 1px solid #d9d9d9; border-left: none; padding: 0 10px;  color: #525252; font-weight: bold; font-size: 13px; position: relative; box-sizing: border-box; }
.used_browse_tab a:first-child {border-left: 1px solid #d9d9d9;}
.used_browse_tab a:hover {text-decoration: none;}
.used_browse_tab a.on::after {content: ''; display: inline-block; width: 7px; height: 4px; background: url('//image.aladin.co.kr/img/browse/2020/w_arr.gif') no-repeat center; vertical-align: middle; margin: -2px 0 0 5px;}
.used_browse_tab a.on {background-color: #f48d3a; color: #fff; border: 1px solid #e37a25;}

.browse-right .used_s_list {width: 800px;}
.browse-right .used_s_list li {width: 188px;}

.classic-browse-top {display: flex; gap: 23px; margin-bottom: 50px;}
.classic-browse-top .classic-banner {width: 522px; height: 280px; border-radius: 5px;}
.classic-browse-top .classic-banner .swiper-slide a {display: block; width: 100%; text-align: center;}
.classic-browse-top .classic-banner .swiper-slide img {height: 280px;}
.classic-browse-top .notify_box {width: 255px; height: 280px; border-radius: 5px; border: solid 1px #e3e3e3; background-color: #f9f9f9; padding: 0 20px 20px 20px; box-sizing: border-box;}
.classic-browse-top .notify_box h4 {line-height: 47px; font-size: 14px; border-bottom: 1px solid #ddd; margin:0 0 12px 0; color: #000;}
.classic-browse-top .notify_box ul li a {display: flex; align-items: center;}
.classic-browse-top .notify_box ul li a:hover {text-decoration: none; color: #000;}
.classic-browse-top .notify_box ul li a .date {padding-right: 6px; color: #555; font-size: 13px; font-family: "Roboto", serif;}
.classic-browse-top .notify_box ul li a:hover .date {color: #000;}
.classic-browse-top .notify_box ul li a .txt {font-size: 13px;}
.classic-browse-top .notify_box ul li a .txt em {font-style: normal; font-weight: bold;}
.classic-browse-top .notify_box ul li ~ li {margin-top: 8px;}

.b-music-list {position: relative; margin-bottom: 50px;}
.b-music-list .classic-reserved .swiper-wrapper {align-items: flex-end; height: auto;}
.b-music-list .classic-reserved .swiper-slide {width: 242px;}
.b-music-list .classic-reserved a {color: #333; display: block;}
.b-music-list .classic-reserved a:hover {text-decoration: none; color: #333;}
.b-music-list .classic-reserved a:hover .tit {text-decoration: underline;}
.b-music-list .classic-reserved .cover {margin-bottom: 10px; text-align: center;}
.b-music-list .classic-reserved .cover img {width: 240px; border: 1px #e5e5e5 solid;}
.b-music-list .classic-reserved .text {height: 100px;}
.b-music-list .classic-reserved .text .tit {max-height: 46px; font-size: 15px; font-weight: bold; box-sizing: border-box; letter-spacing: -0.5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; line-height: 1.4;}
.b-music-list .classic-reserved .text .sub {height: 23px; font-size: 15px; color: #3b499f; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden; margin-top: 8px;}
.b-music-list .classic-reserved .text .author {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden; margin-top: 6px; color: #666; font-size: 14px;}

.white_circle_next, .white_circle_prev {width: 40px; height: 40px; box-shadow: 0px 3px 6px #0000000F; border: 1px solid #E9E9E9; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; background-color: #fff;}
.white_circle_next {right: -20px;}
.white_circle_prev {left: -20px;}
.white_circle_next::after,.white_circle_prev::after {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.6;}
.white_circle_next:hover:after,.white_circle_prev:hover::after {opacity: 1;}
.white_circle_next::after {content: ''; background: url(//image.aladin.co.kr/img/welcome/arrow-right.svg) no-repeat center / 8px 14px;}
.white_circle_prev::after {content: ''; background: url(//image.aladin.co.kr/img/welcome/arrow-left.svg) no-repeat center / 8px 14px;}
.white_circle_prev.loop {opacity: 0;}
.white_circle_prev.active {opacity: 1;}
.b-music-list .white_circle_next, .b-music-list .white_circle_prev {top: 40%;}

/* 탭 */
.b-music-list h3 {margin-bottom: 15px;}
.browse_tab_box {display: flex; gap: 10px; margin-bottom: 25px;}
.browse_tab_box button[role="tab"] {min-width: 100px; height: 50px; line-height: 48px; border-radius: 25px; border: 1px solid #ddd; background-color: #fff; padding: 0 18px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; font-size: 17px; cursor: pointer;}
.browse_tab_box button[role="tab"][aria-selected="true"] {background-color: #000; color: #fff; font-weight: bold; border: 1px solid #000;}
[role="tabpanel"].is-hidden {display: none;}

.music_list_type ul {display: flex; flex-wrap: wrap; align-items: flex-end; height: auto; gap: 40px;}
.music_list_type ul li {width: 170px;}
.music_list_type ul li a:hover {text-decoration: none;}
.music_list_type ul li .b-cover img {width: 100%;}
.music_list_type ul li .b-text {height: 80px; text-align: center;}
.music_list_type ul li .b-text .b-tit {-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;  max-height: 36px; text-align: center; font-weight: bold; margin:5px 0 0 0; padding:0 10px; font-size: 13px; color: #000;}
.music_list_type ul li a:hover .b-text .b-tit {text-decoration: underline;}
.music_list_type ul li .b-text .b-author { color: #555555; text-align: center; margin:4px 0; padding:0 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden;} 
.music_list_type ul li .b-text .b-price { color:#c54a72; text-align: center;}
.music_list_type ul li .b-text .b-price span{ color:#555555;}