/*카드리뷰*/

.cardreview_tab { font-size:1.0em; line-height:1.3em;}
.cardreview_tab li { float:left; border-right:1px #e0e0e0 solid; border-bottom:1px #e0e0e0 solid; width:25%; text-align:center; padding:10px 0; box-sizing:border-box;}
.cardreview_tab .on { background-color:#3b3a48; color:#ffffff;}
.cardreview_tab .end { border-right:none;}

.cardreview_tab2 { font-size:1.0em; line-height:1.3em;}
.cardreview_tab2 li { float:left; border-right:1px #e0e0e0 solid; border-bottom:1px #e0e0e0 solid; border-top:1px #e0e0e0 solid; width:50%; text-align:center; padding:10px 0; box-sizing:border-box;}
.cardreview_tab2 .on { background-color:#3b3a48; color:#ffffff;}
.cardreview_tab2 .end { border-right:none;}

.cardreview_select { clear:both; background:#ececec; overflow:auto; padding:10px 10px; border-bottom:1px #e0e0e0 solid;}
.cardreview_select .sel_box {float:left; width:35%; margin-right:1.5%;}
.cardreview_select .sel_box2 {float:right; width:35%; margin-right:1.5%;}

.cardreview_select2 { clear:both; background:#ececec; overflow:auto; padding:10px 10px; border-bottom:1px #e0e0e0 solid;}
.cardreview_select2 .sel_box {float:left; width:29%; margin-right:1.5%;}

.cardreview_bookinfo {background-color:#fff; padding:10px; overflow:auto;}
.cardreview_bookinfo .b_cover {float:left; width:22%;position:relative;}
.cardreview_bookinfo .book_tt {float:left; padding-left:0px; width:72%; line-height:1.2em;}
.cardreview_bookinfo .book_tt ul { margin-top:10px;}
.cardreview_bookinfo .book_tt li { float:left; width:24%; margin-right:1%; background-color:#3b3a48; color:#fff; font-size:0.8em; text-align:center; padding:5px 0; }
.cardreview_bookinfo .book_tt li a.btn_t:link {padding:5px 0; color:#fff;}
.cardreview_bookinfo .book_tt li a.btn_t:hover {padding:5px 0; color:#fff;}
.cardreview_bookinfo .book_tt li a.btn_t:visited {padding:5px 0; color:#fff;}
.cardreview_bookinfo .book_tt p {padding-top:5px}

a.book_t:link { color:#000000; text-decoration:none; font-weight:bold; line-height:1.5em;}
a.book_t:hover {color:#000000; text-decoration:none; font-weight:bold; line-height:1.5em;}
a.book_t:visited {color:#000000; text-decoration:none; font-weight:bold; line-height:1.5em;}

.author_info {color:#999;}

.cardreview_list { background-color:#FFFFFF; padding:5px 10px; overflow:auto;}
.cardreview_list .card_img { float:left; width:75px;position:relative;}
.cardreview_list .card_img img {width:75px;}
.cardreview_list .info_t {float:left; padding-left:10px; width:70%; line-height:1.2em;}

.cr_layer_bg { position:fixed; background:rgba(0,0,0, 0.9); width:100%; height:100%; z-index:10000; top:0; padding-bottom:20px;}

.cr_layer_cont { position:absolute; z-index:10001; width:100%; height:100%; top:0; overflow-x:hidden; overflow-y:scroll; background:rgba(0,0,0, 0.9);}
.cr_layer_cont2 { position:absolute; background:rgba(0,0,0, 0.9); z-index:11; top:0; left:0; width:100%;}
.cr_layer_close { position:absolute; z-index:12; right:10px; padding-top:20px;}
.cr_layer_book {float:left; padding:20px 0 15px 10px; color:#fff;}
.cr_layer_book a:link {color:#fff; text-decoration:none;}
.cr_layer_book a:hover {color:#fff; text-decoration:none;}
.cr_layer_book a:visited {color:#fff; text-decoration:none;}
.cr_layer_btn {float:right; padding:42px 10px 0 0; color:#36c1ff;}
.cr_layer_btn a:link { color:#36c1ff; text-decoration:none;}
.cr_layer_btn a:visited { color:#36c1ff; text-decoration:none;}
.cr_img li {padding-bottom:8px;}
.cr_img li img {width:100%;}
.cr_img2 { clear:both;  position:relative; padding-bottom:15px;width:100%;}
.cr_img2 li img {width:100%;}
.cr_sns { float:right; padding:5px 5px 15px 0;}
.cr_sns li { float:left; padding-right:6px;}
.cr_like { float:right; padding:8px 10px 0 0; color:#fff;}
.cr_nav_pre { position:absolute; left:0; top:35%;z-index:9;}
.cr_nav_next { position:absolute; right:0; top:35%;z-index:9;}
.view_guide {position:absolute; top:40%; left:30%; z-index:10;}
.endPage_guide {position:absolute; top:40%; left:50%; transform: translateX(-50%); z-index:10;}

.layer_grid_box { background:#505050; height:8px;}

.cr_layer_tt1 {float:left; padding:10px 0 10px 10px; color:#36d2ff;}
.cr_layer_more { float:right; padding:10px;}
.cr_layer_more a:link { color:#FFFFFF; text-decoration:none;}
.cr_layer_more a:hover { color:#FFFFFF; text-decoration:none;}
.cr_layer_more a:visited { color:#FFFFFF; text-decoration:none;}

.cr_layer_book2 { padding:8px 10px 15px 10px; color:#ffffff;}
.cr_layer_book2 a:link { color:#FFFFFF; text-decoration:none;}
.cr_layer_book2 a:hover { color:#FFFFFF; text-decoration:none;}
.cr_layer_book2 a:visited { color:#FFFFFF; text-decoration:none;}

.cr_grid_box { clear:both; background:#ececec; border-bottom:1px #e0e0e0 solid; height:8px;}
.like_area {clear:both; text-align:right; padding-top:3px;}

.letslook_book {background-color:#fff; padding:10px; overflow:auto;}
.letslook_book .book_list li { float:left; padding:0 5px;}
.letslook_book .book_list li img { width:65px; border:1px #e3e3e3 solid;  box-sizing:border-box;}
.letslook_book .book_tt {float:left; padding:8px 5px 0 5px; line-height:1.2em;}
.letslook_book .book_tt p {padding-top:5px}

.layer_letslook { padding:0 10px 30px 10px;}
.letslook_nav_pre { position:absolute; left:10px; top:50%;}
.letslook_nav_next { position:absolute; right:10px; top:50%;}

.serial_box {background-color:#fff; padding:10px 10px 15px 10px; overflow:auto;}
.serial_box .img_list { margin-top:10px;}
.serial_box .img_list li { float:left; padding:0 5px; width:30%;}
.serial_box .img_list li img { width:100%;}
.serial_box .book_tt {padding:8px 5px 0 5px; line-height:1.5em;}
.serial_box .book_tt p {padding-top:5px}
.serial_box .book_tt img { width:100%;}

.serial_box .book_btn {clear:both; padding-top:10px; padding-right:5px;}
.serial_box .book_btn ul {}
.serial_box .book_btn li { float:right; margin-left:1%; background-color:#fff; color:#df307f; border:1px #df307f solid; font-size:0.9em; text-align:center; padding:4px 0px;}
.serial_box .book_btn li a.btn_t:link {padding:4px 15px; color:#df307f;}
.serial_box .book_btn li a.btn_t:hover {padding:4px 15px; color:#df307f;}
.serial_box .book_btn li a.btn_t:visited {padding:4px 15px; color:#df307f;}

a.serial_t:link { color:#000000; text-decoration:none;}
a.serial_t:hover {color:#000000; text-decoration:none;}
a.serial_t:visited {color:#000000; text-decoration:none;}

.serial_blog_top { clear:both; padding:14px;}
.serial_blog_top dt { float:left; width:87px; padding-right:14px; padding-bottom:14px;}
.serial_blog_top dt img {width:87px;}
.serial_blog_top dd { float:left;}
.serial_blog_top .tt1 {font-weight:bold; line-height:1.2em;}
.serial_blog_top .tt1 a {font-size:1.4em; font-weight:bold; line-height:1.2em; color:#333;}


.button_serial_blog {display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #0d97ab;text-align: center;overflow: hidden;
text-decoration: none!important;cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background-color: #1aafc4; margin-right:5px; margin-top:5px}
.button_serial_blog a:link {white-space: nowrap; text-decoration: none!important; outline: 0;color: #FFF!important;font-size: 14px; font-weight:bold;  line-height:16px;display: block;white-space: nowrap;background-color: transparent;border-color:#0d97ab;margin: 0;border: 0;padding:10px 8px 10px 8px;}
.button_serial_blog a:visited { text-decoration: none!important; outline: 0;color: #FFF!important;font-size: 14px; font-weight:bold; display: block;white-space: nowrap;background-color: transparent;border-color:#0d97ab;margin: 0;border: 0;}

.btn_bookinfo { float:left; background:#1cb0f2; color:#FFFFFF; text-align:center;  -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; margin-left:10px;; margin-top:5px;}
.btn_bookinfo a:link { display:inline-block; padding:5px 15px; color:#ffffff;}
.btn_bookinfo a:hover { color:#ffffff;}
.btn_bookinfo a:visited { color:#ffffff;}

.icon_play {position:absolute; left:40%; top:40%;}

.grid_line { clear:both; border-top:1px solid #e0e0e0; background:#ececec; position: relative; height:16px;}
.noScroll {overflow:hidden;}

<!--카드리뷰 버튼 추가(css 파일 기재)-->
.cardreview_btn { width:100%;}
.cardreview_btn .btn_t1 {padding:5px 0; color:#fff; background:#ff3399;display:inline-block; width:35%; border:0; float:left; font-size:0.85em; margin:12px 0 0 0}
.cardreview_btn .btn_t2 {padding:4px 0; color:#222; background:#fff; border:1px solid #CCC;display:inline-block; width:35%; float:left;font-size:0.85em;margin:12px 0 0 5px}
.cardreview_btn:after{contant:' '; display:inline-block; clear:both;}


/* 만권당TV */
.manTV-wrap {width: 100%; margin: 0 auto; padding: 0;}
.manTV-wrap .manTV-tit {display: flex; justify-content: space-between; align-items: center; padding: 11px;}
.manTV-wrap .manTV-tit h2 {width: 78px; height: 18px; background: url('//image.aladin.mom/img/subscribe/common/man-tv-logo.png') no-repeat center / 100% auto; font-size: 0;}
.manTV-wrap .manTV-menu {display: flex; gap: 15px;}
.manTV-wrap .manTV-menu a {display: inline-block; font-size: 15px; color: #999; line-height: 30px; font-weight: bold;}
.manTV-wrap .manTV-menu a:hover {text-decoration: none;}
.manTV-wrap .manTV-menu a.on {font-weight: bold; color: #000; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px;}
/* .manTV-wrap .manTV-sort {display: flex; gap: 8px; background: #ececec; padding: 10px;}
.manTV-wrap .manTV-sort select {width: 33.3%; height: 26px; border-radius: 3px;	border: solid 1px #c7c7c7; color: #000;	background-color: #fff; appearance: none; background: url('//image.aladin.mom/img/subscribe/common/m_gray_arr.png') #fff no-repeat right 6px center / 10px auto; padding: 0 25px 0 6px; font-size: 13px;} */
.manTV-wrap .manTV-list {padding: 10px;}
.manTV-wrap .manTV-list ul li {margin-bottom: 16px;}
.manTV-wrap .manTV-list .manTV-box {border-radius: 10px; box-shadow: 3px 5.2px 6px 0 rgba(0, 0, 0, 0.1); background-color: #f8f8f8; overflow: hidden;}
.manTV-wrap .manTV-list .manTV-box .manTV-video {width: 100%; position: relative;}
.manTV-wrap .manTV-list .manTV-box .manTV-video > div {width: 100%; padding-bottom: 56.25%;}
.manTV-wrap .manTV-list .manTV-box .manTV-video iframe {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
.manTV-wrap .manTV-list .manTV-box .manTV-booktalk a img {width: 100%;}
.manTV-wrap .manTV-list .manTV-box .contnet-txt {padding: 15px 40px 15px 15px; position: relative;}
.manTV-wrap .manTV-list .manTV-box .contnet-txt .tit {font-size: 15px; margin-bottom: 3px;}
.manTV-wrap .manTV-list .manTV-box .contnet-txt .tit a {font-weight: bold;}
.manTV-wrap .manTV-list .manTV-box .contnet-txt .author {font-size: 14px; color: #555;}
.manTV-wrap .manTV-list .manTV-box .contnet-txt .author a {color: #555;}
.manTV-wrap .manTV-list .manTV-box .contnet-txt .date {color: #888;}
.manTV-wrap .manTV-list .manTV-box .contnet-txt .share-btn {width: 30px; height: 30px; font-size: 0; background: url('//image.aladin.mom/img/shop/2024/i-share.png') no-repeat center / 14px; border: 0; position: absolute; right: 10px; top: 10px; cursor: pointer;}

.booktube-banner-box {position: relative; margin-bottom: 20px; padding: 10px;}
.booktube-banner {border-radius: 10px;}
.booktube-banner .swiper-slide {height: 180px;}
.booktube-banner .swiper-slide a {display: block; height: 100%; padding: 25px 20px 40px 20px; box-sizing: border-box;}
.booktube-banner .swiper-slide a:hover {text-decoration: none;}
.booktube-banner .swiper-slide a .logo {width: 100%; text-align: center; margin-bottom: 10px;}
.booktube-banner .swiper-slide a .logo img {width: 150px;}
.booktube-banner .swiper-slide a p {line-height: 1.5; word-break: keep-all; text-align: center;}
.booktube-banner .pagination-box {position: absolute; right: 10px; bottom: 10px; z-index: 10; display: flex; flex-direction: row-reverse; gap: 10px;}
.booktube-banner .pagination-box .swiper-pagination {border-radius: 14px; padding: 0 10px; background-color: rgba(0, 0, 0, 0.3); font-size: 0.86em; z-index: 10; width:56px; height:24px; line-height: 26px; box-sizing: border-box; text-align: center; position: static; white-space: nowrap; color: #fff;}
.booktube-banner .pagination-box .swiper-pause-btn {width: 24px; height: 24px; background: url(//image.aladin.mom/img/m/2024/m1_pause.svg) no-repeat center / 100% auto; font-size: 0; color: transparent; border: 0;}
.booktube-banner .pagination-box .swiper-pause-btn.stop {background: url("//image.aladin.mom/img/m/2024/m1_play.svg") no-repeat center / 100% auto;;}
.manTV-wrap .sort-box {display: flex; justify-content: space-between; align-items: center; padding: 0 10px;}
.manTV-wrap .sort-box .all {font-size: 15px;}
.manTV-wrap .sort-box select {appearance: none; background: url('//image.aladin.mom/img/svg/arrow_down_g.svg') #f8f8f8 no-repeat right 10px top 10px / 12px auto; padding: 3px 25px 3px 12px; font-size: 13px; line-height: 20px; border: 0; outline: 0; cursor: pointer; color: #666; border-radius: 15px;}