/*책커버*/
.bookCoverBox {position: relative;overflow: hidden;background: #fff;border: 1px solid #c6c6c6}
.bookCoverBox .bookCoverTop {position: absolute;display: block;top: -5px;left: -1px;width: 100%;height: 5px;padding: 0 1px;background: url("/re_images/books/pc/cover/bookCoverTop.png") repeat-x bottom}
.bookCoverBox .bookCoverRight {position: absolute;display: block;top:0;right: -5px;width: 5px;height: 100%;background: url("/re_images/books/pc/cover/bookCoverRight.png") repeat-y right}
.bookCoverBox .bookCoverBottom {position: absolute;display: block;bottom: -5px;left: -1px;width: 100%;height: 5px;padding: 0 1px;background: url("/re_images/books/pc/cover/bookCoverBottom.png") repeat-x top}
.bookCoverBox .bookCoverLeft {position: absolute;display: block;top:0;left: -5px;width: 5px;height: 100%;background: url("/re_images/books/pc/cover/bookCoverLeft.png") repeat-y left}

.bookCoverBox .book {position: relative;}
.bookCoverBox .book a {position: relative;display: block;width: 100%;height: 100%;}
.bookCoverBox .book img {display: block;z-index: 0}
.bookCoverBox .book .coverSdLeft {position: absolute;display: block;top: 0;left: 0;width: 14px;height: 100%;background: url("/re_images/books/pc/cover/coverSdLeft.png") repeat-y left;z-index: 10}
.bookCoverBox .book .coverSdRight {position: absolute;display: block;top: 0;right: 0;width: 14px;height: 100%;background: url("/re_images/books/pc/cover/coverSdRight.png") repeat-y right;z-index: 10}

.bookCoverBox:hover .book a:after {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;background: rgba(12,35,57,0.6);content: "";z-index: 50}
.bookCoverBox:hover .book a:before {position: absolute;display: block;top: 50%;left: 50%;width: 70px;height: 28px;line-height: 26px;margin: -14px 0 0 -35px;content: "more +";
    text-align: center;font-size: 12px;color: #fff;border: 1px solid #fff;border-radius: 30px;z-index: 55}

.setBook .book {display: table;}
.setBook .book a {display: table-cell;vertical-align: middle}
.setBook img {width: 100% !important;height: auto !important;}

.BookTpye_box {position: absolute;bottom: 0;left: -1px;width: 102%;height: 25px;margin-top: -12px;background: rgba(255,255,255,0.9);text-align: center;border-top: 1px solid #ddd;}
.BookTpye_box span { position: relative;display: inline-block;line-height: 25px;color: #333;font-size: 12px;z-index: 2}
.BookTpye_box:after {position: absolute;top: 50%;left: 0;width: 25px;height: 2px;margin-top: -1px;content: "";z-index: 0}
.BookTpye_box:before {position: absolute;top: 50%;right: 0;width: 25px;height: 2px;margin-top: -1px;content: "";z-index: 0}
.BookTpye_box.set:after {background: rgba(242,32,32,0.7);content: "";}
.BookTpye_box.set:before {background: rgba(242,32,32,0.7);content: "";}
.BookTpye_box.reserve:after {background: rgba(22,58,172,0.7);content: "";}
.BookTpye_box.reserve:before {background: rgba(22,58,172,0.7);content: "";}

.bookCoverBox.large {width: 200px;height: 288px;}
.bookCoverBox.large .book {width: 200px;height: 288px;}
.bookCoverBox.large .book img {width: 200px;height: 288px;}

.bookCoverBox.big {width: 146px;height: 210px;}
.bookCoverBox.big .book {width: 146px;height: 210px;}
.bookCoverBox.big .book img {width: 146px;height: 210px}

.bookCoverBox.medium {width: 118px;height: 168px;}
.bookCoverBox.medium .book {width: 118px;height: 168px;}
.bookCoverBox.medium .book img {width: 118px;height: 168px}

.bookCoverBox.small {width: 94px;height: 136px;}
.bookCoverBox.small .book {width: 94px;height: 136px;}
.bookCoverBox.small .book img {width: 94px;height: 136px}
.bookCoverBox.small .BookTpye_box:after {width: 15px;}
.bookCoverBox.small .BookTpye_box:before {width: 15px;}

.bookCoverBox.mini {width: 50px;height: 72px;}
.bookCoverBox.mini .book {width: 50px;height: 72px;}
.bookCoverBox.mini .book img {width: 50px;height: 72px}


.bookinfoText {position: relative;display: block;padding: 10px 0}
.bookinfoText .stext {position: relative;display: block;font-size: 14px;}
.bookinfoText .red {color: #f22020}
.bookinfoText .title {position: relative;display: block;font-size: 13px;line-height: 140%;height: 38px;overflow: hidden; }
.bookinfoText .title a {color: #333;}
.bookinfoText .stitle {display: block;margin-bottom: 3px}
.bookinfoText .stitle a {display: inline-block;color: #333;line-height: 130%;font-size: 13px}
.bookinfoText .txt {position: relative;display: block;font-size: 12px;color: #555;height: 38px;overflow: hidden;margin: 5px 0}
.bookinfoText .name {display: block;font-size: 12px;color: #888}
.bookinfoText .price {display: block;color: #333;font-size: 13px;font-weight: 500;font-family: 'Spoqa Han Sans', 'Sans-serif';}
.bookinfoText .price i {display: inline-block;margin-right: 3px;color: #f22020;font-weight: normal;font-style: normal;font-size: 11px}
.bookinfoText .gr_txt {position: relative;display: block;padding: 15px;background: #f6f6f6;font-size: 12px;line-height: 150%;margin-top: 10px;}
.bookinfoText .rating {display: block;}
.bookinfoText .bookdtl {display: block;overflow: hidden;margin: 5px 0}
.bookinfoText .bookdtl li {position: relative;display: inline-block;float: left;padding: 0 20px 0 0;color: #777;line-height: 25px;height: 25px;}
.bookinfoText .bookdtl li:after {position: absolute;top: 50%;right: 10px;width: 1px;height: 10px;margin-top: -5px;background: #bbb;content: "";}
.bookinfoText .bookdtl li:last-child:after {display: none}
.bookinfoText .reserve_book_text {position: relative;display: block;color: #f22020}


.rating {position: relative;display: inline-block;height: 25px;overflow: hidden}
.rating i {position: relative;float: left;width: 12px;height: 25px;margin-right: 2px;vertical-align: top;color: #cbcbcb}
.rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 25px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 12px;display: block}
.rating i.on {color: #ef5350}


/*--------------------------------------------------  컨텐츠 영역  --------------------------------------------------*/

#container-wrap {position: relative;display: block;width: 100%;}

#s-contents-wrap {position: relative;display: block;padding: 40px 0;min-height: 600px;}
#s-contents {position: relative;display: block;width: 1100px;margin: 0 auto}

.contTitle {position: relative;display: block;margin-bottom: 20px;}
.contTitle h3 {display: block;font-size: 25px;font-weight: normal;color: #222;line-height: 150%;letter-spacing: -0.05em}

.listPage_title {position: relative;display: block;overflow: hidden;height: 42px;margin-bottom: 7px}
.listPage_title h2 {display: block;font-size: 30px;color: #333;line-height: 140%;font-weight: normal}
.listPage_title .stxt {position: absolute;top: 20px;right: 0;font-size: 12px;color: #666;line-height: 20px;}

.listPage_navi {position: relative;display: block;overflow: hidden;padding: 10px 20px;height: 30px;border: 1px solid #ddd;background: #f8f8f8}
.listPage_navi ul {display: inline-block;overflow: hidden;}
.listPage_navi ul li {position: relative;float: left;padding-right: 30px;line-height: 30px;height: 30px;}
.listPage_navi ul li:after {position: absolute;top: 0;right: 10px;width: 10px;text-align: center;height: 20px;line-height: 30px;font-size: 12px;color: #999;content: "\f112";font-family: FontAwesome,LineAwesome}
.listPage_navi ul li:last-child {padding-right: 0}
.listPage_navi ul li:last-child:after {display: none}
.listPage_navi ul li select {height: 30px;line-height: 28px;margin: 0;padding: 0;vertical-align: top;width: 150px;}

.listPage_viwBox {position: relative;display: block;margin-top: 20px}
.listPage_viwBox .viw_top, .listPage_viwBox .viw_btom {position: relative;display: block;overflow: hidden;height: 35px;}
.listPage_viwBox .viw_btom {margin: 10px 0 20px}
.listPage_viwBox .list_total {position: relative;display: inline-block;float: left;padding-left: 20px;line-height: 35px;background: url("/re_images/common/Board/icon_total.png") no-repeat left 11px;}
.listPage_viwBox .list_total .blue {color: #0277bd}
.listPage_viwBox .list_total .red {color: #f44336}

.listPage_viwBox .btnBox {position: relative;float: right;}
.listPage_viwBox .btnBox a {position: relative;display: block;line-height: 32px;height: 32px;background: #f8f8f8;border: 1px solid #ccc;float: left;text-align: center;margin: 0 3px}
.listPage_viwBox .btnBox a span {position: relative;display: inline-block;padding: 0 20px 0 45px;font-size: 13px}
.listPage_viwBox .btnBox a span:after {position: absolute;top: 0;left: 15px;display: block;width: 28px;height: 32px;line-height: 32px;font-size: 25px;font-family: FontAwesome,LineAwesome;text-align: center}
.listPage_viwBox .btnBox .cart span:after {content: "\f16d"}
.listPage_viwBox .btnBox .buy span:after {font-size: 20px;content: "\f17b"}

.viw_list {position: relative;display: block;overflow: hidden;margin: 20px 0}
.book_list {position: relative;display: block;border-top: 1px solid #ddd;}
.book_list > ul > li {position: relative;display: block;padding: 30px 180px 30px 200px;height: 170px;border-bottom: 1px solid #ddd}
.book_list > ul > li:hover {background: #fafafa}
.book_list > ul > li .check {position: absolute;top: 50%;left: 20px;margin-top: -10px}
.book_list > ul > li .bookCoverBox {position: absolute;top: 30px;left: 60px;}
.book_list > ul > li .bookinfoText .title {display: block;height: auto;font-size: 15px;line-height: 130%}

.list_purchase {position: absolute;bottom: 35px;left: 200px;display: block;}

.purchase_price {position: relative;display: block;overflow: hidden;}
.purchase_price span {display: inline-block;float: left;line-height: 30px;vertical-align: bottom}
.purchase_price span i {font-style: normal}
.purchase_price .price {color: #222;font-size: 20px;margin-right: 3px;font-family: 'Spoqa Han Sans', 'Sans-serif';}
.purchase_price .price i {display: inline-block;font-size: 13px;color: #f22020;margin-right: 3px}
.purchase_price .point {font-size: 12px;color: #888;margin-left: 7px;}
.purchase_price .point i {color: #0277bd;font-weight: 600}
.purchase_price .delivery {border: 1px solid #00acc1;background: #fff;line-height: 19px;height: 18px;font-size: 11px;color: #00acc1;padding: 0 5px;border-radius: 2px;margin: 6px 0 6px 3px;font-family: Dotum;letter-spacing: -0.03em}
.purchase_price .stock_out {border: 1px solid #f22020;background: #fff;line-height: 19px;height: 18px;font-size: 11px;color: #f22020;padding: 0 5px;border-radius: 2px;margin: 6px 0 6px 3px;font-family: Dotum;letter-spacing: -0.03em}

.purchase_count {position: relative;display: block;overflow: hidden;margin-top: 5px}
.purchase_count button {position: relative;display: block;width: 28px;height: 28px;border-radius: 50%;border: 1px solid #ccc;background: #fff;text-indent: -99999px;float: left;}
.purchase_count button:after {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 28px;line-height: 26px;font-family: FontAwesome,LineAwesome;font-size: 15px;color: #999;text-align: center;text-indent: 0}
.purchase_count .minus_count:after {content: "\f28e"}
.purchase_count .plus_count:after {content: "\f2c2"}
.purchase_count .add_count {float: left;width: 40px;height: 26px;line-height: 24px;margin: 0 5px;text-align: center;text-indent: 0;border-radius: 3px}

.list_btBox {position: absolute;top: 50%;right: 20px;width: 130px;height: 142px;margin-top: -71px;overflow: hidden}
.list_btBox a {position: relative;display: block;line-height: 30px;height: 30px;padding: 5px 0;text-align: center;border-radius: 5px;overflow: hidden}
.list_btBox a span {position: relative;display: inline-block;font-size: 14px;padding-left: 25px;}
.list_btBox a span:after {position: absolute;top: 0;left: 0;display: block;width: 20px;height: 30px;line-height: 32px;font-size: 20px;font-family: FontAwesome,LineAwesome;text-align: center}

.list_btBox a.cart {background: #689f38}
.list_btBox a.cart:hover {background: #4b8419}
.list_btBox a.cart span {color: #fff;}
.list_btBox a.cart span:after {content: "\f16d";font-size: 25px;}

.list_btBox a.buy {background: #f44336;margin: 10px 0}
.list_btBox a.buy:hover {background: #cd1f12}
.list_btBox a.buy span {color: #fff;}
.list_btBox a.buy span:after {content: "\f17b"}

.list_btBox a.like {border: 1px solid #ccc;background: #fff}
.list_btBox a.like:hover {border: 1px solid #888}
.list_btBox a.like span {color: #555;}
.list_btBox a.like span:after {content: "\f234";}

.list_btBox a.like.on {border: 1px solid #00acc1;}
.list_btBox a.like.on span {color: #00acc1;}
.list_btBox a.like.on span:after {content: "\f233";color: #00acc1}

.cont_box .book_list > ul > li {padding: 30px 160px 30px 135px;height: 135px}
.cont_box .book_list > ul > li .bookCoverBox {left: 20px;}
.cont_box .book_list > ul > li .bookinfoText {padding: 5px 0}
.cont_box .book_list > ul > li .bookinfoText .title {font-size: 14px;}
.cont_box .list_purchase {left: 135px;}
.cont_box .list_btBox {width: 120px;height: 40px;margin-top: -20px;}
.cont_box .list_btBox a.buy {margin: 0}



/*뷰*/
.viewPage_detail_header {position: relative;display: block;overflow: hidden;margin-bottom: 40px;}
.viewPage_detail_header:after {position: absolute;display: block;bottom: 0;left: 0;width: 750px;height: 1px;background: #ddd;content: "";}

#book_detail {position: relative;display: block;padding-left: 230px;width: 520px;float: left;}

#book_detail .bookCoverBox {position: absolute;top: 0;left: 0;}
#book_detail .bookCoverBox:hover .book a:after {display: none}
#book_detail .bookCoverBox:hover .book a:before {display: none}

.detail_bookinfo {position: relative;display: block;overflow: hidden;}

.detail_bookinfo .info_category {position: relative;display: block;overflow: hidden;margin-bottom: 20px}
.detail_bookinfo .info_category li {position: relative;float: left;padding-right: 7px;margin-right: 10px;}
.detail_bookinfo .info_category li a {display: inline-block;height: 20px;line-height: 20px;font-size: 12px;color: #888}
.detail_bookinfo .info_category li:after {position: absolute;top: 0;right: 0;width: 5px;height: 20px;line-height: 20px;content: "\f112";font-family: FontAwesome,LineAwesome;color: #999;font-size: 11px}
.detail_bookinfo .info_category li:last-child {padding-right: 0;margin-right: 0}
.detail_bookinfo .info_category li:last-child:after {display: none;}

.detail_bookinfo .title_box {position: relative;display: block;}
.detail_bookinfo .title_box h3 {display: block;font-size: 22px;color: #222;letter-spacing: -0.03em;line-height: 120%;}
.detail_bookinfo .title_box p {display: block;font-size: 13px;color: #777;margin-top: 5px}

.detail_bookinfo .rating_box {position: relative;display: block;overflow: hidden;margin-top: 15px}
.detail_bookinfo .rating_box span {display: inline-block;vertical-align: top;line-height: 25px;font-size: 12px;}
.detail_bookinfo .rating_box a {display: inline-block;vertical-align: top;line-height: 23px;border: 1px solid #ddd;padding: 0 5px;font-size: 12px;}
.detail_bookinfo .rating_box a:hover {border: 1px solid #f44336;color: #f44336}

.detail_bookinfo .book_info_text {position: relative;display: block;overflow: hidden;margin: 20px 0 25px}
.detail_bookinfo .book_info_text ul {display: block;overflow: hidden}
.detail_bookinfo .book_info_text li {position: relative;display: inline-block;color: #666;line-height: 28px;float: left;padding-right: 10px;margin-right: 10px;font-size: 13px}
.detail_bookinfo .book_info_text li:after {position: absolute;top: 50%;right: 0;width: 1px;height: 10px;margin-top: -5px;background: #bbb;content: ""}
.detail_bookinfo .book_info_text li:last-child {margin-right: 0;padding-right: 0;}
.detail_bookinfo .book_info_text li:last-child:after {display: none}
.detail_bookinfo .book_info_text li b {display: inline-block;color: #333;font-weight: 600}

.detail_bookinfo .reserve_text {position: relative;display: block;border: 1px solid #ddd;background: #fafafa;padding: 15px;}
.detail_bookinfo .reserve_text b {display: block;color: #333;font-weight: 600;margin-bottom: 5px;background: url("/re_images/common/etc/ico-ex04.png") no-repeat 0 2px;padding-left: 20px}
.detail_bookinfo .reserve_text span {display: block;color: #04935c;}


#price_detail {position: relative;display: block;width: 280px;float: right;border: 1px solid #c9d3e2;background: #f5f9ff;padding: 20px 15px;}
#price_detail table  {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: left;}
#price_detail table th, #price_detail table td {border: none;padding: 7px 0;height: 34px;}
#price_detail table tr {border-bottom: 1px dotted #c9d3e2}
#price_detail table tr:last-child {border-bottom: none;}
#price_detail table th {color: #333}
#price_detail table td .delivery {display: inline-block;margin-right: 3px;vertical-align: top;line-height: 22px;}
#price_detail table td .delivery.free {color: #f44336}
#price_detail table td i {display: inline-block;font-style: normal;font-size: 12px;vertical-align: top;line-height: 22px;}
#price_detail table td select {color: #666}
#price_detail table td del {display: inline-block;font-size: 15px;color: #777}
#price_detail table td b.price {display: block;font-size: 20px;color: #222;margin: 3px 0;font-family: 'Spoqa Han Sans', 'Sans-serif';}
#price_detail table td b.price span {display: inline-block;font-size: 13px;color: #f44336;font-weight: normal}
#price_detail table td .point {font-size: 12px;color: #666;line-height: 20px;}
#price_detail table td .point i {display: inline-block;line-height: 20px;color: #0277bd;font-weight: 600}

#price_detail .priceBtn {position: relative;display: block;padding-right: 110px;margin-top: 5px}
#price_detail .priceBtn .buy {display: block;line-height: 50px;background: #f44336;border-radius: 5px;overflow: hidden;text-align: center;color: #fff;font-size: 16px;}
#price_detail .priceBtn .buy span {display: inline-block;font-size: 13px;opacity: 0.7;margin-left: 3px;font-weight: normal}
#price_detail .priceBtn .small {position: absolute;display: block;top: 0;right: 0;width: 50px;height: 50px;border-radius: 5px;border: 1px solid #9fa0a6;background: #f6f6f6;text-indent: -99999px;}
#price_detail .priceBtn .small:after {position: absolute;top: 0;left: 0;width: 100%;height: 50px;line-height: 50px;display: block;font-family: FontAwesome,LineAwesome;color: #46474c;text-align: center;text-indent: 0}

#price_detail .priceBtn .cart {right: 55px;}
#price_detail .priceBtn .cart:after {content: "\f16d";font-size: 32px;}
#price_detail .priceBtn .like {right: 0;}
#price_detail .priceBtn .like:after {content: "\f234";font-size: 30px;}

#price_detail .priceBtn .like.on {border: 1px solid #00acc1}
#price_detail .priceBtn .like.on:after {content: "\f233";color: #00acc1}


#videoClip_list {position: relative;display: block;margin: 0 auto 40px;width: 850px;padding: 40px 0 40px 250px;}
#videoClip_list:after {position: absolute;top: 0;left: 50%;width: 2000px;height: 100%;margin-left: -1000px;background: #f5f5f5;content: "";z-index: -1}

#videoClip_list .titleBox {position: absolute;top: 0;left: 0;width: 200px;height: 100%}
#videoClip_list .titleBox:after {}
#videoClip_list .titleBox h3 {display: block;font-size: 20px;color: #222;line-height: 130%;margin-bottom: 3px;margin-top: 40px;letter-spacing: -0.05em}
#videoClip_list .titleBox span {display: block;font-size: 13px;color: #666}
#videoClip_list .titleBox a {position: absolute;bottom: 40px;left: 0;width: 150px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #999}

#videoClip_list .videoClip {position: relative;display: block;overflow: hidden}
#videoClip_list .videoClip li {position: relative;width: 190px;float: left;margin-right: 29px;}
#videoClip_list .videoClip li:last-child {margin-right: 0}
#videoClip_list .videoClip li .img {display: block;width: 100%;height: 106px;overflow: hidden;margin-bottom: 7px}
#videoClip_list .videoClip li .img img {width: 100%;height: 106px;}
#videoClip_list .videoClip li .title {display: block;height: 38px;overflow: hidden}
#videoClip_list .videoClip li .title a {display: inline-block;color: #333;line-height: 150%}
#videoClip_list .videoClip li .channel {display: block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis}
#videoClip_list .videoClip li .channel a {display: inline-block;color: #777;font-size: 12px;}
#videoClip_list .videoClip li .price {display: block;font-size: 14px;color: #222;margin-top: 5px;font-family: 'Spoqa Han Sans', 'Sans-serif';}
#videoClip_list .videoClip li .price i {font-style: normal;font-weight: normal;color: #777;font-size: 12px;display: inline-block;}
#videoClip_list .videoClip li .btn {position: absolute;display: block;width: 100px;bottom: 0;right: 0}


#product_detail_wrap {position: relative;display: block;overflow: hidden}
.product_detail {position: relative;width: 750px;float: left;}

.detail_nav {position: absolute;display: block;overflow: hidden;width: 100%;top: 0;left: 0;background: #fff;z-index: 200}
.detail_nav ul {display: block;width: 750px;border-left: 1px solid #ddd;}
.detail_nav ul li {position: relative;float: left;width: 20%;text-align: center;margin-left: -1px}
.detail_nav ul li a {display: block;line-height: 40px;border: 1px solid #ddd;font-size: 15px;color: #333}
.detail_nav ul li.active:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #04935c;content: ""}
.detail_nav ul li.active a {color: #04935c}

.detail_nav_fix {position: fixed;background: #3e4858}
.detail_nav_fix ul {width: 1100px;margin: 0 auto;border-left: none;}
.detail_nav_fix ul li a {line-height: 50px;border: none;color: #b5bbc4}
.detail_nav_fix ul li.active:after {background: #ffda38;}
.detail_nav_fix ul li.active a {color: #ffda38}

.prdctab_block {position: relative;display: block;overflow: hidden;margin-top: 40px;}
.prdctab_block .cont_box {position: relative;display: block;overflow: hidden;padding: 30px 0;line-height: 160%}
.prdctab_block .cont_box img {max-width: 100% !important}
.prdctab_block .cont_box h4 {display: block;font-size: 18px;color: #333;line-height: 140%;font-weight: normal;margin-bottom: 10px}
.prdctab_block .cont_box .line {display: block;margin: 40px 0;width: 100%;height: 1px;background: #ddd}

.delivery_info {position: relative;display: block;border: 1px solid #ddd;padding: 40px 0;text-align: center}
.delivery_info ul {display: block;padding-bottom: 20px;border-bottom: 1px dotted #bbb;width: 600px;margin: 0 auto 20px}
.delivery_info li {display: block;font-size: 16px;color: #555;line-height: 33px}
.delivery_info li img {vertical-align: top}
.delivery_info div {width: 360px;margin: 0 auto;display: block;text-align: center;font-size: 14px;line-height: 160%;padding: 30px 0 30px 200px;background: url("/re_images/books/pc/contents/delivery_img.png") no-repeat;}

.spring_info {position: relative;display: block;border: 1px solid #ddd;padding: 40px 0;text-align: center}
.spring_info p {position: relative;display: block;text-align: center;font-size: 18px;color: #666;line-height: 130%}
.spring_info p b {color: #222}
.spring_info p span {font-size: 13px}
.spring_info .img {position: relative;display: block;width: 450px;margin: 20px auto;background: #f3f3f3;padding: 20px 0;border-radius: 10px;}
.spring_info ul {display: inline-block;}
.spring_info li {line-height: 22px}

.spring_event {position: relative;display: block;width: 260px;line-height: 45px;border-radius: 45px;margin: 20px auto 0;background: #04935c;color: #fff;font-size: 14px}
.spring_event span {color: #fff006}

.right_book_wrap {position: relative;width: 280px;float: right;border: 1px solid #ddd;padding: 0 15px 20px;}
.right_book_wrap h3 {display: block;font-size: 15px;color: #222;line-height: 45px}
.right_book_wrap ul {display: block;}
.right_book_wrap ul li {position: relative;border-bottom: 1px dotted #ccc;padding: 15px 0 15px 90px;height: 75px}
.right_book_wrap ul li .checkbox {position: absolute;display: block;top: 50%;left: 0;margin-top: -10px;}
.right_book_wrap ul li .bookCoverBox {position: absolute;top: 15px;left: 30px}
.right_book_wrap ul li .bookCoverBox:hover .book a:after {display: none;}
.right_book_wrap ul li .bookCoverBox:hover .book a:before {display: none;}
.right_book_wrap ul li .bookinfoText {padding: 0}
.right_book_wrap ul li .bookinfoText .stitle {font-size: 12px;height: 34px;overflow: hidden;margin-bottom: 0}

.right_book_wrap .btnBox {position: relative;display: block;overflow: hidden;text-align: center;margin-top: 15px;}
.right_book_wrap .btnBox a {display: inline-block;border: 1px solid #ccc;background: #fafafa;font-size: 13px;color: #666;padding: 0 10px;line-height: 25px;}

.gift_imgBox {position: relative;display: block;overflow: hidden;margin-top: 30px;}


/*장바구니*/
.cart-layer {display: none;position: fixed;top: 50%;left: 50%;width: auto;height: auto;background: #fff;border: 2px solid #08a0b2;border-radius: 7px;z-index: 2010;}
.cart-layer h3 {font-size: 20px;display: block;text-align: left;padding: 10px 20px;background: url("/re_images/tv/pc/contents/c_patten01.png") repeat #08a0b2;margin-bottom: 0;color: #fff;line-height: 160%;font-weight: normal}
.cart-layer .cont {width: 500px;padding: 30px;}
.cart-layer .cart-chek {position: relative;display: block;overflow: hidden;}
.cart-layer .cart-chek li {display: block;}
.cart-layer .cart-chek li.tit {display: block;font-size: 15px;color: #222;}
.cart-layer .cart-chek li.clip-title {display: block;padding: 15px;background: #fbfbfb;border: 1px solid #ddd;margin: 10px 0 20px;line-height: 150%;font-size: 14px;}
.cart-layer .cart-chek li.btn {text-align: center}
#cartLyr-close {position: absolute;top: 8px;right: 10px;width: 34px;height: 34px;display: block;background: url("/re_images/tv/pc/contents/pop_close.png") no-repeat center center;text-indent: -9999px;z-index: 9999}

/*구매하기*/
.buyLyr-wrap {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2010;}
.buyLyr-wrap .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=50);}
.buyLyr-wrap .buy-layer {display: block;}

.buy-layer {display: none;position: absolute;top: 50%;left: 50%;width: auto;height: auto;background: #fff;border-radius: 10px;overflow: hidden;z-index: 10;}
.buy-layer .cont-wrap {width: 800px;}
.buy-layer h3 {font-size: 20px;display: block;text-align: left;padding: 10px 20px;background: url("/re_images/tv/pc/contents/c_patten01.png") repeat #08a0b2;margin-bottom: 0;color: #fff;line-height: 160%;font-weight: normal}
.buy-layer .cont {display: block;padding: 30px;}
.buy-layer .cont .order-tit {display: block;font-size: 15px;color: #333;font-weight: 600;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.buy-layer .cont .order-list > ul > li:last-child {border-bottom: none}
.buy-layer .cont .order-dtl .chek-st03 label {width: 64%}
.buy-layer .cont .orderSub-list {max-height: 460px;overflow-y: auto !important}
.buy-layer .cont .total-price {position: relative;display: block;border-top: 1px solid #888;padding: 20px 0;text-align: right}
.buy-layer .cont .total-price span {display: inline-block;font-size: 17px;color: #333;}
.buy-layer .cont .total-price span b {font-size: 25px;color: #11b2c5}
.buy-layer .cont .btnBox {display: block;text-align: center}

#buy-close {position: absolute;top: 8px;right: 10px;width: 34px;height: 34px;display: block;background: url("/re_images/tv/pc/contents/pop_close.png") no-repeat center center;text-indent: -9999px;z-index: 9999}


/*서비스 부분*/
.gr-box {position: relative;display: block;padding: 20px;background: #f6f6f6;border: 1px solid #ddd}

.service_tab {position: relative;display: block;overflow: hidden;padding: 20px 40px;border: 1px solid #ddd;margin: 20px 0;background: #fff}
.service_tab ul {width: 50%;float: left;overflow: hidden}
.service_tab ul li {position: relative;display: block;margin-bottom: 10px}
.service_tab ul li:last-child {margin-bottom: 0}
.service_tab ul li a {display: block;line-height: 25px;padding-left: 30px;font-size: 13px}
.service_tab ul li a span {position: absolute;top: 0;left: 0;width: 25px;height: 25px;display: block;border-radius: 50%;overflow: hidden;text-align: center;font-weight: 600;color: #fff;font-size: 13px;background: #0a9fb1;line-height: 25px}
.service_tab.agreement ul {width: 33.3%;}
.service_tab.agreement ul li {margin-bottom: 5px}
.service_tab.agreement ul li a {padding-left: 0}

.service_box {position: relative;display: block;margin: 20px 0;font-size: 13px}
.service_box h3 {display: block;font-size: 20px;font-weight: normal;color: #333;margin-bottom: 5px;line-height: 150%}
.service_box .dg-list02 li {background: url('/images/Content/blt06.gif') no-repeat 1px 9px;color: #444;margin-bottom: 7px}
.service_box .dg-list02 li .sub-list {display: block;margin: 5px 0 10px}
.service_box .dg-list02 li .sub-list li {background: url("/images/Content/blt02.gif") no-repeat 0 10px;padding-left: 8px;color: #777;margin-bottom: 4px;line-height: 160%}
.service_box .dg-list02 li:last-child, .service_box .dg-list02 li .sub-list li:last-child {margin-bottom: 0}

.service_li {position: relative;display: block;overflow: hidden}
.service_li li {display: block;margin-bottom: 10px;line-height: 150%;color: #555}
.service_li li .service_sub {display: block;border: 1px solid #ddd;background: #f6f6f6;padding: 15px 20px;margin-top: 10px;}
.service_li li .service_sub li {display: block;margin-bottom: 5px;color: #777}


/*검색*/
.srchTop {position: relative;display: block;padding: 20px 0}
.srchTop .srch-bar {width: 550px;margin: 0 auto;display: block;background: #449207;padding: 1px;overflow: hidden}
.srchTop .srch-bar label {display: none}
.srchTop .srch-bar input[type=text].srch {width: 476px;display: block;border: none !important;height: 50px;padding: 0 10px;color: #888;background: #fff;float: left;}
.srchTop .srch-bar .srch-btn {position: relative;float: right;width: 50px;height: 50px;background: none;border: none !important;text-indent: -9999px}
.srchTop .srch-bar .srch-btn:after {position: absolute;top: -8px;left: 0;width: 100%;height: 50px;line-height: 50px;font-size: 30px;color: #fff;font-family: FontAwesome,LineAwesome;content: "\f2eb";text-indent: 0;transform:rotate(-90deg);}



