@charset "utf-8";

/*********************************************************************************

	아라북  Bootstrap v5.1.3
	Version: 1.0
	Note: This is product css. All plugins css files import here.

**********************************************************************************/

/* 상품 진열 */
/* col style*/
.product-list {
    position: relative;
}

.product-list.col-type1 .product {
}

.product-list.col-type1 .product a {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 45px 0px 0 0px;
    height: 400px;
    background:#f3f3f3;
/*  border: 1px solid #dbdbdb; */
}

.product-list.col-type1 .product a.best {
    height: 330px;
}

.product-list.col-type1 .product a.fixHeight {
    height: 300px;
}

.product-list.col-type1 .product .product_thumb {
    position: relative;
    text-align: center;
}

.product-list.col-type1 .product .product_thumb img{
    height:198px !important;
}

.product-list.col-type1 .product .product_thumb .img .mainimg {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #f0f0f0;
    max-height: 200px;
}

.product-list.col-type1 .product .product_thumb .stat {
    display: inline-block;
}

.product-list.col-type1 .product .product_thumb .stat.free {
    position: absolute;
    left: 41%;
    top: 1px;
    width: 45px;
    line-height: 25px;
    font-size: 12px;
    color: #000;
    opacity: 40%;
    margin: -28px auto 0 auto;
}

.product-list.col-type1 .product .product_content {
    padding: 10px 37px 30px 37px;
}

.product-list.col-type1 .product .product_content .subjet {

    text-align:center; font-weight:600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; font-size:1em;  height:46px;
}

.product-list.col-type1 .product .product_content .info {
    margin: 0px 0 0 0;
    font-size: 1.2em;
    font-weight: 300;
    color: #666;
    text-align: center;
}

.product-list.col-type1 .product .product_content .info .writer {

    text-align:center; text-weight:450; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; font-size:0.65em; height:40px; margin-top:12px; color:#222 !important;

}
.product-list.col-type1 .product .product_content .info .printer {
    display:none;
    /*text-align:center; text-weight:400; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden; font-size:0.65em; height:18px; margin-bottom:5px; color:#222 !important;*/
}

.price {
    font-size: 13px;
}

.product-list.col-type1 .product .product_content .info .price .book_price {
    font-weight: 700;
    color: #DD580E;
}

.product-list.col-type1 .product .product_content .info .price .book_sale .down {
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 11px;
    background: url('/user/img/product/sale_arrow-8d15be595e71d03902559d30c2d75af3.png') no-repeat center center;
    background-size: 100% auto;
    text-indent: -9999em;
}

.product-list.col-type1 .product .product_content .info .price .book_sale .point {
    font-style: normal;
    font-weight: 700;
}

.product-list.col-type1 .product .product_content .info .sale {
    margin: 5px 0 0 0;
    font-size: 0.86em;
}


/* 간략보기 */
.product-list.simple {
}

.product-list.simple .product {
}
/* 2022-10-31
.product-list.simple .product .product_thumb {
    position: relative;
    width: 130px;
    margin: 0 auto;
}
*/

.product-list.simple .product .product_thumb {
    position: relative;
    width: 135px;
    margin: 0 27px;
}
/* 2022-10-31
.product-list.simple .product .product_thumb .checkbox_grey {
    position: absolute;
    left: -23px;
    top: 0px;
}*/

.product-list.simple .product .product_thumb .checkbox_grey {
    position: absolute;
    left: -20px;
    top: 0px;
}

.product-list.simple .product .product_thumb .img {
    border: 1px solid #dbdbdb;
}

.product-list.simple .product .product_thumb .img .mainimg {
    display: inline-block;
}

.product-list.simple .product .product_thumb .img .series_book {
    padding-right:4px;
    background: url('/user/img/product/book_dummy-1223509497616d2ec5521d2bfb01f73e.jpg') no-repeat right center;
}

.product-list.simple .product .product_thumb .img .mainimg img {
    width: 100%;
    height: 177px;
}

/* 2022-10-31
.product-list.simple .product .product_thumb .img .mainimg img {
    width: 100%;
    height: 150px;
}*/

.product-list.simple .product .product_thumb .stat {
    display: inline-block;
}

.product-list.simple .product .product_thumb .stat.free {
    position: absolute;
    left: 30%;
    width: 45px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #000;
    opacity: 40%;
    margin: -28px auto 0 auto;

}
/*
.product-list.simple .product .product_thumb .rank {
    position: absolute;
    left: 0px;
    top: -1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 25px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    background: #ff4500;
    border-radius: 0 0 10px 0;
}*/


.product-list.simple .product .product_thumb .rank {
    position: absolute;
    top: 0;
    left: 0;
    width:20px;
    height:20px;
    text-align: center;
    font-size: 9px;
    color: #fff;
    background: #da0000;
    align-items: center;
    justify-content: center;
    display: flex;
}

.product-list.simple .product .product_content {
    padding: 5px 10px 0 10px;
}
/*
.product-list.simple .product .product_thumb .rank {
    position: absolute;
    top:-1px;
    left: 10%;
    width:20px;
    height:20px;
    text-align: center;
    font-size: 9px;
    color: #fff;
    background: #da0000;
}*/

.product-list.simple .product .product_content .subjet {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height : 39px;
    font-weight: 700;
    word-break: keep-all;
    overflow: hidden;
    max-width:165px;
}

.product-list.simple .product .product_content .info {
    margin-bottom: 20px;
    margin-top: 20px;
}

.product-list.simple .product .product_content .info .writer {
    min-height:44px;
    margin-bottom: 10px;
    font-size: 0.8em;
    color: #666;
}

/* 2022-10-31
.product-list.simple .product .product_content .subjet {
    margin-bottom: 5px;
    font-weight: 700;
    word-break: keep-all;
}

.product-list.simple .product .product_content .info {
    margin-bottom: 15px;
}

.product-list.simple .product .product_content .info .writer {
    min-height:44px;
    margin-bottom: 10px;
    font-size: 0.96em;
    color: #666;
}*/

.product-list.simple .product .product_content .info .price {
    display: none;
    font-size: 13px;
}

.product-list.simple .product .product_content .info .price .book_price {
    font-weight: 700;
    color: #ff4500;
}

.product-list.simple .product .product_content .info .price .book_sale .down {
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 11px;
    background: url('/user/img/product/sale_arrow-8d15be595e71d03902559d30c2d75af3.png') no-repeat center center;
    background-size: 100% auto;
    text-indent: -9999em;
}

.product-list.simple .product .product_content .info .price .book_sale .point {
    font-style: normal;
    font-weight: 700;
}

.product-list.simple .product .action {
    position: relative;
}

.product-list.simple .product .action .preview_btn {
    margin-top: 5px;
    width: 130px;
    font-size: 13px;
    color: #666;
    line-height: 35px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background: #fff;
}

.product-list.simple .product .action .buy_btn {
    width: 130px;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    border: none;
    border-radius: 3px;
    background: #2e324d;
}

.product-list.simple .product .action .viewer_btn {
    width: 130px;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    border: none;
    border-radius: 3px;
    background: #ac0800;
}

/* 상세보기 */
.product-list.detail {
    padding: 20px 0;
}

.product-list.detail .product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid #dbdbdb;
}

.product-list.detail .product .product_thumb {
    position: relative;
    webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 0 40px 0 25px;
}

.product-list.detail .product .product_thumb .checkbox_grey {
    position: absolute;
    left: 0px;
    top: 0px;
}

.product-list.detail .product .product_thumb a {
    display: block;
}

.product-list.detail .product .product_thumb .img {
    position: relative;
    width: 150px;
}

.product-list.detail .product .product_thumb .img .mainimg {
    display: block;
    border: 1px solid #dbdbdb;
}

.product-list.detail .product .product_thumb .img .mainimg img {
    width: 100%;
}

.product-list.detail .product .product_thumb .preview_btn {
    width: 100%;
    font-size: 0.83em;
    line-height: 30px;
    border: 1px solid #dbdbdb;
    border-top: none;
    background: #fff;
}

.product-list.detail .product .product_thumb .stat {
    display: inline-block;
}

.product-list.detail .product .product_thumb .stat.free {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #5d8e44;
    opacity: 40%;
}

.product-list.detail .product .product_thumb .rank {
    position: absolute;
    left: 1px;
    top: 1px;
    display: inline-block;
    width: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    background: #ff4500;
    border-radius: 0 0 10px 0;
}

.product-list.detail .product .product_content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-list.detail .product .product_thumb .rank {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #da0000;
}

.product-list.detail .product .product_content .subjet {
    margin-bottom: 5px;
    font-weight: 700;
    word-break: keep-all;
}

.product-list.detail .product .product_content .info {
    margin-bottom: 15px;
}

.product-list.detail .product .product_content .info .writer {
    margin-bottom: 10px;
    font-size: 0.96em;
    color: #666;
}

.product-list.detail .product .product_content .info .writer span {
    position: relative;
    display: inline-block;
    padding: 0 10px;
}

.product-list.detail .product .product_content .info .writer span::after {
    position: absolute;
    right: 0px;
    top: 7px;
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #dbdbdb;
}

.product-list.detail .product .product_content .info .writer span:first-child {
    padding: 0 10px 0 0;
}

.product-list.detail .product .product_content .info .writer span:last-child::after {
    display: none;
}

.product-list.detail .product .product_content .info .price {
    margin-bottom: 10px;
    font-size: 13px;
}

.product-list.detail .product .product_content .info .price .book_price {
    position: relative;
    display: inline-block;
    padding: 0 10px 0 0;
}

.product-list.detail .product .product_content .info .price .book_price::after {
    position: absolute;
    right: 0px;
    top: 6px;
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #dbdbdb;
}

.product-list.detail .product .product_content .info .price .book_price strong.bold {
    font-size: 0.93rem;
    font-weight: 700;
}

.product-list.detail .product .product_content .info .price .book_sale {
    display: inline-block;
    padding: 0 0 0 10px;
}

.product-list.detail .product .product_content .info .starRate_data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    padding-right: 10px;
    margin-bottom: 20px;
}

.product-list.detail .product .product_content .info .starRate_data strong {
    padding-right: 10px;
    font-weight: 500;
}

.product-list.detail .product .product_content .info .starRate_data .starRate_box {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 14px;
    background: url('/user/img/product/starRateall_off-c68eeaab75ae7aee201cc28084f31841.png') no-repeat;
    background-size: 83px auto;
}

.product-list.detail .product .product_content .info .starRate_data .starRate_on {
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    height: 14px;
    background: url('/user/img/product/starRateall_on-97e1d8ac10263006f4a3acbdf1911ad8.png') no-repeat top left;
    background-size: 83px auto;
}

.product-list.detail .product .product_content .info .starRate_data .starRate_count {
    padding-left: 10px;
    font-size: 0.93em;
    font-weight: 700;
}

.product-list.detail .product .product_content .info .starRate_data .starRate_txt {
    padding-left: 3px;
    font-size: 12px;
    font-weight: 300;
    color: #666;
}

.product-list.detail .product .product_content .info .story {
    font-size: 0.93em;
    color: #666;
    font-weight: 300;
    text-align: justify;
    min-height: 80px;
    text-overflow:ellipsis;
    white-space:normal;
    overflow:hidden;
    max-height: 130px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.product-list.detail .product .product_action {
    position: relative;
    text-align: right;
}

.product-list.detail .product .product_action .preview_btn {
    margin-bottom: 5px;
    width: 130px;
    font-size: 13px;
    color: #666;
    line-height: 35px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background: #fff;
}

.product-list.detail .product .product_action .wish_btn {
    margin-bottom: 5px;
    width: 130px;
    font-size: 14px;
    color: #666;
    line-height: 32px;
    border: 1px solid #a3a3a3;
    border-radius: 3px;
    background: #fff;
}

.product-list.detail .product .product_action .wish_btn .heart {
    display: inline-block;
    width: 23px;
    height: 21px;
    vertical-align: middle;
}

.product-list.detail .product .product_action .wish_btn .heart.off {
    background: url("/user/img/product/icon_heart_off-c16e02a465ea8022977acbdda1276d7e.png") no-repeat center center;
    background-size: 100% auto;
}

.product-list.detail .product .product_action .wish_btn .heart.on {
    background: url("/user/img/product/icon_heart_on-543af7266680fd0e478e6b56c5576650.png") no-repeat center center;
    background-size: 100% auto;
}

.product-list.detail .product .product_action .cart_btn {
    margin-bottom: 5px;
    width: 130px;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    border: none;
    border-radius: 3px;
    background: #888888;
}

.product-list.detail .product .product_action .buy_btn {
    margin-bottom: 5px;
    width: 130px;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    border: none;
    border-radius: 3px;
    background: #2e324d;
}

.product-list.detail .product .product_action .present_btn {
    margin-bottom: 5px;
    width: 130px;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    border: none;
    border-radius: 3px;
    background: #123BEF;
}

.product-list.detail .product .product_action .viewer_btn {
    margin-bottom: 5px;
    width: 130px;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    border: none;
    border-radius: 3px;
    background: #ac0800;
}

.series-thumb {
    max-height: 200px;
    overflow: hidden;
}

.same-author-thumb {
    max-height: 200px;
    overflow: hidden;
}

/* 슬라이드 북 스타일*/
.product-list.single-book .product {
    position: relative;
    text-align: center;
}

.product-list.single-book .product a {
    display: block;
}

.product-list.single-book .product .product_thumb {
    position: relative;
    width: 130px;
    margin: 0 auto;
}

.product-list.single-book .product .product_thumb .img .mainimg {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #f0f0f0;
    max-height: 165px;
}

.product-list.single-book .product .product_thumb .stat {
    display: inline-block;
}

.product-list.single-book .product .product_thumb .stat.free {
    position: absolute;
    left: -4px;
    top: -17px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #5d8e44;
    border-radius: 25rem;
}

.product-list.single-book .product .product_content {
    padding: 10px 0 0 0;
}

.product-list.single-book .product .product_content .subjet {
    overflow: hidden;
    font-size: 0.96em;
    font-weight: 500;
    line-height: 1.33em;
    max-height: 2.7em;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;
    word-break: keep-all;
    text-align: center;
}

.product-list.single-book .product .product_content .info {
    margin: 0px 0 0 0;
    font-size: 0.96em;
    font-weight: 300;
    color: #666;
    text-align: center;
}


/* 슬라이드 북 스타일(체크박스) */
.product-list.checkbox-book .product {
    padding: 0 0 15px 0;
}

.product-list.checkbox-book .product .product_thumb {
    position: relative;
    width: 130px;
    margin: 0 auto;
}

.product-list.checkbox-book .product .product_thumb .checkbox_grey {
    position: absolute;
    left: -23px;
    top: 0px;
}

.product-list.checkbox-book .product .product_thumb .img .mainimg {
    display: inline-block;
    border: 1px solid #dbdbdb;
}

.product-list.checkbox-book .product .product_thumb .img .mainimg img {
    width: 100%;
}

.product-list.checkbox-book .product .product_thumb .stat {
    display: inline-block;
}

.product-list.checkbox-book .product .product_thumb .stat.free {
    position: absolute;
    left: -4px;
    top: -17px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #5d8e44;
    border-radius: 25rem;
}

.product-list.checkbox-book .product .product_content {
    padding: 5px 10px 0 10px;
}

.product-list.checkbox-book .product .product_content .subjet {
    margin-bottom: 5px;
    font-weight: 700;
    word-break: keep-all;
    text-align: center;
}

/* 슬라이드 북 스타일(체크박스x) */
.product-list.single-book2 .product {
}

.product-list.single-book2 .product .product_thumb {
    position: relative;
    width: 130px;
    margin: 0 auto;
}

.product-list.single-book2 .product .product_thumb .checkbox_grey {
    position: absolute;
    left: -23px;
    top: 0px;
}

.product-list.single-book2 .product .product_thumb .img .mainimg {
    display: inline-block;
    border: 1px solid #dbdbdb;
}

.product-list.single-book2 .product .product_thumb .img .mainimg img {
    width: 100%;
}

.product-list.single-book2 .product .product_thumb .stat {
    display: inline-block;
}

.product-list.single-book2 .product .product_thumb .stat.free {
    position: absolute;
    left: -4px;
    top: -17px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #5d8e44;
    border-radius: 25rem;
}

.product-list.single-book2 .product .product_content {
    padding: 5px 10px 0 10px;
    text-align: center;
}

.product-list.single-book2 .product .product_content .subjet {
    margin-bottom: 5px;
    font-weight: 700;
    word-break: keep-all;
}

.product-list.single-book2 .product .product_content .info {
    margin-bottom: 15px;
}

.product-list.single-book2 .product .product_content .info .writer {
    margin-bottom: 10px;
    font-size: 0.96em;
    color: #666;
}

.product-list.single-book2 .product .product_content .info .price {
    font-size: 13px;
}

.product-list.single-book2 .product .product_content .info .price .book_price {
    font-weight: 700;
    color: #ff4500;
}

.product-list.single-book2 .product .product_content .info .price .book_sale .down {
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 11px;
    background: url('/user/img/product/sale_arrow-8d15be595e71d03902559d30c2d75af3.png') no-repeat center center;
    background-size: 100% auto;
    text-indent: -9999em;
}

.product-list.single-book2 .product .product_content .info .price .book_sale .point {
    font-style: normal;
    font-weight: 700;
}

.product-list.single-book2 .product .action {
    position: relative;
}

.product-list.single-book2 .product .action .preview_btn {
    margin-bottom: 5px;
    width: 130px;
    font-size: 13px;
    color: #666;
    line-height: 35px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background: #fff;
}

.product-list.single-book2 .product .action .buy_btn {
    width: 130px;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    border: none;
    border-radius: 3px;
    background: #2e324d;
}

.product-list.single-book2 .product .action .viewer_btn {
    width: 130px;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    border: none;
    border-radius: 3px;
    background: #ac0800;
}


/* 정렬 */
.product-category-order {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; /*-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;*/
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 11px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb; /*overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; */
}

.product-category-order .order_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 0px;
}

.product-category-order .order_list li {
    position: relative;
    display: inline-block;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.product-category-order .order_list li:after {
    position: absolute;
    right: 0px;
    top: 8px;
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #dbdbdb;
}

.product-category-order .order_list li:last-child:after {
    display: none;
}

.product-category-order .order_list li a {
    position: relative;
    display: inline-block;
    padding: 0px 10px;
    font-size: 0.93em;
    font-weight: 300;
    color: #666;
}

.product-category-order .order_list li:first-child a {
    padding: 0 10px 0 0;
}

.product-category-order .order_list li a.active {
    font-weight: 500;
    color: #000;
}

.product-category-order .order_sort {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

.product-category-order .order_sort .inline_select1 {
    padding-left: 5px;
}

.product-category-order .order_sort .inline_select1 .select_type1 {
    padding: 0.2rem 2.25rem 0.2rem 0.5rem;
    font-size: 12px;
    border-radius: 0px;
    border-color: #dbdbdb;
}

/* 상단 페이징 */
.product-list-header,
.product-list-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.product-list-header {
    padding: 20px 0 0 0;
}

.product-list-header .product-total {
    margin-bottom: 0px;
}

.product-list-footer {
    padding: 30px 0;
}

.product-list-header .paging-area,
.product-list-footer .paging-area {
}

.product-list-header .action_btn,
.product-list-footer .action_btn {
}


/* 책목록 */
.booklist-wrapper {
}

/* 책 목록(간략보기) */
.booklist-wrapper .product-list.simple {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
    width: 100%;
}

.booklist-wrapper .product-list.simple .product {
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    padding:43px 0px;
    border:9px solid white;
    border-left:0px;
    background-color:whitesmoke;
    flex-basis: 20%
}

/* 책 상세화면 */
.bookinfo-wrapper {
    position: relative;
}

/* 책 상단 정보 */
.bookinfo-wrapper .bookinfo_header {
    overflow: hidden;
    position: relative;
    padding: 0px 0 40px 0;
}

.bookinfo-wrapper .bookinfo_header .header_product_thumb {
    float: left;
    width: 25.264%; /*240px;*/
}

.bookinfo-wrapper .bookinfo_header .header_product_thumb .img .stat.free {
    position: absolute;
    width: 45px;
    line-height: 25px;
    text-align: center;
    font-size: 9px;
    color: #ffffff;
    background: #123BEF;
    opacity: 40%;
}

.bookinfo-wrapper .bookinfo_header .header_product_thumb .img img {
    width: 100%;
    border: 1px solid #ccc;
}

.bookinfo-wrapper .bookinfo_header .header_product_thumb .btn_preview {
    width: 100%;
    text-align: center;
    line-height: 40px;
    border: 1px solid #dbdbdb;
    background: #fff;
}

.bookinfo-wrapper .bookinfo_header .header_product_thumb .btn_preview i {
    display: inline-block;
    width: 21px;
    height: 16px;
    background: url('/user/img/product/preview_pic-1293eb68bc0f03bd23162bcf31a24f15.png') no-repeat center center;
    background-size: 100% auto;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_header .header_product_thumb .btn_preview .txt {
    font-size: 0.96em;
}

.bookinfo-wrapper .bookinfo_header .books_info {
    float: right;
    width: 74.736%; /*710px;*/
    padding: 0 0 0 60px;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap {
}

.book_keypoint {
    padding: 0 0 25px 0;
}

.book_keypoint .keyB {
    padding: 3px 6px;
    font-size: 12px;
}

.book_keypoint .keyB.good {
    color: #fff;
    border-radius: 3px;
    border: 1px solid #7847a5;
    background: #7847a5;
}

.book_keypoint .keyB.edu {
    color: #666;
    border-radius: 3px;
    border: 1px solid #dbdbdb;
    background: #fff;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_title {
    margin-bottom: 0px;
    font-size: 1.66em;
    font-weight: 700;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap {
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info {
    padding: 10px 0;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info.bt_line {
    border-bottom: 1px solid #dbdbdb;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .metadata {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    font-size: 0.93em;
    font-weight: 300;
    color: #666;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .metadata:first-child {
    padding: 0 10px 0 0;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .metadata::after {
    position: absolute;
    right: 0px;
    top: 5px;
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #dbdbdb;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .metadata:last-child::after {
    display: none;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info.rate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 0 20px 0;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .starRate_data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    padding-right: 10px;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .starRate_data::after {
    position: absolute;
    right: 0px;
    top: 7px;
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #dbdbdb;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .starRate_data strong {
    padding-right: 10px;
    font-weight: 500;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .starRate_data .starRate_box {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 14px;
    background: url('/user/img/product/starRateall_off-c68eeaab75ae7aee201cc28084f31841.png') no-repeat;
    background-size: 83px auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .starRate_data .starRate_on {
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    height: 14px;
    background: url('/user/img/product/starRateall_on-97e1d8ac10263006f4a3acbdf1911ad8.png') no-repeat top left;
    background-size: 83px auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .starRate_data .starRate_count {
    padding-left: 10px;
    font-size: 0.93em;
    font-weight: 700;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .starRate_data .starRate_txt {
    padding-left: 3px;
    font-size: 12px;
    font-weight: 300;
    color: #666;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .bookRank_best {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    padding-left: 10px;
    font-size: 0.93em;
    font-weight: 300;
    color: #666;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .bookRank_best i.rank {
    margin-right: 5px;
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .bookRank_best i.gold {
    background: url('/user/img/product/icon_rank1-d7e43eae6185a2aad2beb90c41e88661.png') no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .bookRank_best i.silver {
    background: url('/user/img/product/icon_rank2-c401ff5994de403164091a9acddddb20.png') no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .bookRank_best i.bronze {
    background: url('/user/img/product/icon_rank3-d35d37119c21108ca228df78147fbf62.png') no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .bookRank_best span {
    display: inline-block;
    margin-right: 5px;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .bookRank_best strong {
    color: #ff4500;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dl {
    position: relative;
    margin: 10px 0;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dt {
    position: absolute;
    left: 0px;
    top: 0px;
    font-weight: 300;
    line-height: 30px;
    color: #666;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dd {
    padding: 0 0 0 120px;
    font-weight: 300;
    line-height: 30px;
    color: #666;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .book_price {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.333em;
    font-weight: 700;
    color: #ff4500;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .book_sale {
    display: inline-block;
    font-size: 0.93rem;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .price .tooltipU .tooltiptext {
    line-height: 1.0;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .price .tooltipU .tooltip-right {
    top: 4px;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .button.small_btn {
    line-height: 1.5;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .bold {
    font-weight: 500;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dd .metadata i {
    font-style: normal;
    font-weight: 400;
    color: #5d8e44;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dd .metadata::after {
    top: 9px;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .rank_stat {
    display: inline-block;
    padding: 0 5px 2px 5px;
    font-size: 11px;
    line-height: 1.0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .rank_stat u {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .rank_stat i {
    overflow: hidden;
    display: inline-block;
    width: 7px;
    height: 5px;
    text-indent: -9999em;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .rank_stat.up u {
    color: #f95fa7;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .rank_stat.up i {
    background: url("/user/img/product/rank_arrow_up-b7a49084d6da48e5d907ba3e2e840457.png") no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .rank_stat.down u {
    color: #5f7cf9;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .rank_stat.down i {
    background: url("/user/img/product/rank_arrow_down-141f8a3a8568c0651642ca7c157f876b.png") no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .weeklyRankPop_open {
    overflow: hidden;
    width: 20px;
    height: 20px;
    border: none;
    background: url("/user/img/product/icon_help-2e14575fccf68e443ff6296b85b192aa.png") no-repeat center center;
    background-size: 100% auto;
    text-indent: -9999em;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action {
    overflow: hidden;
    padding: 30px 0;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns {
    float: left;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns button {
    width: 55px;
    height: 55px;
    border: 1px solid #dbdbdb;
    background: #fff;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns button:hover {
    border-color: #5d8e44;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns button i {
    display: inline-block;
    width: 23px;
    height: 21px;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns .present_btn {
    width: 105px;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns .present_btn span {
    width: 105px;
    line-height: 2em;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns .btn_share .share {
    background: url("/booknavi/user/img/product/icon_sns_off-e52a617c44016b5d5bb7d5b8c724e85b.png") no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns .btn_gift .gift {
    background: url("/booknavi/user/img/product/icon_gift_off-81309e9a0ce6be718fd876a9e07f4efe.png") no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns .btn_basket .basket {
    background: url("/booknavi/user/img/product/icon_basket_off-09475a35909a8916c1a34fc0fe3efbd3.png") no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns .btn_share:hover .share {
    background: url("/booknavi/user/img/product/icon_sns_on-0a2c2197ec999dee4c0f94c9fca12df0.png") no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns .btn_gift:hover .gift {
    background: url("/booknavi/user/img/product/icon_gift_on-e8bf9f83503ea6c1a68216186becc698.png") no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns .btn_basket:hover .basket {
    background: url("/booknavi/user/img/product/icon_basket_on-9b1dbdf7c64bed15ec130f7f4536fe37.png") no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns {
    float: right;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_wish {
    width: 140px;
    height: 55px;
    border-radius: 3px;
    border: 1px solid #a3a3a3;
    background: #fff;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_wish .heart {
    display: inline-block;
    width: 23px;
    height: 21px;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_wish .heart.off {
    background: url("/booknavi/user/img/product/icon_heart_off-c16e02a465ea8022977acbdda1276d7e.png") no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_wish .heart.on {
    background: url("/booknavi/user/img/product/icon_heart_on-543af7266680fd0e478e6b56c5576650.png") no-repeat center center;
    background-size: 100% auto;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_cart {
    width: 140px;
    height: 55px;
    color: #fff;
    border-radius: 3px;
    border: none;
    background: #888;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_buy {
    width: 140px;
    height: 55px;
    color: #fff;
    border-radius: 3px;
    border: none;
    background: #2e324d;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_viewer {
    width: 140px;
    height: 55px;
    color: #fff;
    border-radius: 3px;
    border: none;
    background: #ac0800;
}

.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .buy_date {
    padding: 5px 0 0 0;
    text-align: right;
    font-size: 0.83em;
    color: #666;
    font-weight: 300;
}

.bookinfo-wrapper .bookinfo_tabs {
    clear: both;
    margin-bottom: 40px;
}

.bookinfo-wrapper .bookinfo_data {
    margin-bottom: 40px;
    border-bottom: 1px solid #dbdbdb;
}

.bookinfo-wrapper .bookinfo_data table {
    margin-bottom: 50px;
}

.bookinfo-wrapper .bookinfo_data h4 {
    margin-bottom: 20px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #000;
}

.bookinfo-wrapper .bookinfo_data h4 span {
    font-size: 0.93rem;
    font-weight: 300;
    color: #666;
}

.bookinfo-wrapper .bookinfo_data h5 {
    margin-bottom: 20px;
    font-size: 0.93rem;
    font-weight: 500;
    color: #3d3d3d;
}

.bookinfo-wrapper .bookinfo_data .booksCate {
    margin-bottom: 40px;
}

.bookinfo-wrapper .bookinfo_data .booksCate .booksCateList {
}

.bookinfo-wrapper .bookinfo_data .booksCate .booksCateList li {
    position: relative;
    padding: 0 0 0 10px;
    font-size: 0.93em;
    font-weight: 300;
    color: #666;
}

.bookinfo-wrapper .bookinfo_data .booksCate .booksCateList li .dot {
    position: absolute;
    left: -15px;
    top: 12px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #666;
    border-radius: 25rem;
}

.bookinfo-wrapper .bookinfo_data .booksCate .booksCateList li a {
    display: inline-block;
}

.bookinfo-wrapper .bookinfo_data .booksCate .booksCateList li .arrow {
    overflow: hidden;
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url('/user/img/layout/nav_arrow_r-947157038c32cf2489b4732d7000ba65.png') no-repeat center center;
    background-size: 100% auto;
    text-indent: -9999em;
}

.bookinfo-wrapper .bookinfo_data .bookinfo_txt {
    margin-bottom: 40px;
    font-size: 0.93em;
    font-weight: 300;
    color: #666;
}

.bookinfo-wrapper .bookinfo_data .bookinfo_txt p {
    text-justify: auto
}

#bookReview {
    border-bottom: none;
}

.bookinfo-wrapper .bookinfo_data .starRat-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}

.bookinfo-wrapper .bookinfo_data .starRat-area h5 {
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 0px;
    font-size: 1.0rem;
    color: #fff;
    background: #2e324d;
    border-radius: 25rem;
}

.bookinfo-wrapper .bookinfo_data .starRat-area .starRate_data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 10px;
}

.bookinfo-wrapper .bookinfo_data .starRat-area .starRate_data .starRate_box {
    position: relative;
    display: inline-block;
    width: 135px;
    height: 22px;
    background: url('/booknavi/user/img/product/starRateall_off-c68eeaab75ae7aee201cc28084f31841.png') no-repeat;
    background-size: 135px auto;
}

.bookinfo-wrapper .bookinfo_data .starRat-area .starRate_data .starRate_box .starRate_on {
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    height: 22px;
    background: url('/booknavi/user/img/product/starRateall_on-97e1d8ac10263006f4a3acbdf1911ad8.png') no-repeat top left;
    background-size: 135px auto;
}

.bookinfo-wrapper .bookinfo_data .starRat-area .starRate_data .starRate_score {
    padding-left: 10px;
    color: #666;
}

.bookinfo-wrapper .bookinfo_data .starRat-area .starRate_data .starRate_score strong {
    display: inline-block;
    font-size: 1.33em;
    font-weight: 700;
    color: #3d3d3d;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_data .starRat-area .starRate_data .starRate_score span {
    display: inline-block;
    font-size: 1.06em;
    vertical-align: middle;
}

.bookinfo-wrapper .bookinfo_data .starRat-area .starRate_data .starRate_people {
    padding-left: 10px;
    font-size: 0.96em;
    font-weight: 300;
    color: #666;
}

.bookinfo-wrapper .bookinfo_data .starRat-area .starRate_data .starRate_people strong {
    font-weight: 500;
    color: #5d8e44;
}

.bookinfo-wrapper .bookinfo_data .comment-write {
    margin-bottom: 40px; /*padding:20px 0 0 0;*/
}

/* 리뷰 */
.comment-write .comment-box {
    margin-bottom: 20px;
    border: 1px solid #dbdbdb;
}

.comment-write .comment-form {
}

.comment-write .comment-form .text_box {
    border-bottom: 1px solid #dbdbdb;
    background: #f8f8f8;
}

.comment-write .comment-form .text_box textarea {
    width: 100%;
    padding: 20px;
    min-height: 130px;
    border: none;
    background: #f8f8f8;
}
.comment-write .comment-form .text_box .btn_write {
    width: 25%;
    /*padding: 20px;*/
    min-height: 130px;
    border: none;
}

.comment-write .comment-form .comment-action { /*overflow:hidden;*/
    position: relative;
    padding: 20px 140px 0 20px;
    min-height: 60px;
}

.comment-write .comment-form .comment-action h6 {
    float: left;
    font-size: 0.93rem;
    font-weight: 700;
    color: #3d3d3d;
}

.comment-write .comment-form .comment-action .star_select {
    float: left;
    margin-left: 20px;
    width: 115px;
    height: 20px;
}

.comment-write .comment-form .comment-action .spoiler_commentset {
    float: right;
}

.comment-write .comment-form .comment-action .write_btn {
    position: absolute;
    right: -1px;
    top: 0px;
    width: 120px;
    font-size: 1.0rem;
    line-height: 60px;
    color: #fff;
    border: none;
    background: #2e324d;
}
.comment-write .comment-form .comment-action .cancel_btn {
    position: absolute;
    right: 131px;
    top: 0px;
    width: 80px;
    font-size: 1.0rem;
    line-height: 60px;
    color: #fff;
    border: none;
    background: #6c757d;
}

.comment-write .exp {
    margin-bottom: 10px;
    font-size: 0.93em;
    color: #666;
    font-weight: 300;
}

/* 별점 */
.star-rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    text-align: center;
}

.star-rating input {
    display: none;
}

.star-rating label {
    margin-bottom: 0px;
    cursor: pointer;
}

.star-rating i {
    display: inline-block;
    overflow: hidden;
    width: 23px;
    height: 21px;
    background: url("/booknavi/user/img/product/starRate_off-3bdf01f620bf221b9a14dd9b43325f8f.png") no-repeat;
    background-size: 100% auto;
    text-indent: -9999em;
}

.star-rating :checked ~ label {
}

.star-rating :checked ~ label i {
    background: url("/booknavi/user/img/product/starRate_on-7b4df1da8f18b1b97bb10644dedf6dc9.png") no-repeat;
    background-size: 100% auto;
}


.comment-list {
    border-top: 1px solid #dbdbdb;
}

.comment-list .list-header {
    position: relative;
    border-bottom: 1px solid #dbdbdb;
}

.comment-list .list-header .comment-cate {
}

.comment-list .list-header .comment-cate ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.comment-list .list-header .comment-cate ul li {
    display: inline-block;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 10px;
}

.comment-list .list-header .comment-cate ul li a {
    position: relative;
    display: inline-block;
    padding: 0px 10px;
    font-size: 0.93em;
    line-height: 50px;
}

.comment-list .list-header .comment-cate ul li a.active {
    font-weight: 700;
    color: #2e324d;
}

.comment-list .list-header .comment-cate ul li a.active::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    display: inline-block;
    width: 100%;
    height: 4px;
    background: #2e324d;
}

.comment-list .list-header .comment-align {
    position: absolute;
    right: 0px;
    top: 12px;
}

.comment-list .list-header .comment-align ul li {
    float: left;
}

.comment-list .list-header .comment-align ul li a {
    position: relative;
    padding: 0rem 1rem;
    font-size: 0.93em;
    color: #666;
}

.comment-list .list-header .comment-align ul li a.active {
    font-weight: 700;
}

.comment-list .list-header .comment-align ul li a::after {
    position: absolute;
    right: 0px;
    top: 6px;
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #dbdbdb;
}

.comment-list .list-header .comment-align ul li:last-child a {
    padding: 0rem 0rem 0rem 1rem;
}

.comment-list .list-header .comment-align ul li:last-child a::after {
    display: none;
}

.comment-list .list-area {
}

.comment-list .list-area ul {
}

.comment-list .list-area ul li {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #dbdbdb;
}

.comment-list .list-area .user_data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 20px;
}

.comment-list .list-area ul li span {
    font-size: 0.93em;
    font-weight: 300;
}

.comment-list .list-area .user_data .uid {
    position: relative;
    padding: 0 10px 0 0;
}

.comment-list .list-area .user_data .date {
    position: relative;
    padding: 0 10px;
    margin-right: 10px;
}

.comment-list .list-area .user_data .uid::after,
.comment-list .list-area .user_data .date::after {
    position: absolute;
    right: 0px;
    top: 6px;
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #dbdbdb;
}

.comment-list .list-area .user_data .starRate_box {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 14px;
    background: url('/booknavi/user/img/product/starRateall_off-c68eeaab75ae7aee201cc28084f31841.png') no-repeat;
    background-size: 83px auto;
}

.comment-list .list-area .user_data .starRate_box .starRate_on {
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    height: 14px;
    background: url('/booknavi/user/img/product/starRateall_on-97e1d8ac10263006f4a3acbdf1911ad8.png') no-repeat top left;
    background-size: 83px auto;
}

.comment-list .list-area .user_data .stat {
    margin-left: 10px;
    display: inline-block;
    padding: 0 7px;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #666;
}

.comment-list .list-area .user_data .stat.start {
    color: #666;
    border-color: #a3a3a3;
}

.comment-list .list-area .user_data .stat.ing {
    color: #f27800;
    border-color: #f27800;
}

.comment-list .list-area .user_data .stat.end {
    color: #3a9ae9;
    border-color: #3a9ae9;
}

.comment-list .list-area .comment_con {
    position: relative;
}

.comment-list .list-area .comment_con .text {
    font-size: 0.93em;
    color: #666;
}

.comment-list .list-area .comment_con .text.spoiler {
    display: none;
}

.comment-list .list-area .comment_con .spoiler_cover {
    display: none;
    padding: 18px 10px;
    background: #f0f5f9;
}

.comment-list .list-area .comment_con .spoiler_cover .exp {
    font-size: 0.93em;
    color: #666;
}

.comment-list .list-area .comment_con .spoiler_cover .spoiler_on {
    margin-left: 20px;
    font-size: 0.93em;
    color: #000;
    border: none;
    background: none;
}

.comment-list .list-area .comment_con .spoiler_cover.active {
    display: block;
}

.comment-list .list-footer {
    padding: 30px 0;
    text-align: center;
}


.bookinfo-wrapper .books-series {
    overflow: hidden;
    margin-bottom: 50px;
    max-height: 560px;
}

.bookinfo-wrapper .books-series .series-header,
.bookinfo-wrapper .writer-books .writer-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dbdbdb;
}

.bookinfo-wrapper .books-series .series-header h4,
.bookinfo-wrapper .writer-books .writer-header h4 {
    font-size: 1.2em;
    font-weight: 700;
    color: #000;
}

.bookinfo-wrapper .books-series .series-header h4 span,
.bookinfo-wrapper .writer-books .writer-header h4 span {
    font-size: 0.93rem;
    font-weight: 300;
    color: #666;
}

.bookinfo-wrapper .books-series .series-header .action_btn {
}

.bookinfo-wrapper .series-prev,
.bookinfo-wrapper .owl-prev {
    position: absolute;
    left: -10px;
    overflow: hidden;
    display: inline-block;
    width: 35px;
    height: 35px;
    border: none;
    background: url('/user/img/product/product_slide_ctrl_prev-32576b5bff6144bafb232eeb5854e243.png') no-repeat center center !important;
    background-size: 12px auto !important;
    text-indent: -9999em;
    z-index: 5
}

.bookinfo-wrapper .series-next,
.bookinfo-wrapper .owl-next {
    position: absolute;
    right: -10px;
    overflow: hidden;
    display: inline-block;
    width: 35px;
    height: 35px;
    border: none;
    background: url('/user/img/product/product_slide_ctrl_next-73c2b79855c071aa51b54300132bcc49.png') no-repeat center center !important;
    background-size: 12px auto !important;
    text-indent: -9999em;
    z-index: 5
}

.bookinfo-wrapper .books-series .slick-list {
    z-index: 1;
}

.bookinfo-wrapper .books-series .series-prev,
.bookinfo-wrapper .books-series .series-next {
    top: 50%;
    margin-top: -17px;
}

.bookinfo-wrapper .books-series .slick-dots {
    z-index: 5;
}

.bookinfo-wrapper .books-series .slick-dots li {
    width: 10px;
    height: 10px;
}

.bookinfo-wrapper .books-series .slick-dots li button {
    overflow: hidden;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #666;
    background: #fff;
    text-indent: -9999em;
}

.bookinfo-wrapper .books-series .slick-dots li button:before {
    display: none;
}

.bookinfo-wrapper .books-series .slick-dots li.slick-active button {
    background: #666;
}

.bookinfo-wrapper .writer-books {
    overflow: hidden;
}

.bookinfo-wrapper .writer-books .owl-prev,
.bookinfo-wrapper .writer-books .owl-next {
    top: 60px;
}

.bookinfo-wrapper .writer-books .owl-dots {
    padding: 20px 0 0 0;
    text-align: center;
}

.bookinfo-wrapper .writer-books .owl-dots .owl-dot {
    display: inline-block;
    padding: 0 5px;
}

.bookinfo-wrapper .writer-books .owl-dots .owl-dot .dot-btn {
    overflow: hidden;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #666;
    background: #fff;
    text-indent: -9999em;
}

.bookinfo-wrapper .writer-books .owl-dots .owl-dot.active .dot-btn {
    background: #666;
}

.bookinfo-wrapper .writer-books .action_btn .more_btn {
    overflow: hidden;
    display: inline-block;
    width: 26px;
    height: 26px;
    border: none;
    background: url('/user/img/product/more_plus_circle-92fc6be6a13fb7bd9e2129df90d0c28a.png') no-repeat center center;
    background-size: 100% auto;
    text-indent: -9999em;
}


/* 서비스 **도서 */
.product-category-order .select_order {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

.product-category-order .select_order .inline_select1 {
    padding-left: 5px;
}

.product-category-order .select_order .inline_select1 .select_type1 {
    padding: 0.2rem 2.25rem 0.2rem 0.5rem;
    font-size: 12px;
    border-radius: 0px;
    border-color: #dbdbdb;
}

/* 서비스 - 도서목록 별 이벤트 작품 카테고리 */
.boocks-eventcate { /*display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; align-items: center;*/
    position: relative;
    border-bottom: 1px solid #dbdbdb;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.boocks-eventcate ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.boocks-eventcate ul li {
    position: relative;
    display: inline-block;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.boocks-eventcate ul li a {
    position: relative;
    display: inline-block;
    padding: 0px 10px;
    font-size: 0.93em;
    line-height: 50px;
}

.boocks-eventcate ul li a.active {
    font-weight: 700;
    color: #2e324d;
}

.boocks-eventcate ul li a.active::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    display: inline-block;
    width: 100%;
    height: 4px;
    background: #2e324d;
}

.boocks-eventcate.boxType {
    width: 100%;
    border: 1px solid #dbdbdb; /*overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;*/
}

.boocks-eventcate.boxType ul {
    justify-content: space-between;
}

.boocks-eventcate.boxType ul li {
    border-left: 1px solid #dbdbdb;
    /* 플렉스 확장 지수 설정*/
    -webkit-appearance: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
}

.boocks-eventcate.boxType ul li:first-child {
    border-left: none;
}

.boocks-eventcate.boxType ul li a {
    display: block;
    text-align: center;
}

.boocks-eventcate.boxType ul li a.active,
.boocks-eventcate.boxType ul li a:hover {
    color: #fff;
    background: #2e324d;
}

.boocks-eventcate.boxType ul li a.active::after {
    display: none;
}


@media (max-width: 1400px) {


}

@media (min-width: 1201px) and (max-width: 1400px) {


}

/* lg */
@media (max-width: 1330px) {


}

/* md */
@media (min-width: 992px) and (max-width: 1330px) {


}

/* md-sm */
@media (min-width: 768px) and (max-width: 991px) {


}

/* sm */
@media (max-width: 991px) {


}

/* XS Portrait */
@media (max-width: 767px) {

    .product-list.col-type1 .product .product_content .subjet {
        font-size: 0.86em;
    }

    .product-list.col-type1 .product .product_content .info {
        font-size: 0.8em;
    }

}

/* XS Portrait */
@media (max-width: 479px) {


}


.stat.free {
    display: block;
    width: 45px;
    line-height: 25px;
    text-align: center;
    font-size: 9px;
    color: #fff;
    margin: auto;
}