/*교재구매*/
.subpage_bg_title_book{background: url(/front/images/sub/national/book/sub_title_bg_book.jpg) center center no-repeat;}
.book_list_tab ul{width: 100%; overflow: hidden;}
.book_list_tab li{width: 10%; float: left; text-align: center;}
.book_list_tab li a{width: 100%; border: 1px solid #ddd; border-right: 0; padding: 15px 0 10px;}
.book_list_tab li:last-child a{border-right: 1px solid #ddd;}
.book_list_tab li a.active{border: 2px solid #ff9c00; padding: 14px 0 9px;}
.book_list_tab p{margin-top: 8px; font-size: 14px;}
.book_list_tab br{display: none;}
.book_search_bar{width: 100%; text-align: right; margin: 30px 0 20px; border-bottom: 0;}
.book_search_bar div{width: 30%; display: inline-block;}
.book_search_bar .navbar-collapse .form-control{border: 0;}
.book_search_bar .navbar-collapse form button{border: 0;}
.book_list_table{border-top: 1px solid #222; margin-bottom: 40px;}
.book_list_table li{border-bottom: 1px solid #ddd;}
.book_list_contents{overflow: hidden; width: 100%; padding: 30px;}
.book_cover, .book_text{float: left;}
.book_cover a{position: relative;}
.book_cover a img{width: 100%; max-width: 172px;}
.book_cover span{position: absolute; right: -8px; bottom: -8px;}
.book_text{padding: 10px 40px;}
.book_text a{font-size: 24px; font-weight: bold; margin-bottom: 15px;}
.book_payment_wrap{width: 100%; margin-top: 20px;}
.book_payment_wrap p, .book_payment_wrap div{display: inline-block; font-size: 15px;}
.book_payment_wrap > div{width: 100%;}
.book_payment p{font-size: 13px; width: 70px; text-align: center; margin-right: 15px; font-weight: bold;}
.list_price{background: #a9a9a9; color: #fff;}
.discount_price{background: #e0f0ff; color: #365aef;}
.accumulate_coin{background: #fffbb1; color: #fe751c;}
.book_payment{margin-bottom: 10px;}
.discount_price_wrap div{color: #365aef; font-weight: bold; font-size: 23px;}
.discount_price_wrap span{font-size:14px;}
.accumulate_coin_wrap div{color: #fe751c; font-weight: bold;}
.text-middle-line{text-decoration:line-through;}
.book_btn{position: relative; float: right; width: 40%;}
.book_btn div{position: absolute; bottom: 0; right: 0;}
.book_btn button{width: 175px; height: 50px; font-size: 16px; line-height: 46px;}
.book_buy_btn{color: #fff; background: #1992e7;}
.book_cart_btn{color: #1992e7; border: 2px solid #1992e7; background: #fff;}
.accumulate_coin_wrap b{display: none;}

@media(max-width:1200px){
    .book_list_tab li{width: 20%;}
    .book_list_tab li:nth-child(5n) a{border-right: 1px solid #ddd;}
    .book_list_tab li:nth-child(n+6) a{border-top: 0;}
    .book_search_bar{position: inherit;}
    .book_search_bar div{width: 100%;}
    .book_search_bar .navbar-collapse .form-control{width: 80%;}
    .book_search_bar .navbar-collapse form{width: 100%;}
    .book_list_contents{padding: 30px 15px;}
    .book_text{padding: 0 0 0 20px; width: 65%;}
    .book_btn{clear: both; width: 100%; float: inherit; text-align: right;}
    .book_btn div{position: inherit; right: inherit; bottom: inherit;}
}

@media(max-width:640px){
    .book_list_tab li p{font-size: 13px; line-height: 14px;}
    .book_list_tab li:nth-child(6){clear: both;}
    .book_list_tab li a{height: 115px;}
    .book_list_tab li img{width: 50%;}
    .book_list_tab br{display: inline-block;}
    .book_btn{padding-top: 30px;}
    .book_btn div{width: 100%; overflow: hidden;}
    .book_btn button{width: 49%; margin-right: 1%; float: left;}
    .book_payment p{margin-right: 5px;}
    .book_payment{margin-bottom: 5px;}
    .discount_price_wrap div{font-size: 19px;}
    .book_cover a img, .book_cover span img{width: 75%;}
    .book_cover span{right: 16px; bottom: -5px;}
    .book_text{width: 60%;}
}
@media(max-width: 500px){
    .book_text{padding: 0; width: 50%;}
    .book_text p:first-child{display: none;}
    .accumulate_coin_wrap b{display: inline-block; font-weight: 400;}
    .book_text a{font-size: 20px; margin-bottom: 5px;}
    .book_payment_wrap{margin-top: 10px;}
}

@media(max-width:400px){
    .book_list_tab{border-top: 2px solid #222; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
    .book_list_tab li img{display: none;}
    .book_list_tab li{width: 10%;}
    .book_list_tab li a{border: none; height: 55px; padding: 0 5px; line-height: 55px;}
    .book_list_tab li a.active{border: 0; border-bottom: 3px solid #ff9c00; padding: 0 5px;}
    .book_list_tab li a.active p{color: #ff9c00;}
    .book_list_tab li:nth-child(6){clear: inherit;}
    .book_list_tab li:nth-child(5n) a{border-right: 0;}
    .book_list_tab ul {width: 900px;}
    .book_list_tab{width: 100%; overflow-x: scroll; overflow: auto;}
    .book_list_tab p{margin-top: 0;}
    .book_list_tab li p{line-height: inherit; font-size: 16px;}
    .book_list_tab br{margin-right: 5px;}
    .book_cover{width:45%;}
    .book_cover span{right:8px; bottom:-5px;}
    .book_text{width:45%;}
    .book_text a{font-size:17px;}
    .discount_price_wrap div{font-size:17px;}
    .accumulate_coin_wrap div{font-size:14px;}
    .book_btn button{height:40px; line-height:37px;}
    .book_payment_wrap .text-middle-line{display: none;}
    .book_payment_wrap > div{margin-bottom: 0;}
    .book_payment_wrap{margin-top: 0;}
    .book_search_bar .navbar-collapse form button{margin:0!important;}
}

/*교재구매 상세페이지*/
.book_detail_btn{background: #fff2e3; color: #fa8700; border: 1px solid #fa8700; height: 30px; line-height: 28px; width: 100px; text-align: center; display: inline-block; font-weight: bold; font-size: 14px;}
.page_cont_box_book{padding: 60px 0;}
.page_cont_box_book table th, .page_cont_box_book table td{border-right: 0;}
.page_cont_box_book td{font-size: 16px;}
.book_detail_notice h2{font-size: 20px; font-weight: bold;}
.book_detail_notice hr{border-top: 1px solid #222;}
.book_detail_notice p{font-size: 16px; font-weight: 400;}
.book_detail_notice .color_red{font-weight: bold;}
.book_detail_notice .pdl20{display: inline-block;}
.book_detail_notice > div{margin-bottom: 50px;}
.book_contents h2{font-size: 19px; font-weight: bold; margin-bottom: 10px;}
.book_contents p{font-size: 16px; font-weight: 400;}
.book_contents li{margin-bottom: 25px;}
.book_plus_btn{width: 100%; background: #f5f5f5; height: 45px; border: 1px solid #ddd; font-size: 16px; font-weight: bold;}
.book_plus_btn span{vertical-align: middle; margin-bottom: 3px;}
.book_review_box{position: relative;}
.book_review_box li{border-bottom: 1px solid #ddd; padding: 15px 20px 25px;}
.review_box_btn{text-align: right;}
.book_review_top{overflow: hidden; width: 100%; margin-bottom: 20px;}
.book_review_top div{float: left; margin-right: 10px; line-height: 30px;}
.book_review_person{}
.book_review_date{color: #979797;}
.review_box_btn{margin-top: 10px;}
.review_box_btn a{display: inline-block; border-radius: 15px; height: 28px; line-height: 26px; width:90px; text-align: center;}
.review_modify_btn, .review_check_btn{background: #f3f5ff; color: #365aef; border:1px solid #365aef; margin-right: 5px;}
.review_plus_btn, .review_cancel_btn{background: #f9f9f9; color: #979797; border: 1px solid #979797;}
.review_plus_btn span{vertical-align: middle; margin-bottom: 3px;}
.book_review_txt p{overflow-y: hidden; height: 50px;}
.book_review_txt.plus p{overflow:auto; height: auto;}
.book_review_modify textarea{width: 100%; height: 150px; padding: 15px; font-size: 16px; font-weight: 400; border: 1px solid #ddd;}

.book_detail_contents{overflow: hidden; width: 100%; margin-bottom: 40px;}
.book_detail_left{float: left; padding: 50px 0;}
.book_detail_left > div{overflow: hidden;}
.detail_book, .detail_title{float: left;}
.detail_book{position: relative;}
.detail_book span{position: absolute; right: -8px; bottom: -8px;}
.detail_title{padding-left: 30px;}
.detail_title h2{font-size: 24px; font-weight: bold; line-height: 35px;}
.detail_title ul li{ font-size: 15px; margin-bottom: 10px;}
.detail_title ul p{display: inline-block; width: 100px; color: #666;}

.book_detail_right{border: 1px solid #e9e9e9; background: #f5f5f5; padding: 20px; float: right;}
.book_detail_right li{font-size: 15px; margin-bottom: 8px;}
.book_detail_right li:first-child{margin-bottom: 5px}
.book_detail_right p{display: inline-block; width: 90px; color: #666;}
.book_detail_right span{font-size: 14px;}
.book_detail_right div{font-weight: bold; display: inline-block;}
.book_detail_right input{width: 100px; height: 30px; padding-left: 5px;}
.book_sale_price{font-size: 21px;}
.book_total_price{border-top: 1px solid #ddd; padding: 10px 0; margin-top: 15px; margin-bottom: 0;}
.book_total_price .color_blue{font-size: 21px;}
.detail_book_wrap{overflow: hidden; width: 100%;}
.detail_book_wrap .book_btn{width: 100%;}
.detail_book_wrap .book_btn button{width: 49%; margin-right: 1%; float: left;}
.detail_book_wrap .book_btn button:last-child{margin-right: 0;}
.book_detail_right .detail_right_clear{display: none;}
.detail_right_cart{display: none;}

@media(max-width: 1200px){
    .page_cont_box_book table{min-width: 100%;}
    .book_detail_left{width: 100%; padding: 0;}
    .book_detail_right{width: 100%; position: fixed; bottom: 0; left: 0; border-top: 2px solid #222; z-index: 999; display: none;}
    .book_detail_right .detail_right_clear{display: block;}
    .detail_right_clear{position: absolute; top: 15px; right: 25px; z-index: 999;}
    .detail_right_clear span{font-size: 30px;}
    .detail_right_cart{display: block; position: fixed; bottom: 20px; right: 20px; z-index: 999;}
    .detail_right_cart a{background: #f5f5f5; border: 2px solid #2f62cb; border-radius: 50%; width: 60px; height: 60px;  text-align: center; vertical-align: middle;}
    .detail_right_cart span{font-size: 30px; line-height: 60px; color: #2f62cb;}
    .detail_book{margin-right: 30px;}
    .detail_title{display: contents;}
    .page_cont_box_book table th{display: none;}
    .page_cont_box_book tr:first-child{border-top: 2px solid #222;}
    .page_cont_box_book table td{display: block; border-bottom: 0;}
    .page_cont_box_book tr:nth-child(n+1){border-bottom: 1px solid #ddd;}
    .page_cont_box_book tr td{text-align: left; height: auto; padding:0; min-height: auto;}
    .page_cont_box_book tr td:last-child{text-align: right;}
    .page_cont_box_book tr td:first-child{margin-top: 20px;}
    .page_cont_box_book tr td:nth-child(2){font-size: 20px; color: #222; font-weight: 500;}
    .page_cont_box_book tr td:last-child{margin-bottom: 20px;}
    .book_detail_btn{width: 200px; margin-top: 20px; font-size: 17px; height: 35px; line-height: 33px;}
}

@media(max-width: 640px){
    .detail_book_wrap .book_btn{padding-top: 0;}
    .detail_right_clear{right: 15px;}
    .book_review_star.star_icon_wrap{width: 100%; margin-bottom: 10px;}
    .detail_title ul li{width: auto; display: inline-block; border-right: 1px solid #ddd; padding:0 10px; line-height: 1;}
    .detail_title ul li:last-child{border-right: 0;}
    .detail_title ul p{width: auto; padding-right: 5px;}
    .subpage_bg_title_book{padding-bottom: 50px;}
    .detail_book{min-height: 280px;}
    .book_detail_contents{margin-bottom: 0;}
}

@media(max-width:400px){
    .book_detail_right .txt_orange{font-size: 12px;}
    .book_detail_right p{width: 70px; font-size: 14px;}
    .detail_book{min-height: 400px; width: 40%;}
    .detail_title ul li{display: inline; line-height: 27px;}
    .detail_title ul li:first-child{padding-left: 0; word-break: break-all;}
}

/*201104 내용없을 시 장바구니, 바로구매 버튼 상단으로 가는 부분*/
.book_text{min-height: 235px; width: 50%;}
@media(max-width: 1200px){
    .book_text{min-height: auto;}
}