@charset "utf-8";
body { font-family: 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size-adjust:none; word-break:break-all;-webkit-tap-highlight-color:transparent; letter-spacing: -1px; font-size:15px; line-height: 150%; }

.browse-wrap h3 {font-weight:bold; color:#222222; font-size:22px; line-height: 1.2; margin-bottom: 5px;}
.browse-wrap h3 em {color: #000; font-style: normal;}
.browse-wrap h3 a {width: 100%; display: block; color:#222222; text-decoration: none; font-weight:bold; background: url(//image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat right 50% / 10px 17px; box-sizing: border-box; padding:0 25px 0 0; line-height:1.2; min-height:28px; overflow:hidden; font-size:22px; }
.browse-wrap h2 {font-weight:bold; margin:0; color:#222222; font-size:22px; line-height: 1.2; margin: 0 10px 10px 10px;}
.browse-wrap h2 a {width: 100%; display: block; color:#222222; text-decoration: none; font-weight:bold; padding-right:20px; background: url(//image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat right 50% / 10px 17px; box-sizing: border-box;}
.browse-wrap .tab-area-new {display: flex; margin-bottom: 15px;}
.browse-wrap .tab-area-new li {margin-right: 7px;}
.browse-wrap .tab-area-new li a {display: inline-block; min-width: 90px; height: 36px; line-height: 36px; text-align: center; padding: 0 10px; border: 1px solid #3b4a9f; background-color: #fff; color: #3b4a9f; text-align: center; font-size: 16px; border-radius: 18px; box-sizing: border-box;}
.browse-wrap .tab-area-new li.on a {background-color: #3b4a9f; color: #fff;}

.b-swiper-button-prev, .b-swiper-button-next {position: absolute; top: 50%;  width: 25px; height: 25px;  z-index: 10; cursor: pointer;    -moz-background-size: 25px 25px; -webkit-background-size: 25px 25px; background-size: 25px 25px; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}

.b-swiper-button-next {background-image: url(//image.aladin.co.kr/img/browse/2020/m_arrow_next.png); right: 10px; left: auto; opacity:0.8;}
.b-swiper-button-prev {background-image: url(//image.aladin.co.kr/img/browse/2020/m_arrow_prev.png); left: 10px; right: auto; opacity:0.8;}

.browse-wrap .swiper-pagination-bullet {display: inline-block; height: 1px; background: #f3f3f5; border-radius: 0; margin: 0!important; border: 0; width: 20px;}
.browse-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {height: 1px; background: #3b4a9f; border-radius: 0; border: 0;}

.category_select {margin:15px 10px 15px 10px;}
.category_select li {float: left; width:50%; box-sizing:border-box;}
.category_select li ~ li {padding-left: 5px;}
.category_select li select { width:100%; background: url(//image.aladin.co.kr/img/svg/arrow_down_g.svg) #fff no-repeat right 8px center / 13px 7px ; border: 1px solid #c7c7c7; padding: 0 8px 0 8px; height: 34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; color: #333; letter-spacing: -1px; outline:0}
.category_select li select::-ms-expand {display: none;}
.category_select::after {content:''; display: block; clear: both;}

.b-topeventbn {width: 100%; height:245px; overflow: hidden; position: relative; margin:15px 0 20px 0;}
.b-topeventbn .swiper-slide { width:320px;  margin:0 5px;}
.b-topeventbn .swiper-slide img {width:320px; height:215px;  border-radius:10px;}
.b-topeventbn.new {height: auto;}
.b-topeventbn .pagination_box {right: calc(50% - 150px); width: 70px; height: 24px; border-radius:12px; background: rgba(0, 0, 0, 0.3); padding: 0 0 0 5px; box-sizing: border-box;}
.b-topeventbn .pagination_box .swiper-pagination {width: 100%; line-height: 23px; color: #fff; position: static; font-size: 12px; background: transparent; text-align: center; margin: 0; display: block;}
.b-topeventbn .pagination_box .swiper_pause_btn {font-size: 0; width: 25px; height: 24px; background: url("//image.aladin.co.kr/img/svg/w-pause-btn.svg") no-repeat center left 8px / 6px auto; flex-shrink: 0; border: 0;}
.b-topeventbn .pagination_box .swiper_pause_btn.stop {background: url("//image.aladin.co.kr/img/svg/w-play-btn.svg") no-repeat center left 8px / 6px auto;}

.b-categorybn {margin:0 10px 30px 10px;}
.b-categorybn.new {margin:0 10px 50px 10px;}
.b-categorybn li { width:calc(50% - 1px); box-sizing:border-box; float: left; background:#f1f1f1; margin-bottom: 2px; border-radius: 5px;}
.b-categorybn li:nth-child(even) {margin-left: 1px;}
.b-categorybn li:nth-child(odd) {margin-right: 1px;}
.b-categorybn li a { display:block; width:100%; height:47px; line-height:47px; color:#333; text-align:left; padding:0 30px 0 15px; box-sizing:border-box; position: relative; overflow: hidden;}
.b-categorybn li a::after {content:''; display: block; width:8px; height:14px; background: url(https://image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat center / 8px 14px; background-size:100% auto; position: absolute; right:10px; top:50%; transform: translateY(-50%); opacity: 0.5;}
.b-categorybn::after {content:''; display: block; clear: both;}

.b-MDchoice {margin:15px 10px 50px 10px; position: relative;}
.b-MDchoice-slide { height:220px; overflow: hidden; position: relative;}
.b-MDchoice-slide dl {margin-top:10px;}
.b-MDchoice-slide dt {float:left; width:125px; height:180px; overflow: hidden; padding-right:12px; }
.b-MDchoice-slide dt img {width:100%; border:1px #e1e1e1 solid; box-sizing: border-box;}
.b-MDchoice-slide dd { float:left; width:-webkit-calc(100% - 137px);}
.b-MDchoice-slide dl::after {content:''; display: block; clear: both;}
.b-MDchoice-slide dd h4 {margin:0; line-height:22px;}
.b-MDchoice-slide dd h4 a {font-size:16px; font-weight:500; color: #222; }
.b-MDchoice-slide dd .b-author { font-size:14px; margin:5px 0 10px 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; color:#555;}
.b-MDchoice-slide dd .b-price {font-size:15px;}
.b-MDchoice-slide dd .b-price em {color: #ef3b96; font-weight:500; font-style: normal;}
.b-MDchoice-slide dd .sub_t {color: #436ab5; font-size:15px; font-weight:500; margin-bottom:5px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.b-MDchoice-slide .b-swiper-button-next { right:0;}
.b-MDchoice-slide .b-swiper-button-prev {left:0;}
.b-MDchoice-thumbs { height:60px; width:345px; overflow: hidden; position: relative; margin:0 auto;}
.b-MDchoice-thumbs .swiper-slide { width:60px; height:60px; border:1px #dddddd solid;  box-sizing: border-box; overflow: hidden;}
.b-MDchoice-thumbs .swiper-slide img {width:100%;}
.b-MDchoice-thumbs .swiper-slide-thumb-active {border: solid 2px #00b2ef; box-sizing: border-box;}

.b-MDchoiceNew {margin:15px 0 50px 0; position: relative;}

.b-centerbn {width: 100%; height:93px;  overflow: hidden; position: relative; box-sizing: border-box; margin-bottom:50px;}
.b-centerbn .swiper-slide { width:100%; text-align: center;}
.b-centerbn .swiper-slide img {width:320px;}
.b-centerbn .swiper-pagination {position: absolute; bottom: 10px; right: 20px; left: auto; border-radius:12px; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 13px; z-index: 100; width: 60px; height: 24px; box-sizing: border-box; text-align: center;}

.b-centerbn .pagination_box {right: 20px; width: 70px; border-radius:12px; background: rgba(0, 0, 0, 0.3); padding: 0 0 0 5px; box-sizing: border-box;}
.b-centerbn .pagination_box .swiper-pagination {width: 100%; line-height: 25px; color: #fff; position: static; font-size: 12px; background: transparent; text-align: center; margin: 0; display: block;}
.b-centerbn .pagination_box .swiper_pause_btn {font-size: 0; width: 25px; height: 24px; background: url("//image.aladin.co.kr/img/svg/w-pause-btn.svg") no-repeat center left 8px / 6px auto; flex-shrink: 0; border: 0;}
.b-centerbn .pagination_box .swiper_pause_btn.stop {background: url("//image.aladin.co.kr/img/svg/w-play-btn.svg") no-repeat center left 8px / 6px auto;}

.b-centerbn-bt {width: 100%; height:191px;  overflow: hidden; position: relative; box-sizing: border-box;}
.b-centerbn-bt.mb50 {margin-bottom: 50px;}
.b-centerbn-bt .swiper-slide { width:100%; text-align: center;}
.b-centerbn-bt .swiper-slide img {width:320px;}
.b-centerbn-bt .swiper-pagination {position: absolute; bottom: 10px; right: 20px; left: auto; border-radius:12px; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 13px; z-index: 100; width: 60px; height: 24px; box-sizing: border-box; text-align: center;}

.b-centerbn-bt .pagination_box {right: 20px; width: 70px; border-radius:12px; background: rgba(0, 0, 0, 0.3); padding: 0 0 0 5px; box-sizing: border-box;}
.b-centerbn-bt .pagination_box .swiper-pagination {width: 100%; line-height: 25px; color: #fff; position: static; font-size: 12px; background: transparent; text-align: center; margin: 0; display: block;}
.b-centerbn-bt .pagination_box .swiper_pause_btn {font-size: 0; width: 25px; height: 24px; background: url("//image.aladin.co.kr/img/svg/w-pause-btn.svg") no-repeat center left 8px / 6px auto; flex-shrink: 0; border: 0;}
.b-centerbn-bt .pagination_box .swiper_pause_btn.stop {background: url("//image.aladin.co.kr/img/svg/w-play-btn.svg") no-repeat center left 8px / 6px auto;}

.b-booknews {margin:0 0 50px 0;}
.b-booknews ul {margin:15px 10px 0 10px;}
.b-booknews li { margin-bottom:20px;}
.b-booknews li a {display:flex; align-items: center;}
.b-booknews li .news-thum { width:80px; height:80px; border-radius:4px; margin-right:10px; overflow: hidden; position: relative; flex-shrink: 0;}
.b-booknews li .news-thum img {width:100%;}
.b-booknews li p { width:-webkit-calc(100% - 100px); -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; font-size:16px;}
.b-booknews li a::after {content:''; display:block; clear: both;}

.b-choicebook {margin:0 0 50px 0;}
.b-choicebook h3 {margin: 0 10px 5px 10px;}


.b-booklist { width:100%; box-sizing: border-box; margin-bottom:10px; overflow: hidden; padding:0 15px;}
.b-booklist .swiper-slide {width: 9.2rem; position: relative;}
.b-booklist .b-cover {position: relative; height:220px; overflow: hidden; margin-bottom:5px; text-align: center;}
.b-booklist .b-cover a { display: block; position: absolute; bottom:0; overflow: hidden; padding: 5px; box-sizing: border-box;}
.b-booklist .b-cover a > img { width:8.6rem; max-height: 210px; box-shadow: 0px 0.5px 7.5px 0 rgb(0 0 0 / 7%);}
.b-booklist .b-price {text-align: left; font-size:15px;}
.b-booklist .b-price span { font-style: normal; color:#c54a72;}
.b-booklist h4 { text-align: left; font-size:15px; font-weight: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.b-booklist .swiper-slide em {position: absolute; width:36px; height:36px; top:185px; left:10px; color:#fff; z-index:9; background-color:#ef3b96; border-radius:50%; text-align: center; line-height:36px; vertical-align:middle; padding:0; font-style:normal; box-sizing: border-box;}


.grid_box {background: #ececec; position: relative; height: 0.8em;}

.b-weekbest { margin:20px 0 50px 0;}
.b-weekbest .tab-area-new {margin: 0 0 0 10px;}
.b-weekbest .tab-area {width:100%; height:60px; padding:10px 15px; box-sizing: border-box;}
.b-weekbest .tab-area li {float:left; width:50%; height:40px; background-color: #ececec; border: solid 1px #bbbbbb; text-align: center;  box-sizing: border-box; color: #777777; font-size:18px; line-height:40px;}
.b-weekbest .tab-area li:first-child { border-radius:20px 0 0 20px; border-right: none;}
.b-weekbest .tab-area li:last-child {border-radius:0 20px 20px 0; border-left: none;}
.b-weekbest .tab-area li a { display: block; width:100%; height:40px; color: #777777; font-size:18px; line-height:40px;}
.b-weekbest .tab-area li.on {background-color:#ffffff; color: #ef3b96;}
.b-weekbest .tab-area li.on a {color: #ef3b96;}
.b-weekbest .tab-area::after {content:''; display:block; clear: both;}

.b-morebtn {text-align: center; margin: 0 10px; border-bottom: 1px solid #f3f3f5;}
.b-morebtn a { display:inline-block; color:#333; padding:10px 40px; }
.b-morebtn a::after {content: ''; display: inline-block; width: 8px; height: 14px; background: url(//image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat center / 8px 14px; margin-left: 5px; margin-bottom: -1px; opacity: 0.5;}

.b-mdrecom { margin:30px 0 50px 0;}
.b-mdrecom h3 { margin:0 10px 12px 10px;}
.b-mdrecom h3 em {color: #ef3b96; font-style: normal;}

.b-mdrecom dl {margin: 20px 10px 0 10px;}
.b-mdrecom dt {float: left; width:135px; padding-right:5px; position:relative; }
.b-mdrecom dt a {display: block; position: relative; overflow: hidden; padding: 5px; box-sizing: border-box;}
.b-mdrecom dd { float: left; width:-webkit-calc(100% - 140px);}
.b-mdrecom dt img {width:120px; box-shadow: 0px 0.5px 7.5px 0 rgb(0 0 0 / 7%);}
.b-mdrecom dd h4 { font-size:16px; margin:0; color:#333; font-weight:600; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.b-mdrecom dd p {font-size:15px; color: #444; margin:10px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 5; display: -webkit-box; overflow: hidden;}
.b-mdrecom dd .blog-go a { display: inline-block; font-size:15px; color: #436ab5; font-weight: bold; padding-right:10px; margin-top:10px; background:url(//image.aladin.co.kr/img/browse/2020/b_mgo.png) no-repeat center right; background-size:6px auto;}
.b-mdrecom::after , .b-mdrecom dl::after {content:''; display: block; clear: both;}

.b-event {margin:20px 0 60px 0; position: relative;}
.b-event h3 { margin:0 10px 10px 10px; font-size: 22px;}
.b-event h3 em {color: #000; font-style: normal;}
.b-eventslide { width:100%; margin-top:10px; position: relative; padding: 0 5px 0 15px; box-sizing: border-box;}
.b-eventslide .b-event-list li { float: left; width:50%; min-height:115px; padding:0 10px 10px 0; overflow: hidden; box-sizing: border-box;}
.b-eventslide .b-event-list li img { width:100%; border-radius:10px}
.b-eventslide .b-event-list::after {content:''; display: block; clear: both;}
.b-eventslide .swiper-pagination { bottom:auto!important}

.b-eventslide .fraction_box {text-align: center; display: flex; justify-content: center; align-items: center;}
.b-eventslide .fraction_box .swiper-pagination-fraction {width: auto; position: static; font-size: 14px; line-height: 1.2; color: #666; margin: 3px 10px 0 0;}
.b-eventslide .fraction_box .swiper-pagination-fraction .swiper-pagination-current {font-weight: bold; color: #000;}
.b-eventslide .fraction_box .swiper_pause_btn {width: 20px; height: 20px; background: url(//image.aladin.co.kr/img/m/2024/m3_pause.svg) no-repeat center / 100% auto; font-size: 0; color: transparent; border: 0;}
.b-eventslide .fraction_box .swiper_pause_btn.stop {background: url(//image.aladin.co.kr/img/m/2024/m3_play.svg) no-repeat center / 100% auto;}


.b-newbook-notify { margin:20px 0 50px 0;}
.b-newbook-notify > p {margin: -5px 0 20px 10px;}
.tab-area-new {margin: 0 10px;}
/* .b-newbook-notify .notify-tt { background: url(//image.aladin.co.kr/img/browse/2020/icon_alarm_m.png) no-repeat left center; background-size:60px auto; padding-left: 70px; height:60px;}
.b-newbook-notify .notify-tt h3 { color:#00b2ef; padding-top:10px;} */

/* .b-newbook-notify .tab-area {width:100%; height:40px; margin:10px 0 15px 0;}
.b-newbook-notify .tab-area li {float:left; width:50%; height:40px; background-color: #ececec; border: solid 1px #d5d5d5; text-align: center;  box-sizing: border-box;}
.b-newbook-notify .tab-area li:first-child { border-radius:20px 0 0 20px; border-right: none;}
.b-newbook-notify .tab-area li:last-child {border-radius:0 20px 20px 0; border-left: none;}
.b-newbook-notify .tab-area li a { display: block; width:100%; height:40px; color: #666666; font-size:18px; line-height:40px;}
.b-newbook-notify .tab-area li a:hover {text-decoration:none;}
.b-newbook-notify .tab-area li.on {background-color:#ffffff;}
.b-newbook-notify .tab-area li.on a {color: #00b2ef;}
.b-newbook-notify .tab-area::after {content:''; display:block; clear: both;} */

.b-newbook-notify .tab-cont {margin: 0 10px;}
.b-newbook-notify .tab-cont li { padding-bottom:15px;}
.b-newbook-notify .tab-cont li a { display: block; height: 30px; position: relative; font-size:16px; color:#444; padding-right:50px; line-height:26px;}
.b-newbook-notify .tab-cont li span { position: absolute; right:0; top:0; display: block; width: 70px; height: 30px; background-color: #f5f5f7; text-align: center; border-radius:15px; line-height:30px;}

.b-morelist {text-align: center; border-bottom:1px #ececec solid; margin:0 10px;}
.b-morelist a { display:inline-block; color:#686868; padding:10px 40px;}
.b-morelist a::after {content: ''; display: inline-block; width: 13px; height: 7px; background: url(https://image.aladin.co.kr/img/svg/arrow_down_g.svg) no-repeat center / 13px 7px; margin-left: 5px; margin-bottom: 2px; vertical-align: middle; }

/* .cartoon-publish { margin:20px 0 50px 0;}
.cartoon-publish {position: relative;}
.cartoon-publish h3 {padding-left:95px; padding-top:19px;}
.cartoon-publish .cartoon-date { font-size:19px; color:#fff; background: url(//image.aladin.co.kr/img/browse/2020/cartoon_date.png) no-repeat; background-size:100% auto; width:90px; height:70px; position: absolute; left:0; top:0; line-height:60px; text-align: center;}

.cartoon-publish .cartoon-list {padding:0 10px 0 10px; margin-top:20px;}
.cartoon-publish .cartoon-list a {display: block;}
.cartoon-publish .cartoon-list dl { margin-bottom:20px; position: relative; font-size: 0; display: flex; align-items: center;}
.cartoon-publish .cartoon-list dt {display: inline-block; vertical-align: middle; width:80px; height:80px; border-radius:50%; overflow: hidden; flex-shrink: 0;}
.cartoon-publish .cartoon-list dt img {width:100%;}
.cartoon-publish .cartoon-list dd {display: inline-block; vertical-align: middle; width:calc(100% - 62px); font-size:16px; padding:0 0 0 10px; box-sizing: border-box;}
.cartoon-publish .cartoon-list dl::after {content:''; display: block; clear: both; width:-webkit-calc(100% - 70px); height:1px; background-color:#fff; position: absolute; top:65px; right:0;}
.cartoon-publish .cartoon-list a:last-child dl::after {content:''; display: none;}
.cartoon-publish .cartoon-list dd span {-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;} */

/***** 전자책 *****/

/* 전자책 분야 상단 탭 */
.mebook_browsetab { clear:both; margin:5px auto 0 auto;  padding: 0 10px; width:100%; box-sizing: border-box;}
.mebook_browsetab ul { margin:0; padding:0; display: flex; gap: 2%}
.mebook_browsetab ul li {width: 18%; height:34px; list-style:none; margin:0; background:#fff; text-align: center;}
.mebook_browsetab ul li a { display:block; height:34px; line-height: 34px; color: #000; font-size: 15px;}
.mebook_browsetab ul li .on { background:#000; border-radius:17px; padding:0; color:#fff; font-weight:bold;}

.mbestseller_toptab ~ .mebook_browsetab {margin-top:10px;}

/* 분야 카테고리 셀렉트 메뉴 */
.category_select2 {padding:15px 10px 15px 15px; border-bottom: 1px solid #ececec;    clear: both;}
.category_select2 li {float: left; width:50%; padding-right:5px; box-sizing:border-box;}
.category_select2 li select { width:100%; background: url(//image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff;    background-size: 25px; border: 1px solid #c7c7c7; padding: 0 8px 0 8px; height: 34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; color: #333; letter-spacing: -1px; outline:0}
.category_select2 li select::-ms-expand {display: none;}
.category_select2::after {content:''; display: block; clear: both;}

.thema_box { clear: both; padding: 20px 11px 0 11px;}
.t_theme em {color: #ef3b96; font-style: normal;}

/* 전자책 슬라이드 도서 리스트 */
/* 200909 변경 
.eb-booklist { width:100%; box-sizing: border-box; margin-bottom:10px; overflow: hidden; padding:0 15px;}
.eb-booklist .swiper-slide {width: 9.2rem; position: relative;}
.eb-booklist .b-cover { position: relative; height:230px; overflow: hidden; margin-bottom:5px;}
.eb-booklist .b-cover img {width:100%; box-sizing: border-box; }
.eb-booklist .b-cover .bo {border:1px solid #e0e0e0;position: absolute; bottom:0; }
.eb-booklist .b-price {text-align: center; font-size:16px;}
.eb-booklist .b-price span { font-style: normal; color:#c54a72;}
.eb-booklist h4 { text-align: center; font-size:16px; font-weight: normal;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.eb-booklist .swiper-slide em {position: absolute; width:30px; height:36px; top:200px; right:-10px; font-size:24px; color:#fff; z-index:9; background-color:#bbbbbb; border-radius:50%; box-shadow: 0px 1.5px 1.5px 0 rgba(0, 0, 0, 0.25); text-align: center; line-height:36px; font-weight:bold; vertical-align:middle; padding:0 6px 0 0}
.eb-booklist .swiper-slide:first-of-type em {background-color:#ef3b96;}
*/

.eb-booklist { width:100%; box-sizing: border-box; margin-bottom:10px; overflow: hidden; padding:0 15px;}
.eb-booklist .swiper-slide {width: 9.2rem; position: relative;}
.eb-booklist .b-cover {position: relative; height:220px; overflow: hidden; margin-bottom:5px; text-align: center;}
.eb-booklist .b-cover a {display: block; position: absolute; bottom:0;  overflow: hidden;width:100%; min-height:200px; padding: 5px; box-sizing: border-box;}
.eb-booklist .b-cover a > img { width:100%; max-height: 210px; box-shadow: 0px 0.5px 7.5px 0 rgb(0 0 0 / 7%); border: 0;}
.eb-booklist .b-price {text-align: center; font-size:16px;}
.eb-booklist .b-price span { font-style: normal; color:#c54a72;}
.eb-booklist  h4 { text-align: center; font-size:16px; font-weight: normal;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.eb-booklist .swiper-slide em {position: absolute; width:36px; height:36px; top:184px; right:-10px; font-size:24px; color:#fff; z-index:9; background-color:#bbbbbb; border-radius:50%; box-shadow: 0px 1.5px 1.5px 0 rgba(0, 0, 0, 0.25); text-align: center; line-height:36px; font-weight:bold; vertical-align:middle; padding:0; font-style:italic; box-sizing: border-box; padding-right: 6px;}
.eb-booklist .swiper-slide:first-of-type em {background-color:#ef3b96;}


.b-newbook-noticeable {margin:30px 0;}
.b-newbook-noticeable h3 { margin:0 15px 10px 15px; font-size: 22px;}
.b-newbook-noticeable h3 em {color: #000; font-style: normal;}

.eb-icon-menu4 { margin:15px 0; overflow:hidden;}
.eb-icon-menu4 li { float: left; width:25%; padding:0px 5px; overflow: hidden; box-sizing: border-box; text-align:center; }
.eb-icon-menu4 li a { display: block;color:#333333;}
.eb-icon-menu4 li img { width:42px;}
.eb-icon-menu4 li span { display:block; text-align:center;  font-size: 1em; color:#333333; letter-spacing:-0.1em;}

.eb-icon-menu3 { margin:15px 0; overflow:hidden;}
.eb-icon-menu3 li { float: left; width:33%; padding:0px 5px; overflow: hidden; box-sizing: border-box; text-align:center; }
.eb-icon-menu3 li a { display: block; color:#333333;}
.eb-icon-menu3 li img { width:46px;}
.eb-icon-menu3 li span { display:block; text-align:center;  font-size: 1em; color:#333333; letter-spacing:-0.1em;}


/* 전자책 푸터 다운로드 아이콘*/
.wrap_download2 { padding: 0px 11px 10px 11px; background:#ececec; overflow:auto;}
.wrap_download2 li { float: left; width: 33.3%; text-align: center;}
.wrap_download2 li img { width: 60px;}


/* 전자책 장르 키워드 */
/* 장르 프론트 */
.eb-keyword_personal {  margin:20px 0px 20px 0px;}
.eb-keyword_personal h3 { margin:0 15px 10px 15px;}
.eb-keyword_personal h3 em {color: #ef3b96; font-style: normal;}
.eb-keywordlist { width:100%; box-sizing: border-box; margin:10px 0px; overflow: hidden; padding:0 15px; }
.eb-keywordlist .swiper-slide { width: auto; }
.eb-keywordlist .keywrap {float:left; background:#ffffff; border:1px solid #cccccc; border-radius:5px; text-align:center; color:#555; font-weight:normal; padding:5px 12px; font-size:15px;}


/* 장르 키워드 */
.genre_wrap {padding:15px 10px 0px 15px;  clear: both; }
.genre_wrap h3 { float:left; width:67%;  font-weight:500; letter-spacing: -2px; margin:0; color:#222222; font-size:19px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; padding-top:7px; }
.genre_wrap h3 em {color: #ef3b96; font-style: normal;}
.genre_wrap .selectwrap { float:right;  width:30%; padding-right:5px; box-sizing:border-box;}
.genre_wrap .selectwrap select { width:100%; background: url(//image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff;    background-size: 25px; border: 1px solid #c7c7c7; padding: 0 8px 0 8px; height: 34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; color: #333; letter-spacing: -1px; outline:0}
.genre_wrap::after { content:''; display:block; clear:both;}

/* 장르 탭*/
.genre_tab { margin:15px 0 10px 0;}
.genre_tab .tab-area {width:100%; height:60px; padding:10px 15px; box-sizing: border-box;}
.genre_tab .tab-area li {float:left; width:50%; height:40px; background-color: #ececec; border: solid 1px #bbbbbb; text-align: center;  box-sizing: border-box; color: #777777; font-size:18px; line-height:40px;}
.genre_tab .tab-area li:first-child { border-radius:20px 0 0 20px; border-right: none;}
.genre_tab .tab-area li:last-child {border-radius:0 20px 20px 0; border-left: none;}
.genre_tab .tab-area li a { display: block; width:100%; height:40px; color: #777777; font-size:18px; line-height:40px;}
.genre_tab .tab-area li.on {background-color:#ffffff; color: #ef3b96;}
.genre_tab .tab-area li.on a {color: #ef3b96;}
.genre_tab .tab-area::after {content:''; display:block; clear: both;}

.keyword_btn_wrap {width:100%;padding:15px 15px 10px 15px; box-sizing: border-box;}
.keyword_btn_wrap::after { content:''; display:block; clear:both;}
.keyword_btn_wrap .btn_list { width:100%;}
.keyword_btn_wrap .btn_list li { float:left; width:37%; text-align:left; color:#555555; font-size:15px; letter-spacing:-0.05em;}
.keyword_btn_wrap .btn_list li img { width:18px; margin-top:-3px;}
.keyword_btn_wrap .btn_list li:first-child { float:left; width:37%; text-align:left; color:#ef3b96;}
.keyword_btn_wrap .btn_list li:last-child { float:right; width:26%; text-align:right;}

.keyword_btn_wrap .btn_list li .on1 {color:#ef3b96; text-decoration:underline; font-weight:bold;}
.keyword_btn_wrap .btn_list li .on2 {color:#555555; text-decoration:underline; font-weight:bold;}

.keyword_box_wrap {width:100%;padding:0px 0px; background:#f0f6fa; border-top:2px solid #cfcfcf; border-bottom:2px solid #cfcfcf; margin-bottom:0px;}
.keyword_box_wrap .list { width:100%; position:relative;}
.keyword_box_wrap .list li { text-align:left; border-bottom:1px solid #fff; padding:12px 0;}
.keyword_box_wrap .list li .Litem { position:absolute; left:10px; width:90px; color:#25aae8; font-size:14px; letter-spacing:-0.05em; }
.keyword_box_wrap .list li .Ritem { margin-left:100px;}
.keyword_box_wrap .list li:last-child { border-bottom:0px;}
.keyword_box_wrap::after { content:''; display:block; clear:both;}

.box_keywordlist { width:100%; box-sizing: border-box; margin:0px 0px; overflow: hidden; padding:0px; }
.box_keywordlist .swiper-slide { width: auto; }
.box_keywordlist .keywrap_on {float:left; background:#ef3b96; border-radius:3px; text-align:center; color:#fff; font-weight:normal;  padding:1px 7px; font-size:15px; letter-spacing:-0.05em; margin:0 2px;}
.box_keywordlist .keywrap_off {float:left; background:#dddddd;  border-radius:3px; text-align:center; color:#777; font-weight:normal; padding:1px 7px; font-size:15px; letter-spacing:-0.05em;margin:0 2px;}
.box_keywordlist .keywrap {float:left; text-align:center; color:#222; font-weight:normal; padding:1px 5px; font-size:15px; letter-spacing:-0.05em;}
.box_keywordlist img { width:12px; margin-top:-9px;}

/*선택된 키워드*/
.choice_list { width:100%; box-sizing: border-box; margin:0px; overflow: hidden; padding:15px 15px 0px 15px;}
.choice_list .choice_key {float:left; background:#ef3b96; border:1px solid #ef3b96; border-radius:3px; text-align:center; color:#fff; font-weight:normal;  padding:2px 10px 1px 10px; font-size:15px; margin:0 5px 5px 0;}
.choice_list img {width:12px; margin-top:-12px; padding:0 0 0 3px;}
.choice_list .del {width:9px; margin-top:-2px; margin-right:-3px; padding:0 0 0 7px;}

/*제거된 키워드*/
.remove_list { width:100%; box-sizing: border-box; margin:0px; overflow: hidden; padding:15px 15px 10px 15px;}
.remove_list .remove_key {float:left; background:#e5e5e5; border:1px solid #e5e5e5; border-radius:3px; text-align:center; color:#888; font-weight:normal;  padding:2px 10px 1px 10px; font-size:15px; margin:0 5px 5px 0;}
.remove_list img {width:12px; margin-top:-12px;  padding:0 0 0 3px;}
.remove_list .del {width:9px; margin-top:-2px; margin-right:-3px; padding:0 0 0 7px;}

/* 검색 결과 */
.eb_search_result { border-top:1px solid #e0e0e0; width:100%; box-sizing: border-box; margin:0px; padding:15px; text-align: left; font-size:15px; color:#222;}

.eb_result_list { width:100%; box-sizing: border-box; margin:15px 0px 0 0 ; overflow: hidden; padding:0 ; }
.eb_result_list .swiper-slide { width: auto; }
.eb_result_list .keywrap_on {float:left; background:#ef3b96; border:1px solid #ef3b96; border-radius:3px; text-align:center; color:#fff; font-weight:bold;  padding:2px 8px 1px 8px; font-size:14px;}
.eb_result_list .keywrap {float:left; background:#ffffff; border:1px solid #cccccc; border-radius:3px; text-align:center; color:#333; font-weight:normal; padding:2px 8px 1px 8px; font-size:14px;}
.eb_result_list img {width:12px; margin-top:-12px; padding:0 0 0 3px;}


/*지금 많이 읽는 전자책 */
.eb_MB_alotnow_wrap {  margin:20px 0px;}
.eb_MB_alotnow_wrap h3 { float:left; margin:0 15px 0px 15px; letter-spacing:-0.02em; padding-top:5px;}
.eb_MB_now_clock { float:right;margin-right:15px; font-size:14px; color:#333333; text-align:center; background:#fff; border:1px solid #ccc; border-radius:15px; padding:2px 10px 4px 10px; font-family:'verdana', 'Apple SD Gothic Neo','Malgun Gothic', Helvetica, sans-serif; letter-spacing:-0.12em; }
.eb_MB_now_clock span { color:#ef3b96;}

.eb_MB_now_list { width:100%; box-sizing: border-box; overflow: hidden; padding:0 15px; margin:10px 0px;}
.eb_MB_now_list .swiper-slide {width: 19rem; position: relative;}

.eb_MB_now_list .M_alotnow_list { clear:both; width:100%; overflow:hidden; margin:15px 0 0 0; }
.eb_MB_now_list .M_alotnow_list li { position:relative; overflow:hidden; padding:0; margin:0; padding-right:10px; padding-left:20px; margin-bottom:20px; box-sizing:border-box;}
.eb_MB_now_list .M_alotnow_list li .num_p {position: absolute; top:2px; left:0; color:#ef3b96; font-size:19px; font-weight:bold; font-style:italic; }
.eb_MB_now_list .M_alotnow_list li .num_g {position: absolute; top:2px; left:0; color:#999; font-size:18px; font-weight:normal; font-style:italic;}
.eb_MB_now_list .M_alotnow_list li::after { content:''; display:block; clear: both;} 
.eb_MB_now_list .M_alotnow_list .now_cont {margin:0; padding:0;}
.eb_MB_now_list .M_alotnow_list .now_cont dl {float:left;}
.eb_MB_now_list .M_alotnow_list .now_cont dt {float:left; width:80px; height:100px; padding-right:4%;}
.eb_MB_now_list .M_alotnow_list .now_cont dt a {display:block; width:80px; height:100px; position:relative; overflow:hidden; border:1px solid #e0e0e0; box-sizing:border-box;}
.eb_MB_now_list .M_alotnow_list .now_cont dt a>img { width:100%}
.eb_MB_now_list .M_alotnow_list .now_cont dd {float:left; width:65%; box-sizing:border-box; padding-top:2px;}
.eb_MB_now_list .M_alotnow_list .now_cont dd h4 {clear:both; margin:0 0 4px 0; font-weight:normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; font-size:16px; color:#222; line-height:135%;}
.eb_MB_now_list .M_alotnow_list .now_cont dd h4 a {font-size:16px; color:#222;}
.eb_MB_now_list .M_alotnow_list .now_cont dd p {font-size:15px; color:#777;}
.now_cont::after, .now_cont dl::after {content:''; display: block; clear: both;}

/* 수험서 분야 */
.b-depthbox h3 {font-weight:bold; letter-spacing: -2px; margin:0; color:#222222; font-size:22px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; padding:5px 10px 10px 10px;}
.b-depthbox h3 em {color: #ef3b96; font-style: normal;}
.b-depthbox h3 a {color:#222222; text-decoration: none; font-weight:bold; letter-spacing: -2px; display:block; position: relative; padding-right:20px;}
/* .b-depthbox h3 a::after { content:''; display: block; position: absolute; width:48px; height:16px; right:0; top:2px; background: url(//image.aladin.co.kr/img/browse/2020/m_arrow_more.png) no-repeat right center; background-size:6px auto; color:#686868; font-size:15px; line-height:16px; letter-spacing:-1px;} */

.b-depthbox {margin: 40px 0 60px 0px;}
.b-depthbox.new {margin: 40px 0 60px 0px;}
.b-depthbox .swiper-container {padding: 0 0 0 10px;}
.b-depthbox .depthbox {display: flex; flex-wrap: wrap; position: relative; border-bottom: 1px solid #e0e0e0;}
.b-depthbox .depthbox > li {width:50%; flex-shrink:0; box-sizing: border-box; margin-bottom: -1px;}
.b-depthbox .depthbox > li h4 {display: block; border-bottom: 1px solid #e0e0e0; height:45px; line-height: 45px; padding:0 10px; overflow: hidden; font-weight: normal;}
.b-depthbox .depthbox > li:nth-child(even) h4 {border-right:none;}
.b-depthbox .depthbox > li > a {display:block;}
.b-depthbox .depthbox > li > a.on h4 {background: #f1f1f1; border-bottom: 1px solid #f1f1f1; font-weight: bold;}
.b-depthbox .depthbox > li > a.on ~ .depth3 {display: block;}
.b-depthbox .depthbox .depth3 {display: none; position: absolute; width:100%; left:0; background: #f1f1f1; box-sizing: border-box; overflow: hidden;}

.b-depthbox .depthbox .depth3 ul { border-bottom: 1px solid #e0e0e0; width:100%;}
.b-depthbox .depthbox .depth3 ul li {float: left; width:33.3%; height:45px; vertical-align: middle; position: relative;}
.b-depthbox .depthbox .depth3 ul li a {display: block; font-size:14px; padding:5px 10px; width:100%; max-height:100%; box-sizing: border-box; line-height: 1.4em; overflow: hidden; position: absolute;
left:0; top: 50%; transform: translateY(-50%);}
.b-depthbox .depthbox .depth3 ul::after {content:''; display: block; clear: both;}
.b-depthbox .swiper-slide {padding-right:15px; box-sizing: border-box;}

.b-depthbox .reload_btn {display: block; width: 182px; height: 38px; border-radius: 19px;  border: solid 1px #ededf0; background: #fff; margin: 15px auto 0 auto; outline: 0; color: #333;}
.b-depthbox .reload_btn::before { content: ''; display: inline-block; width:11px; height:12px; background: url(//image.aladin.co.kr/img/welcome/m/reload.svg) no-repeat center / 11px 12px; margin-right:7px;}
.b-depthbox .reload_btn .reload_pagination {color: #999999; letter-spacing: -1px;}
.b-depthbox .reload_btn .reload_pagination .swiper-pagination-current {color: #333;}

/* 삭제 예정 시작 */
.b-depthbox .nav-box {background: #f5f5f5; height:42px; position: relative; text-align: center; margin-right:15px; line-height: 42px; color:#333; border-top: 0;}
.b-depthbox .button-next {position: absolute; right:0; top:0; width:50%; height:42px; background: url(//image.aladin.co.kr/img/svg/arrow_next_b.svg) no-repeat right 20px center / 8px auto; opacity:0.5; outline: none;}
.b-depthbox .button-prev {position: absolute; left:0; top:0; width:50%; height:42px; background: url(//image.aladin.co.kr/img/svg/arrow_back_b.svg) no-repeat left 20px center / 8px auto; opacity:0.5; outline: none;}
/* 삭제 예정 끝 */

.b-indexbox {margin-bottom:50px;}
.b-indexbox h3 {margin-left:10px; margin-bottom: 15px;}
.b-indexbox .tab-area-new {margin-left: 10px;}

.b-indexbox .word-index-new {padding:5px 10px 15px 10px;}
.b-indexbox .word-index-new .swiper-slide { width: 40px!important; height: 17px; line-height: 17px; text-align: center;}
.b-indexbox .word-index-new .swiper-slide:last-child a {border: 0;}
.b-indexbox .word-index-new .swiper-slide a { display: inline-block; width:100%; height:100%; border-right: 1px #dfdfdf solid; font-size: 17px;}
.b-indexbox .word-index-new .swiper-slide a.on {color: #3b4a9f; font-weight: bold; text-decoration: underline;}

/* 삭제 예정 시작 */
.b-indexbox .word-index {padding:5px 0 15px 15px;}
.b-indexbox .word-index .swiper-slide { width: 50px!important; height: 28px; border-radius: 5px; line-height: 28px; text-align: center; margin-right:7px;}
.b-indexbox .word-index .swiper-slide a { display: block; width:100%; height:100%; border-radius: 5px; border: 1px solid #ddd;}
.b-indexbox .word-index .swiper-slide a.on {background-color: #ef3c8d; color: #fff; border: 1px solid  #ef3c8d;}
/* 삭제 예정 끝 */

.license-box { margin:0 15px;}
.license-box::after {content:''; display:block; clear: both;}
.license-box li {float: left; width:33.3%; height: 47px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; box-sizing: border-box; overflow: hidden; position: relative;}
.license-box li:nth-child(1), .license-box li:nth-child(2), .license-box li:nth-child(3) { border-top: 1px solid #e0e0e0;}
.license-box li:nth-child(3n+0) {border-right:1px solid #e0e0e0;}
.license-box li:last-child {border-right:1px solid #e0e0e0;}
.license-box li a {display: block; font-size:14px; padding:5px 10px; width:100%; max-height:100%; box-sizing: border-box; line-height: 1.4em; overflow: hidden; position: absolute;
    left:0; top: 50%; transform: translateY(-50%);}

.license-box-new {margin:0 15px; border-bottom: 1px solid #e0e0e0;}
.license-box-new::after {content:''; display:block; clear: both;}
.license-box-new li {float: left; width:33.3%; height: 47px; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; overflow: hidden; position: relative; margin-bottom: -1px;}

.license-box-new li a {display: block; font-size:14px; padding:5px 10px; width:100%; max-height:100%; box-sizing: border-box; line-height: 1.4em; overflow: hidden; position: absolute; left:0; top: 50%; transform: translateY(-50%);}

.b-2depth-category { margin:20px 15px;}
.b-2depth-category::after {content:''; display: block; clear: both;}
.b-2depth-category li {float: left; width: 50%;}
.b-2depth-category li a {display: block; padding:5px 0;}
.b-2depth-category li a::after {content: ''; display: inline-block; width:6px; height:10px; background: url(//image.aladin.co.kr/img/svg/arrow_next_b.svg) no-repeat center / 6px auto; margin-left: 5px;}

.b-2depth-box {margin-bottom: 20px;}
.b-2depth-box h3 {margin-bottom: 10px;}
.b-2depth-box .category-box {background-color: #f5f5f7; border-radius: 10px; padding: 15px; box-sizing: border-box; margin: 0 10px;}
.b-2depth-box .category-box ul {display: flex; flex-wrap: wrap;}
.b-2depth-box .category-box ul li {width: 50%;}
.b-2depth-box .category-box ul li a {display: inline-block; padding:8px 0; letter-spacing: -1.5px;}
.b-2depth-box .category-box ul li a::after {content: ''; display: inline-block; width: 8px; height: 14px; background: url(//image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat center / 8px 14px; opacity: 0.5; margin-left: 5px; margin-bottom: -1px;}

/* 2021 리뉴얼 */
.book3rolling {width:100%;}
.book3rolling .swiper-wrapper {display: flex; align-items: flex-end; }
.book3rolling .swiper-slide { width:184px; text-align: center; height: auto; position: relative;}
.book3rolling .swiper-slide a {display: block; width:100%; height: 100%;}
.book3rolling .swiper-slide .img_box {height: 230px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 7px;}
.book3rolling .swiper-slide .img_box img { width:154px; max-height: 225px; transform: scale(0.8); transition: transform 0.5s; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); transform-origin: bottom;}
.book3rolling .swiper-slide-active .img_box img {width: 154px; transform: scale(1);}

.newhotbook {padding-bottom: 100px;}
.newhotbook_text {width: 100%; position: absolute; top: 290px; padding: 0 10px; box-sizing: border-box;}
.newhotbook_text .sub_txt { color: #5562d6; text-align: center; margin-bottom:5px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newhotbook_text h3 {font-size: 17px; font-weight:bold; text-align: center; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.md_choice_book {margin-bottom: 50px; }
.md_choice_book .swiper-slide {width:calc(100% - 46px)!important; margin:0 0 0 10px; position: relative; background: transparent; height: auto; border-radius: 0;}
.md_choice_book .swiper-slide > a {width: 100%; height:200px; padding:20px; display: flex; justify-content: center; box-sizing: border-box; background: #f3f3f5; border-radius: 10px;}
.md_choice_book .swiper-slide .cover {width:112px; height:160px; z-index:10; flex-shrink: 0; position: relative; overflow: hidden;}
.md_choice_book .swiper-slide .cover img {width:112px; max-height:160px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.md_choice_book .swiper-slide .text {width: 100%; height:100%; padding:0 0 0 15px; box-sizing: border-box;}
.md_choice_book .swiper-slide .text .bookinfo h3 {font-size: 15px; margin:0 0 8px 0; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #5562d6; line-height: 1.2;}
.md_choice_book .swiper-slide .text .bookinfo p {margin-bottom: 10px;  line-height: 1.2; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.md_choice_book .swiper-pagination {display: block; position: relative; margin:0; bottom: 0;}

.md_choice_book .blog_go {text-align: right; padding: 20px 24px 0 0; position: relative;}
.md_choice_book .blog_go a {display: inline-block; font-size: 16px; font-weight: bold; text-decoration: underline; padding: 0; width: auto; height: auto;}
.md_choice_book .blog_go::after {content: ''; width: 0; height: 0; border-top: 26px solid #f3f3f5; border-left:0; border-right: 26px solid transparent; position: absolute; top:-7px; right: 20px;}

.mss_keyword_empty {width:98%; margin:0 auto; text-align:center;font-size:17px;padding:60px 0 130px 0;}

.b-mdrecomNew { margin:0 0 50px 0;}

.browse-wrap .new_thema_box h2 {margin: 0 10px 10px 10px;}

.b-music-notify {margin: 0 0 50px 0;}
.b-music-notify .notify-box {overflow: hidden; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; padding: 10px 10px 0 10px;}
.b-music-notify .notify-box::-webkit-scrollbar {display: none}
.b-music-notify .notify-box ul {width: auto; display: flex; flex-direction: column; flex-wrap: wrap; gap: 12px; max-height: 285px;}
.b-music-notify .notify-box ul li {width: 230px;}
.b-music-notify .notify-box ul li a {display: flex; gap: 12px;}
.b-music-notify .notify-box ul li a .m-cover {width: 60px; flex-shrink: 0;}
.b-music-notify .notify-box ul li a .m-cover img {width: 100%;}
.b-music-notify .notify-box ul li a .m-txt .date {font-size: 14px; color: #555;}
.b-music-notify .notify-box ul li a .m-txt .txt {font-weight: bold; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}