@charset "utf-8";
.book-veiw-section,
.book-list-section{padding-bottom:100px}

/*title*/
.title-h3{padding-bottom:10px;margin-bottom:30px;border-bottom:solid 2px #bcbcbc;color:#454545;font-size:27px;font-weight:bold}
.title-h4{margin-bottom:20px;color:#333;font-size:16px;font-weight:bold}

/*button*/
[class^='button-style']{display:inline-block;width:145px;height:40px;background:#b1b2b7;text-align:center;color:#fff;font-size:16px;line-height:40px}
[class^='button-style'].line{background-color:#fff;border:1px solid #d7d7d7;color:#616161}
.button-style-red{background-color:#da1226}
[class^='button-style-mid']{width:81px;height:28px;line-height:28px;font-size:13px}
.button-style-mid-red{background-color:#da1226}
[class^='button-style-small']{width:70px;height:25px;line-height:25px;font-size:12px}
.button-style-small-red{background-color:#da1226}
[class^='button-style-big']{width:218px;height:54px;line-height:54px;font-size:18px}
.button-style-big-red{background-color:#da1226}

/*교재리스트*/
.bestseller-wrap{padding:40px 60px;background:#f5f5f5}
.bestseller-wrap .bx-wrapper{width:100%;}
.bestseller-wrap .bx-wrapper .bx-viewport{background: transparent; min-height:320px;}
.bestseller-wrap .bx-wrapper .bx-controls-direction .bx-prev{left:-40px;}
.bestseller-wrap .bx-wrapper .bx-controls-direction .bx-next{right:-40px;}
.bestseller-wrap .recommended-list li{min-height:320px;}
.bestseller-wrap .recommended-list img{width:147px;height:208px;}
/* bxSlider 초기화 전 ul 펼쳐짐 방지 */
.bestseller-wrap ul.bxslider{overflow:hidden;height:320px;}
.recommended-wrap{padding:40px 60px;border:1px solid #d7d7d7}
.recommended-list{*zoom:1}
.recommended-list:after{content:'';display:block;clear:both}
.recommended-list li{float:left;position:relative;width:149px;font-size:15px;text-align:center;font-weight:700}
.recommended-list li:first-child{margin-left:0}
.recommended-list .number{display:block;position:absolute;top:-2px;left:-2px;width:35px;height:35px;background:#da1226;line-height:35px;color:#fff;text-align:center;font-weight:700}
.recommended-list .title{display:block;overflow:hidden;height:44px;margin-top:18px;color:#494949}
.recommended-list .price{display:block;margin-top:10px;color:#bf1e2e}
.recommended-list .btn{margin-top:12px}
.recommended-wrap .recommended-list li{font-size:13px}
.book-content-wrap .recommended-list .title{height:32px}

/*search*/
.search-wrap{margin-top:58px}
.tbl-search{width:100%;table-layout:fixed;border:1px solid #d7d7d7;border-left:0;border-right:0}
.tbl-search th,
.tbl-search td{height:58px;color:#6e6e6e;font-size:14px}
.tbl-search th{background:#f5f5f5}
.tbl-search td{text-align:center}
.tbl-search select{width:344px;height:31px;padding-left:10px}

/*book*/
.book-list-wrap{margin-top:58px}
.book-list-guide{position:relative;margin-bottom:30px;font-size:14px}
.book-list-guide .shop{position:absolute;top:-8px;right:0;font-size:13px}
.book-list-guide .shop span{margin-right:5px}
.book-list{border:1px solid #d7d7d7;border-left:0;border-right:0}
.book-list li{display:table;padding:29px 0;border-top:1px dashed #d7d7d7}
.book-list li:first-child{border-top:0}
.book-list li:after{content:'';display:block;clear:both}
.book-list li>div{*float:left;display:table-cell;vertical-align:middle}
.book-list .thumb-box{position:relative;width:163px;text-align:center}
.book-list .thumb-box .mark{position:absolute;top:-12px;left:0}
.book-list .info-box{width:516px}
.book-list .info-box dt{font-size:18px;font-weight:700}
.book-list .info-box dd{margin-top:8px;font-size:14px}
.book-list .info-box .delivery{margin-top:26px}
.book-list .price-box{position:relative;width:144px;padding-left:25px}
.book-list .price-box input[type='checkbox']{position:absolute;top:50%;left:0;width:15px;height:15px;margin-top:-6px}
.book-list .price-box .original{font-size:14px;color:#838383;text-decoration:line-through}
.book-list .price-box .price{display:block;padding:5px 0;font-size:18px;color:#bf1e2e;font-weight:700}
.book-list .price-box .sale{font-size:12px;color:#838383}
.book-list .btn-box{width:147px}
.book-list .btn-box a{margin:4px 0}

/*교재기존정보*/
.book-info-wrap{*zoom:1; position: relative;}
.book-info-wrap:after{display:block;content:'';clear:both}
.book-info-thumb{float:left;position:relative;width:261px}
.book-info-thumb a:hover .over{display:block;position:absolute;top:0;left:0;width:261px;height:355px;background:url('//cdn.hackersut.com/ingang/images/etc/book_over.png')}
.book-info-txt{float:right;width:696px;padding-top:16px;font-size:14px}
.book-info-txt .title-box{margin-bottom:25px}
.book-info-txt .title-box h4{margin-bottom:10px;font-size:24px;color:#494949}
.book-info-txt .title-box li{display:inline-block;padding:0 12px;border-left:1px solid #c7c7c7}
.book-info-txt .title-box li:first-child{padding-left:0;border-left:0}
.book-info-txt dt,
.book-info-txt dd{display:inline-block;padding:7px 0}
.book-info-txt dt{width:148px}
.book-info-txt .info-box{padding:20px 0;border-top:1px solid #d7d7d7}
.book-info-txt .price{margin-right:5px;font-size:18px;color:#bf1e2e}
.book-info-wrap .book_info{position: absolute; bottom: -40px; font-size: 14px;}

/*교재상세정보*/
.book-content-wrap{padding-top:30px;margin-top:60px;border-top:1px solid #d7d7d7}
.book-content-tab{*zooom:1;margin-bottom:30px;border-left:1px solid #d7d7d7}
.book-content-tab:after{display:block;content:'';clear:both}
.book-content-tab li{float:left;width:25%;border-top:1px solid #d7d7d7}
.book-content-tab li a{display:block;height:43px;background:#f5f5f5;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;text-align:center;line-height:43px;font-size:14px}
.book-content-tab li a:hover,
.book-content-tab li.on a{background:#fff;border-bottom:0}
.content-box{margin-bottom:30px}
.js_tab_basic_content{display:none}
.js_tab_basic_content.on{display:block}
/*컨텐츠내 탭*/
.sub-lecture-tab{padding:35px 59px;border:1px solid #d7d7d7}
.sub-lecture-tab ul{*zooom:1;margin-bottom:20px}
.sub-lecture-tab ul:after{display:block;content:'';clear:both}
.sub-lecture-tab li{float:left;width:50%}
.sub-lecture-tab li a{display:block;height:43px;background:#f5f5f5;border:1px solid #d7d7d7;text-align:center;line-height:43px;font-size:14px}
.sub-lecture-tab li:first-child a{border-right:0}
.sub-lecture-tab li a:hover,
.sub-lecture-tab li.on a{background:#fff}

/*table*/
.tbl-style{width:100%;border-bottom:1px solid #d7d7d7;table-layout:fixed}
.tbl-style th,
.tbl-style td{padding:14px 0;border-top:1px solid #d7d7d7;font-size:14px}
.tbl-style th{background:#f5f5f5}
.tbl-style td{padding-left:26px;line-height:22px}

/*preview*/
.preview-wrap h1{height:64px;padding-left:21px;background:#bf1e2e;line-height:64px;font-size:24px;color:#fff}
.preview-content{position:relative}
.preview-content:after{display:block;content:'';clear:both}

/*preview-slider*/
.preview-slide{position:relative;padding:60px 0;margin-right:268px;text-align:center}
.preview-slide:after{display:block;content:'';clear:both}
.preview-slide .slide-list{margin:0 auto}
.preview-slide .slide-list:after{display:block;content:'';clear:both}
.preview-slide .slide-list li{display:none;float:left;width:463px;height:633px;font-size:0;line-height:0}
.preview-slide .slide-list li.active{display:block}
.preview-slide .slide-list li img{width:463px;height:633px}
.preview-slide .slide-arr a{display:block;position:absolute;top:50%;z-index:10;width:42px;height:74px;margin-top:-37px;background:url('//cdn.hackersut.com/ingang/images/bullet/slider_arr.gif') no-repeat;font-size:0}
.preview-slide .slide-arr .slide_btn_prev{left:50%}
.preview-slide .slide-arr .slide_btn_next{right:50%;background-position-x:-44px}
.slide_paging{margin-top:10px;font-size:14px}

/*preview-slider-guide*/
.preview-guide{position:absolute;top:0;right:0;width:218px;height:100%;padding:0 25px;background:#f5f5f5}
.preview-guide h2{font-size:20px;line-height:26px}
.preview-guide .page-list{*zoom:1;margin:60px 0 25px;border:1px solid #ccc}
.preview-guide .page-list:after{display:block;content:'';clear:both}
.preview-guide .page-list li{position:relative;float:left;width:50%}
.preview-guide .page-list li a:before{content:'';display:inline-block;width:23px;height:15px;margin-right:6px;background:url('//cdn.hackersut.com/ingang/images/bullet/preview_icons.png') -13px 0 no-repeat;vertical-align:-3px}
.preview-guide .page-list li:first-child a:before{width:12px;background-position-x:0}
.preview-guide .page-list li a{display:block;height:33px;background:#d0d0d0;line-height:33px;text-align:center;font-size:14px;color:#6d6c6c}
.preview-guide .page-list a.active{background:#fff}
.preview-guide [class^='info-list']{margin-top:20px}
.preview-guide [class^='info-list'] li{margin-top:8px;font-size:14px}
.preview-guide [class^='info-list'] li:before{content:'';display:inline-block;width:3px;height:3px;margin-right:8px;background:#aeaeae;vertical-align:middle}
.preview-guide [class^='info-list'] li strong{font-size:18px;color:#bf1e2e}
.preview-guide .info-list-first{padding-bottom:20px;border-bottom:1px solid #d7d7d7}
.preview-guide .btn-box{margin-top:25px;text-align:center}

/*pager*/
.list-pager-box{padding:20px 0;text-align:center;font-size:14px}
.list-pager-box a{padding:0 3px}
.list-pager-box a.on{font-weight:700}