@charset "utf-8";

/* ===================================================================
color
연회색 #eaebec   진회색#383e4c   border회색 #b6b9be
주황색 #fd4505
=================================================================== */
.B_N { background: none }
.v_none { visibility: hidden; }
.d_none { display: none }
#wrap { position: relative; margin-top: 91px; overflow-x: hidden }
#wrap.biscuit_HD { margin-top: 0 }
.float { float: left !important; }
/* checkbox */
.check { float: left; width: 21px; position: relative; display: inline-block; margin-right: 5px; }
.check span { display: inline-block; background: url(file:///C|/Users/user08/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/img/book/check.png) no-repeat left -45px; background-size: 21px 150px; -moz-background-size: 21px 150px; -webkit-background-size: 21px 150px; width: 70%; height: 30px; vertical-align: middle; padding-left: 25px; }
.all { position: relative; display: inline-block; }
.all { position: relative; display: inline-block; }
input[type="checkbox"], input[type="radio"] { z-index: 999; position: absolute; height: 21px !important; opacity: 0; left: 0; width: auto!important }
input[type="checkbox"] + label { display: inline-block; background: url(file:///C|/Users/user08/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/img/book/check.png) no-repeat; background-size: 21px 150px; -moz-background-size: 21px 150px; -webkit-background-size: 21px 150px; height: 21px; min-width: 21px; vertical-align: middle; font-weight: normal;}
input[type="radio"] + label { display: inline-block; background: url(file:///C|/Users/user08/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/img/book/check.png) no-repeat left -84px; ; background-size: 22px 150px; -moz-background-size: 22px 150px; -webkit-background-size: 22px 150px; line-height: 30px; height: 30px; vertical-align: middle; padding-left: 25px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal }
input[type="checkbox"]:checked + label { background-position: left -46px; }
input[type="radio"]:checked + label { background-position: left -124px; }

dl, dt, dd {font-size:14px}


/* 상단 네비게이션 */
.detail_container {padding-top:100px}
.navi { width:100%; padding:6px 10px; overflow:hidden; border-bottom:#d1d2d3 1px solid;}
.navi .title_navi {font-size:14px; letter-spacing:-1px; line-height:1.2em; width:95%}

/* 상품타이틀 */
.big_title_wrap {background:#eaebec; width:100%; padding:5px 10px} 
.big_title_wrap ul li {padding:2px 0}
.big_title {width:95%; display:block; line-height:1.2em; font-size:1.1em; font-weight:bold}
.big_title_wrap .top_icon img {margin-right:3px}
.big_title_wrap .service {font-size:13px}
.author {border-bottom: 1px solid #d2d2d2; padding: 0 10px }
.author h5{line-height: 34px; font-size: 12px;}

/* 상품상세 */
.ViewContents { padding:10px}

.BookDetail_img figure { width: 80px; border: 1px solid #e4e4e4; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 0 0 5px; padding: 0 ; height:107}
.BookDetail_img figure img { width: 100%; height: auto; vertical-align: middle; }
.BookDetail_img figcaption a { background-color: #333; line-height: 28px; text-align: center; color: #fff; display: inline-block; width: 100% }
.BookInfo { display: inline-block; width: 100%; vertical-align: middle; margin-bottom: 10px }
.BookDetail {margin-left: 90px; padding-left: 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle }
.BookInfo p { background: url(file:///C|/Users/user08/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/img/book/intBook_star.png) no-repeat left center; background-size: 100px 140px; padding-left: 70px; text-align: left; line-height: 22px;}
.BookInfo p.DetailStar0 { background-position: left -3px }
.BookInfo p.DetailStar1 { background-position: left -25px }
.BookInfo p.DetailStar2 { background-position: left -46px }
.BookInfo p.DetailStar3 { background-position: left -68px }
.BookInfo p.DetailStar4 { background-position: left -90px }
.BookInfo p.DetailStar5 { background-position: left -112px }

.BookDetail dl { margin:11px 4% 0; line-height: 16px; color: #383e4c ; }
.BookDetail dl:nth-child(1){margin-top: 6px}
.BookDetail dl dt { width: 80px; float: left }
.BookDetail dl dd { margin-left: 80px; }

.otherinfo { margin: 0 -10px 0 -10px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 5px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.otherinfo dl { line-height: 20px }
.otherinfo dt { width: 95px; float: left; color: #383e4c }
.otherinfo dd { color: #383e4c; margin-left: 95px }
.otherinfo dd span{font-weight: normal; font-size: 11px; line-height: 15px; display: inline-block; padding: 0 4px; letter-spacing: -1px; margin-left: 3px}

/* 무이자할부 */
.otherinfo dd a.interest_free {background: url(/newbook/images/sub/icon_interest_free.jpg) no-repeat center center; background-size: 43px 17px; display: inline-block; width: 43px; height: 18px; text-indent: -500em}
.otherinfo .interest_info {border:#383e4c 1px solid; padding:2px 5px 35px 5px; margin:10px 0; position:relative; font-size:12px}
.otherinfo .interest_info a { width: 60px; height: 23px; border: 1px solid #000; background-color:#f5f5f5; display: inline-block; text-align: center; vertical-align: middle ; position:absolute; bottom:5px; right:5px}
.interest_info .tit {font-weight:bold; font-size:12px; margin:4px 0 2px 0; display: inline-block }
.interest_info table, .interest_info table tr td {border:1px #b6b9be solid; border-collapse:collapse; padding:2px; text-align:center; font-size:10px;line-height:1.6em}
.gray {background:#f5f5f5}


/* 스프링분철 */
.spring {padding: 0 10px 10px}
.spring h5 {line-height: 28px; font-size: 12px;}
.spring select {font-size: 13px;; width:100%}
.spring .choose_spring {border:#d2d2d2 solid 1px; padding:10px; margin-top:8px;}
.spring .choose_spring h5 {font-size:14px; line-height: 1em}

.choose_spring dl { margin-top: 5px; line-height: 16px; color: #333 }
.choose_spring dl dt { width: 55px; float: left }
.choose_spring dl dd input { background-size: 65px 20px; width: 65px; height: 20px; vertical-align: middle; text-indent: -500em; padding: 0 }
.choose_spring dl.count { line-height: 26px }
.choose_spring dl.count dd a { width: 27px; height: 26px; border: 1px solid #000; background-color: #f5f5f5; display: inline-block; text-align: center; vertical-align: middle }
.choose_spring dl.count dd .close {position:absolute;right:30px; color:#fd4505;}
.choose_spring dl.count dd input[type="tel"] { line-height: 26px; height: 26px; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 0; border-right: 0; -webkit-appearance: none; border-radius: 0; text-indent: 0; text-align: center; width: 50px; background-color: #fff }

.total_price {margin: 0 -10px 0 -10px; border-top: 1px solid #d2d2d2; padding: 12px 13px 12px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.total_price dl { line-height: 20px }
.total_price dt { width: 45%; float: left ;font-size:1.2em; font-weight:bold}
.total_price dd { color: #fd4505; margin-left: 45% ; text-align:right ;font-size:1.4em; font-weight:bold}

input.buy { -webkit-appearance: none; background-color: #fd4505; border: 1px solid #fff; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 32%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
input.book_cart { -webkit-appearance: none;  border: 1px solid #fff; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 32%; display: inline-block; font-weight: bold; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color: #e31042 }
input.mybook { -webkit-appearance: none; background-color: #383e4c; border: 1px solid #fff; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 32%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
p.btn { padding: 5px 0 10px 0; text-align: center; width: 100% }

/* 상품정보 */
.goods_info {background:#eaebec;line-height: 28px; font-size: 12px; padding-left:10px; border-top:#b6b9be 1px solid}
.goods_info_2 {background:#eaebec;line-height: 28px; font-size: 12px; padding-left:10px; border-top:#b6b9be 1px solid}
.goods_info_con {line-height: 17px; font-size: 13px; padding:5px 10px;  border-top:#b6b9be 1px solid; margin-bottom:6px}
.goods_info_2 .more_view {position:absolute; right:18px}

/* 회원리뷰 */
.review_title {padding:10px; text-align:center; line-height: 28px; font-size:1.2em; font-weight:bold; background: #fd4505; color:#fff}
.review_title .icon_back {position:absolute; left:10px}
.review {line-height: 17px; font-size: 14px; padding:10px; background:#383e4c; color:#fff}
.review_con {line-height: 18px; font-size: 13px; padding:6px 10px 8px; margin-bottom:6px; border-bottom:#b6b9be 1px solid}
.review_con p {padding-top:4px; font-size:12px}
.noline { border:0}
.review_wrap {padding:10px}
.review_moreview {  background:#383e4c; line-height: 35px ; text-align:center}
.review_moreview a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fff }
.review_go_back { background:#eaebec; line-height: 30px ; text-align:center; border:#b6b9be 1px solid; margin-bottom: 10px}
.review_go_back a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #383e4c ; font-weight:bold}