@charset "utf-8";

.index_contents .title_02 {margin-bottom:15px;}

/* 동영상프로모션 */
.promotion_wrap {position: relative; overflow:hidden; margin:0 auto; height:698px; width:100%;}
.promotion_wrap .btn_area{position: absolute; top:30px; left: 50%; z-index:3; margin-left:370px;}
.promotion_wrap .btn_area .ch_box input[type="checkbox"]{margin-right: 10px;}
.promotion_wrap .btn_area .ch_box label{color:#FFFFFF; font-size: 12px;}
.promotion_wrap .btn_area .close_btn{margin-left:30px;}
.promotion_wrap .btn_area .close_btn img{width:100%; height:100%;}

/* 상단띠배너 */
.band_promotion,.band_promotion_tw {position: relative; overflow:hidden; margin:0 auto; height:85px; width:100%;}
.band_promotion .btn_area, .band_promotion_tw .btn_area{position: absolute; top:33px; left: 50%; margin-left:400px;}
.band_promotion .btn_area .ch_box label, .band_promotion_tw .btn_area .ch_box label{margin-left: 10px; color:#FFFFFF; font-size: 12px;}
.band_promotion .btn_area .close_btn, .band_promotion_tw .btn_area .close_btn{margin-left:10px;}
.band_promotion .btn_area .close_btn img, .band_promotion_tw .btn_area .close_btn img{width:100%; height:100%;}
.band_promotion .banner_cons{background-color:#542fab;}

/* 상단띠배너 2개*/
.band_promotion_tw .banner_cons{overflow: hidden;}
.band_promotion_tw .banner_cons > div{float: left; width:50%;}
.band_promotion_tw .banner_cons > div.banner_cons_1{text-align: right;}
.band_promotion_tw .banner_cons > div.banner_cons_2{text-align: left;}

/* 주제별 책 리스트 */
.subject_bnr_wrap {overflow:hidden; margin-bottom:50px; position: relative; text-align: center; background-color: #f8f8f8;}
.subject_row {background:url(/images/jpn/index/bg_top_list.gif) repeat-x 0 0; overflow:hidden; box-sizing:border-box; text-align:center; padding-top:48px; height:281px;}

.subject_row ul {display:inline-block; overflow:hidden;}
.subject_row .subject_col {float:left; margin-left:20px; height:232px;}
.subject_row .subject_col + .subject_col {margin-left:18px;}
.subject_row .subject_col .thumnail_contents {background:url(/images/jpn/index/bg_top_book.png) no-repeat 0 0; overflow:hidden; width:208px;}
.subject_row .subject_col .thumnail_contents .thumnail {overflow:hidden; position:relative; height:232px; width:180px;}
.subject_row .subject_col .thumnail_contents .thumnail .thumnail_img {overflow:hidden;}
.subject_row .subject_col .thumnail_contents .thumnail .over_book_explan {display:none;}
.subject_row .subject_col .thumnail_contents .thumnail:hover .over_book_explan {background:url(/images/jpn/layout/bg_repeat_op65.png) repeat 0 0; display:block; overflow:hidden; box-sizing:border-box; text-align:center; text-decoration:none; position:absolute; left:0; top:0; padding:80px 15px; height:232px; width:180px; z-index:5;}
.subject_row .subject_col .thumnail_contents .thumnail:hover .over_book_explan .title {display:block; overflow:hidden; color:#fff; font-size:16px; line-height:22px; max-height:44px;}
.subject_row .subject_col .thumnail_contents .thumnail:hover .over_book_explan .writer {display:block; overflow:hidden; color:#fff; font-size:13px; max-height:32px;}

.subject_tab {border-bottom:1px solid #e5e5e5; width:100%; position: absolute; bottom: 0; z-index: 10;}
.subject_tab ul {overflow:hidden; margin:0 auto; width:1090px;}
.subject_tab li {float:left; box-sizing:border-box; width:32.5%;}
.subject_tab li + li {margin-left:1.25%;}
.subject_tab li a {background-color:#fff; display:block; overflow:hidden; text-align:center; font-weight:bold; line-height:40px; height:40px; width:100%;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.subject_tab li.on a {background-color:#eb1722; color:#fff;}

.index_contents {overflow:hidden; margin:0 auto; margin-bottom:40px; width:1090px;}

/* event_bnr */
.event_bnr {overflow:hidden; margin-bottom:40px;}
.event_bnr ul {overflow:hidden;}
.event_bnr li {float:left; border:1px solid #d9d9d9; overflow:hidden; box-sizing:border-box; height:130px; width:354px;}
.event_bnr li + li {margin-left:14px;}

/* 신간도서_주간검색 */
.new_weekly {overflow:hidden; margin:40px 0;}
.new_weekly .new_books {width:100%;}
.new_weekly .new_books .books_list {box-sizing:border-box; padding:30px 10px 40px 10px; height:343px;}
.new_weekly .new_books .books_list .simple_view .row_wrap .product_wrap + .product_wrap {padding:0 41.8px;}
.new_weekly .new_books .books_list .simple_view .product_wrap .title_wrap {margin-bottom:11px;}

.new_weekly .weekly_search {float:left; margin-left:14px; width:262px;}
.new_weekly .weekly_search .week_list {overflow:hidden; border-right:none; border-left:none; box-sizing:border-box; height:326px;}
.new_weekly .weekly_search ol {overflow:hidden; counter-reset:week_rank;}
.new_weekly .weekly_search li {overflow:hidden;}

.weekly_search .close_wrap {background-color:#f6f6f6; overflow:hidden; height:40px;}
.weekly_search .close_contents {display:block; overflow:hidden; border-top:1px solid #fff; line-height:35px; padding-left:25px; height:40px;}
.weekly_search .close_contents:hover {text-decoration:none;}
.weekly_search .close_contents .rank_book {display:block; overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:230px;}
.weekly_search .close_contents .rank_book:before {content:""counter(week_rank); color:#999; counter-increment:week_rank; font-family:'arial'; font-size:20px; font-style:italic; font-weight:bold; line-height:1.2em; margin-right:15px;}

.weekly_search .open_contents {overflow:hidden; border-bottom:1px solid #d9d9d9; padding:31px 20px; height:100px;}
.weekly_search .open_contents .thumnail {float:left; overflow:hidden; border:1px solid #d9d9d9; box-sizing:border-box; position:relative; height:100px; width:76px;}
.weekly_search .open_contents .week_book {float:left; margin-left:20px; width:124px;}
.weekly_search .open_contents .week_book .book_title {overflow:hidden; margin-bottom:5px;}
.weekly_search .open_contents .week_book .book_title .rank_number {display:block; color:#1165b0; font-family:'arial'; font-size:34px; font-style:italic; font-weight:bold; line-height:1.2em; margin-bottom:3px;}/* 포인트컬러 */
.weekly_search .open_contents .week_book .book_title a {display:block; overflow:hidden; position:relative; max-height:34px;}
.weekly_search .open_contents .week_book .book_title a:after {content:"..."; position:absolute; right:-1px; bottom:0; z-index:2;}
.weekly_search .open_contents .week_book .book_title strong {display:block; overflow:hidden; position:relative; padding-right:10px; min-height:34px;}
.weekly_search .open_contents .week_book .book_title strong:after {background-color:#fff; content:""; position:absolute; right:0; bottom:0; height:5px; width:15px; z-index:3;}
.weekly_search .open_contents .week_book .txt_777 {overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:120px;}

/* project_band */
.project_band {overflow:hidden;}

/* suggest_best */
.suggest_best {overflow:hidden; margin-top:40px; margin-bottom:40px;}
.suggest_best .custom_books .books_list {padding-right:25px; padding-left:25px;}
.suggest_best .suggest_books {width:538px;}
.suggest_best .best_seller {margin-left:14px; width:538px;}


/* mywish */
.mywish {overflow:hidden; margin-top:40px;}
.mywish .title_02 .txt_777 {float:left; font-size:13px; margin-left:10px; padding-top:5px;}
.mywish .index_wish {overflow:hidden; padding:30px 29px;}
.mywish .simple_view .row_wrap {border-bottom:none; margin-top:0; padding-bottom:0;}
.mywish .index_wish .product_wrap {width:180px;}
.mywish .index_wish .product_wrap + .product_wrap {padding-left:32px;}
.mywish .index_wish .product_wrap .cover_thumnail {height:232px;}
.mywish .wish_go {background-color:#333; overflow:hidden; text-align:center; padding-top:6px; padding-bottom:6px;}
.mywish .wish_go p,
.mywish .wish_go .btn_area {display:inline-block;}
.mywish .wish_go p {overflow:hidden; color:#fff; line-height:30px;}
.mywish .wish_go .btn_area {margin-left:5px;}

/* blog_wrap */
.blog_wrap {overflow:hidden; margin-bottom:40px;}
.blog_wrap .blog_title {background:url(/images/jpn/index/bg_repeat_blog.png) repeat-x 0 bottom; overflow:hidden; padding-bottom:10px; height:76px;}
.blog_wrap .blog_title .blog_go {background:url(/images/jpn/index/bg_blog.jpg) no-repeat 0 0; overflow:hidden; padding:23px;}
.blog_wrap .blog_title .blog_go h3 {float:left; padding-top:5px;}
.blog_wrap .blog_title .blog_go .btn_area {float:left; margin-left:10px;}
.blog_wrap .blog_title .blog_go .blog_comment {float:right;}

.blog_wrap .post_wrap {background-color:#f9f9f9; overflow:hidden; padding:13px 24px 23px 23px;}
.blog_wrap .post_wrap ul {position: relative; overflow:hidden; margin-top:-14px; margin-left:-14px; width:1055px; height:500px;}
.blog_wrap .post_wrap li {float:left; margin-top:14px; margin-left:14px;}

.blog_wrap .post_wrap .post_col {background-color:#fff; border:1px solid #d9d9d9; box-sizing:border-box; padding:27px 18px 20px 18px; height:236px; width:197px;}
.blog_wrap .post_wrap .post_col .thumnail {display:block; overflow:hidden; margin-top:-28px; margin-bottom:20px; margin-left:-19px; height:110px; width:197px;}
.blog_wrap .post_wrap .post_col .post_title {overflow:hidden; position:relative; max-height:34px;}
.blog_wrap .post_wrap .post_col .post_title:after {content:"..."; position:absolute; right:0; bottom:0; z-index:2;}
.blog_wrap .post_wrap .post_col .post_title a {display:block; overflow:hidden; font-weight:bold; position:relative; padding-right:10px; min-height:20px;}
.blog_wrap .post_wrap .post_col .post_title a:after {background-color:#fff; content:""; position:absolute; right:0; bottom:0; height:5px; width:12px; z-index:3;}

.blog_wrap .post_wrap .post_col .post_content {overflow:hidden; position:relative; margin-top:15px; max-height:55px;}
.blog_wrap .post_wrap .post_col .post_content a {color:#777;}
.blog_wrap .post_wrap .post_col .post_content:after {content:"..."; color:#777; position:absolute; right:4px; bottom:1px; z-index:2;}
.blog_wrap .post_wrap .post_col .post_content span {display:block; overflow:hidden; font-size:13px; line-height:18px; position:relative; padding-right:10px; min-height:15px;}
.blog_wrap .post_wrap .post_col .post_content span:after {background-color:#fff; content:""; position:absolute; right:4px; bottom:2px; height:5px; width:12px; z-index:3;}

.blog_wrap .post_wrap .post_col .post_master {overflow:hidden; margin-top:11px;}
.blog_wrap .post_wrap .post_col .post_master .master_thumnail {background:url(/images/jpn/layout/thumnail_40x40.png) no-repeat 0 0; float:left; position:relative; height:40px; width:40px;}
.blog_wrap .post_wrap .post_col .post_master .master_thumnail > img {height:100%; width:100%;}
.blog_wrap .post_wrap .post_col .post_master .master_thumnail .crop {position:absolute; left:0; top:0; height:40px; width:40px; z-index:5;}
.blog_wrap .post_wrap .post_col .post_master .master_id {float:left; margin-left:5px; max-height:30px; width:114px;}
.blog_wrap .post_wrap .post_col .post_master .master_id .txt_777 {font-size:13px; line-height:18px;}

.blog_wrap .btn_control_blog {overflow:hidden; margin:0 auto; margin-top:15px; width:100px;}
.blog_wrap .btn_control_blog .btn_blog,
.blog_wrap .btn_control_blog .now_p,
.blog_wrap .btn_control_blog .all_p {float:left; line-height:30px;}
.blog_wrap .btn_control_blog .prev {margin-right:5px;}
.blog_wrap .btn_control_blog .next {margin-left:5px;}
.blog_wrap .btn_control_blog .all_p:before {float:left; content:"/"; margin-right:3px; margin-left:3px;}

/* request_wrap */
.index_contents .board_wrap{padding: 60px 20px 0;}
.index_contents .board_wrap .board_preview {width:348px;}
.index_contents .board_wrap .board_preview .title_02 *{font-size: 20px; line-height: 37px;}
.index_contents .board_wrap .board_preview + .board_preview {margin-left:57px;}
.index_contents .board_wrap .board_preview .dot_li a{font-size: 15px; line-height: 30px;}
.index_contents .board_wrap li a{font-size: 15px; line-height: 30px; display: block;float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 92%;}
.index_contents .board_wrap li a strong::before{content: '[';}
.index_contents .board_wrap li a strong::after{content: ']';}
.index_contents .board_wrap .new_board{margin-top: 4px;}

.index_contents .request_wrap {float:left; box-sizing:border-box; height:150px; width:252px; margin-left: 45px;}
.index_contents .request_wrap .request_div {float:left; width: 126px; background-color:#47b1de;}
.index_contents .request_wrap .request_div + .request_div {background-color:#2cc6dd;}
.index_contents .request_wrap .request_div a {display:block; overflow:hidden; color: #fff; height:150px;}
.index_contents .request_wrap .request_div a >i, .index_contents .request_wrap .request_div a >strong {display:block; text-align:center;}
.index_contents .request_wrap .request_div a >i{margin-top: 30px;}
.request_wrap .request_div a >strong{margin-top: 25px;}
.index_contents .request_wrap .request_div a:hover {text-decoration:none;}


/* main배너 */
.main_banner.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 20px;
}
.main_banner .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 3px solid #ec5b6a;
    transition: width 0.3s ease;
}
.main_banner .swiper-pagination-bullet-active{
    background-color: #ec5b6a;
    width: 28px;
    border-radius: 8px;
}
.main_banner a{
    display: block;
}
.main_banner img{
    width: 100%;
    max-width: 1920px;
}
.list_cont>div{
    display: none;
}

.list_cont>div.on{
    display: block;
}
/* sns */
.title{
    text-align: center;
}
.sns .title{
    margin-bottom: 40px;
}
.sns{
    background: url(/images/siso/index/bg_sns_02.png), url(/images/siso/index/bg_sns_01.gif);
    background-position: top, center;
    background-repeat: repeat,  repeat;
    padding: 50px 0 20px;
}
.sns_list li{
    float: left;
    width: 344px;
    text-align: center;
}
.sns_list li+li{
    margin-left: 26px;
}
.sns_list li a{
    display: block;
    border: 1px solid #e6e6e6;
    background-color: #fafafa;
    position: relative;
    padding-top: 115px;
    padding-bottom: 20px;
    color: #7a7a7a;
    height: 53px;
}
.sns_list li a:hover{
    text-decoration: none;
}
.sns_list li a>*{
    display: block;
}
.sns_list li a .icon{
    width: 82px;
    height: 82px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    margin: 0 auto;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    transition: all 0.2s ease;
}
.sns_list li .cafe .icon{
    background-image: url(/images/siso/index/icon_sns_01.gif);
}
.sns_list li .blog .icon{
    background-image: url(/images/siso/index/icon_sns_02.gif);
}
.sns_list li .instagram .icon{
    background-image: url(/images/siso/index/icon_sns_03.gif);
}
.sns_list li a:hover .icon{
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    border: 1px solid #fff;
}
.sns_list li a em{
    position: absolute;
    top: 0;
    width: 100%;
    height: 5px;
    transition: height 0.2s ease-in;
}
.sns_list li a:hover em{
    height: 65px;
}
.sns_list li .cafe em, .sns_list li .blog em{
    background-image: linear-gradient(90deg, #2db401,#0dd261);
} 
.sns_list li .instagram em{
    background-image: linear-gradient(90deg,#fb9938, #fb9938 12%,#b9359a 65%,#5758ce);
} 
.sns_list li strong{
    width: 100%;
    height: 30px;
    text-indent: -9999em;
    background-image: url(/images/siso/index/sns_title.png);
    background-repeat: no-repeat;
    background-position-x: center;
    margin-top: 10px;
}
.sns_list li .cafe strong{
    background-position-y: 0;
}
.sns_list li .blog strong{
    background-position-y: -30px;
}
.sns_list li .instagram strong{
    background-position-y: -60px;
}
.sns_list li a span{
    margin-top: 5px;
    font-size: 18px;
}
/* 시소공부 클럽 */
.siso_club{
    padding-top: 80px;
    position: relative;
}
.siso_club p{
    text-align: center;
    color: #4c4c4c;
    line-height: 1.5;
    margin-bottom: 40px;
}

.club_list{
    margin-bottom: 50px;
}
.club_list > a{
    width: 260px;
    height: 260px;
    background-size: cover;
    background-position: center;
    float: left;
    display: block;
    position: relative;
    transition: all 0.4 ease;

}
.club_list > a::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.club_list > a:hover{
    text-decoration: none;
}
.club_list > a:hover::before{
    opacity: 1;
}
.club_list > a+a{
    margin-left: 16.5px;
}
.club_list > a>*{
    display: block;
}
.club_list > a >div{
    top: 30px;
    opacity: 0;
    position: relative;
    transition: all 0.3s ease;
}
.club_list > a:hover >div{
    opacity: 1;
    top: 0;
}
.club_list > a span{
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
    white-space: nowrap;
    white-space: normal;
    position: relative;
    z-index: 10;
    line-height: 1.5;
    height: 8.2em;
    word-wrap: break-word; 
    display: -webkit-box; 
    -webkit-line-clamp: 6; 
    -webkit-box-orient: vertical;
}
.club_list .icon{
    display: block;
    width: 100%;
    height: 30px;
    background-image: url(/images/siso/index/icon_instar.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 30px;
    position: relative;
    z-index: 5;
}
.siso_club .bg_img{
    position: absolute;
    top: 8px;
    right: 240px;
}

/* 인스타그램 피드 연동 */
#instafeed img {
  width: 100%;
}

/* 공부 리스트 */
.list_category{
    max-width: 1090px;
    margin:0 auto;
}
.list_category li{
    float: left;
    width: 20%;
}
.list_category li a{
    display: block;
    text-align: center;
    outline:none;
}
.list_category a:hover{
    text-decoration: none;
}
.list_category .list_img{
    border-radius: 50%;
    overflow: hidden;
    width: 132px;
    height: 132px;
    transition: all 0.2s ease;
    margin-left: 44px;
}
.list_category .list_img img{
    width: 100%;
}
.list_category a .list_img{
    border: 3px solid #fff;
}
.list_category a:hover .list_img, .list_category .on a .list_img{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) ;
}
.list_category .list_img img{
    transform: scale(1);
    transition: all 0.2s ease;
}
.list_category a:hover .list_img img, .list_category .on a .list_img img{
    transform: scale(1.1);
}
/* 
.list_category .list_img{
    border-radius: 20px;
    transform: rotateZ(-45deg);
}
.list_category .list_img img{
    transform: rotateZ(45deg) translate(-46px) scale(0.9);
    transition: all 0.2s ease;
}
.list_category a:hover .list_img img, .list_category .on a .list_img img{
    transform: rotateZ(45deg) translate(-46px) scale(1);
} 
.list_category .list_title{
    margin-top: 40px;    
}*/
.list_category .list_title{
    display: inline-block;
    margin-top: 20px;
    font-size: 20px;
    color: #666;
    border-radius: 30px;
    border-bottom-left-radius: 0;
    background-color: #fff;
    font-weight: 600;
    width: 140px;
    padding: 5px 0;
    position: relative;
    transition: all 0.1s ease-in;
}
.list_category a:hover .list_title{
    border-bottom-left-radius: 30px;
}
.list_category .on a:hover .list_title{
    border-bottom-left-radius: 0;
    color: #fff;
}
.list_category .list_title::before{
    content: '';
    width: 0px;height: 0px;
    border-top:6px solid #fff;
    border-bottom:6px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid #fff;
    position: absolute;
    left: 0;
    bottom: -6px;
    opacity: 0;
    transition-delay: 0.2s;
    transition: all 0.1s ease-in;
}
.list_category .on .list_title::before{
    bottom: -12px;
    opacity: 1;
}
.list_category li.on .list_title,.list_category li a:hover .list_title{
    color: #fff;
}
.list_category li.on:nth-child(1) .list_title, .list_category li:nth-child(1) a:hover .list_title, .cont_01 .swiper-button-prev:hover, .cont_01 .swiper-button-next:hover{
    background-color: #ffb600;
}
.list_category li.on:nth-child(1) .list_title::before{
    border-top-color: #e5a400;
    border-left-color: #e5a400;
}
.list_category li:nth-child(1) a:hover .list_img, .list_category li.on:nth-child(1) a .list_img{
    border-color: #ffb600;
}
.list_cont .cont_01{
    background-image: linear-gradient(90deg, #ffb600 50%, #ebebeb 50%);
}
.list_category li.on:nth-child(2) .list_title, .list_category li:nth-child(2) a:hover .list_title, .cont_02 .swiper-button-prev:hover, .cont_02 .swiper-button-next:hover{
    background-color: #59b632;
}
.list_category li.on:nth-child(2) .list_title::before{
    border-top-color: #4c9c2a;
    border-left-color: #4c9c2a;
}
.list_category li:nth-child(2) a:hover .list_img, .list_category li.on:nth-child(2) a .list_img{
    border-color: #59b632;
}
.list_cont .cont_02{
    background-image: linear-gradient(90deg, #59b632 50%, #ebebeb 50%);
}
.list_category li.on:nth-child(3) .list_title, .list_category li:nth-child(3) a:hover .list_title, .cont_03 .swiper-button-prev:hover, .cont_03 .swiper-button-next:hover{
    background-color: #139ce3;
}
.list_category li.on:nth-child(3) .list_title::before{
    border-top-color: #108cc9;
    border-left-color: #108cc9;
}
.list_category li:nth-child(3) a:hover .list_img, .list_category li.on:nth-child(3) a .list_img{
    border-color: #139ce3;
}
.list_cont .cont_03{
    background-image: linear-gradient(90deg, #139ce3 50%, #ebebeb 50%);
}
.list_category li.on:nth-child(4) .list_title, .list_category li:nth-child(4) a:hover .list_title, .cont_04 .swiper-button-prev:hover, .cont_04 .swiper-button-next:hover{
    background-color: #ec5b6a;
}
.list_category li.on:nth-child(4) .list_title::before{
    border-top-color: #d4535f;
    border-left-color: #d4535f;
}
.list_category li:nth-child(4) a:hover .list_img, .list_category li.on:nth-child(4) a .list_img{
    border-color: #ec5b6a;
}
.list_cont .cont_04{
    background-image: linear-gradient(90deg, #ec5b6a 50%, #ebebeb 50%);
}
.list_category li.on:nth-child(5) .list_title, .list_category li:nth-child(5) a:hover .list_title, .cont_05 .swiper-button-prev:hover, .cont_05 .swiper-button-next:hover{
    background-color: #c37ce6;
}
.list_category li.on:nth-child(5) .list_title::before{
    border-top-color: #ad6ecc;
    border-left-color: #ad6ecc;
}
.list_category li:nth-child(5) a:hover .list_img, .list_category li.on:nth-child(5) a .list_img{
    border-color: #c37ce6;
}
.list_cont .cont_05{
    background-image: linear-gradient(90deg, #c37ce6 50%, #ebebeb 50%);
}
.list_cont{
    margin-top: 35px;
}
.list_cont [class*="cont_0"]>div{
    width: 1090px;
    margin: 0 auto;
}
.list_cont [class*="cont_0"] .img{
    width: 50%;
    float: left;
}
.book-wrap{
    position: relative;
    width: calc(50% - 46px);
    float: left;
    margin-left: 46px;
    margin-top: 42px;
}
.list_cont [class*="cont_0"] .book li{
   
}
.list_cont [class*="cont_0"] .book li a{
    margin: 30px 20px; 
    display: block;
    position: relative;
}
.list_cont [class*="cont_0"] .book li a::after, .list_cont [class*="cont_0"] .book li span::after{
    content: '';
    width: 8px;
    height: 100%;
    background:linear-gradient(to left, rgba(0,0,0,0.08) 10%, transparent 75%);
    display: block;
    top: 0;
    position: absolute;
    left: 0;
}
.list_cont [class*="cont_0"] .book li a::before, .list_cont [class*="cont_0"] .book li span::before{
    content: '';
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
    top:0;
    left: 8px;
}
.list_cont [class*="cont_0"] .book a img{
    transition: all 0.3s ease;
    display: block;
}
.list_cont [class*="cont_0"] .book a:hover img{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) ;
}
.main01 .swiper-button-next, .main01 .swiper-button-prev{
    width: 25px;
    height: 25px;
    background-color: #d1d1d1;
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: center;
    border-radius: 30px;
}
.main01 .swiper-button-next{
    right: -20px;
}
 .main01 .swiper-button-prev{
     left: -20px;
 }
.main01 .swiper-button-next, .main01 .swiper-container-rtl .swiper-button-prev{
    background-image: url(/images/siso/index/arrow_right.png);
 }
.main01 .swiper-button-prev, .main01 .swiper-container-rtl .swiper-button-next{
    background-image: url(/images/siso/index/arrow_left.png);
}

.new_weekly .new_books .books_list .mySwiper_newbook .row_wrap .product_wrap + .product_wrap {
    width: 130px !important;
}