@charset "utf-8";
/* CSS Document */

/* ===================================================================
color
연회색 #eaebec   더 연회색 #f5f5f5    진회색#383e4c   border회색 #b6b9be 
주황색 #fd4505   하늘색 #009ace
=================================================================== */

input {vertical-align:middle}
.b {font-weight:bold}

.cart_container {margin-top:100px}

.cart_process ul {text-align:center; padding:8px 10px 6px; overflow:hidden; border-bottom:#b6b9be 1px solid;}
.cart_process ul li {float:left; text-align:center; font-size:15px}
.cart_process ul li.wide {width:29%}
.cart_process ul li.betw {width:5%; font-size:16px; color:#b6b9be}
.cart_process ul li.now {color:#fd4505; font-weight:bold; font-size:17px}
.cart_select {background:#eaebec;line-height: 28px; font-size: 13px; padding-left:10px; border-bottom:#d1d2d3 1px solid; position:relative}
.cart_total {position:absolute; right:10px}
.order_top {font-size: 12px; padding-left:10px; position:relative; margin-top:8px}
.order_top .right {font-size:11px; position:absolute; right:10px; background:#383e4c; padding:3px 5px;}
.order_top .right a {color:#fff}


.no_cart { padding:20px  10px; border:1px #d1d2d3 solid; margin:10px 0; position:relative; font-size:14px; text-align:center}
.cart_bookview {padding:0 10px}

.ViewContents { padding:  10px; border:1px #d1d2d3 solid; margin:10px 0; position:relative; font-size:14px}
.ViewContents input.select {position:absolute; left:10px; top:10px}
.BookDetail_img figure { width: 89px; border: 1px solid #e4e4e4; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 0 0 18px; padding: 0 }
.BookDetail_img figure.nomargin { width: 89px; 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 }
.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: 110px; padding-left: 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle }
.BookDetail_2 {margin-left: 110px; padding-left: 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle }
.BookDetail_order {margin-left: 100px; padding-left: 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle }

.BookDetail ul { margin-top: 17px; color: #666; line-height: 20px }
.BookDetail ul li { font-size:13px }
.BookDetail .book_title_bold {font-weight:bold; color:#333; font-size:16px; }

.BookDetail_order ul { margin-top: 16px; color: #666; line-height: 20px }
.BookDetail_order ul li { font-size:13px }
.BookDetail_order .book_title_bold {font-weight:bold; color:#333; font-size:16px; }

.spring_opt {background:#eaebec; padding:6px 10px; position:relative; font-size:14px; line-height:25px; margin-bottom:8px}
.right {position:absolute; right:10px}
.spring_opt .background {background:#383e4c; padding:3px 5px; color:#fff}
input.change_spring { -webkit-appearance: none; background:#383e4c ; font-size: 13px; color: #fff; text-align: center; display: inline-block;  bold; cursor: pointer; padding:2px 5px 3px; border:0}
.spring_opt input.number {width:25px; text-align:right; padding-right:2px}

.color_orange {color:#fd4505 !important; font-weight:bold}


p.btn {margin-top:8px}
input.del { -webkit-appearance: none; background:#fff; border: 1px solid #383e4c; height: 30px; font-size: 100%; color: #383e4c; 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.mybook { -webkit-appearance: none;  border: 1px solid #e31042; height: 30px; font-size: 100%; color: #e31042; 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: #fff }
input.order { -webkit-appearance: none; background-color: #fff; border: 1px solid #fd4505; height: 30px; font-size: 100%; color: #fd4505; 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; }

.icon_plus {position:relative}
.icon_plus .cart_plus {position:absolute; right:-9px; width:18px; z-index:99}
.icon_result {position:relative}
.icon_result .cart_result {position:absolute; right:-9px; width:18px; z-index:99}
.icon_minus {position:relative}
.icon_minus .cart_minus {position:absolute; right:-9px; width:18px; z-index:99}

.cart_order {background:#383e4c; font-size: 13px; padding:10px; position:relative; color:#fff}
.cart_order table {border:1px #383e4c solid; border-collapse:collapse; padding:3px; text-align:center; font-size:13px;line-height:1.6em; margin-top:5px; }
.cart_order table tr td {border:1px #383e4c solid; border-collapse:collapse; padding:3px; color:#383e4c}
.cart_order td.bg_white {background:#fff;}
.cart_order td.bg_gray {background:#dadbde}
.cart_order p {background:#fff; border:1px #383e4c solid ; color:#333; border-top:none; padding:7px 10px}

.cart_order2 { font-size: 13px; position:relative; color:#fff}
.cart_order2 table {border:1px #383e4c solid; border-collapse:collapse; padding:3px; text-align:center; font-size:13px;line-height:1.6em; margin-top:5px; }
.cart_order2 table tr td {border:1px #383e4c solid; border-collapse:collapse; padding:3px; color:#383e4c}
.cart_order2 td.bg_white {background:#fff;}
.cart_order2 td.bg_gray {background:#383e4c; color:#fff}
.cart_order2 td.right_border {border-right:1px #fff solid}
.cart_order2 p {background:#fff; border:1px #383e4c solid ; color:#333; border-top:none; padding:7px 10px}

.w_text {color:#fff; margin-left:-8px; display:inline}
.cart_notice {padding:10px; font-size:13px}
.cart_notice p {margin: 0 -10px 5px -10px; font-size:15px; font-weight:bold; border-bottom:#b6b9be 1px solid; padding:0 0 5px 10px}

.order_bottom {background:#1d2029; padding:5px 10px; border-top:#b6b9be 1px solid; border-bottom:#b6b9be 1px solid; }
input.order_selected { -webkit-appearance: none; background:#e31042; border: 1px solid #e31042; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 49%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
input.order_all { -webkit-appearance: none; background:#fd4505; border: 1px solid #fd4505; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 49%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }



/* 옵션,수량변경 */
.review_title {padding:10px; text-align:center; line-height: 28px; font-size:1.2em; font-weight:bold; background: #fd4505; color:#fff}
.review_title .icon_close {position:absolute; right:10px}

.change_option_pop {padding:10px; font-size:14px}
.change_option_pop h4 {font-size:17px; line-height:22px; padding-bottom:10px}


/* 스프링분철 */
.spring_wrap {background:#eaebec; padding:5px 0; margin-top:10px}
.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: 10px; 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:10px;}
.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 }

input.change { -webkit-appearance: none; background:#e31042; border: 1px solid #e31042; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 49%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
input.cancel { -webkit-appearance: none; background:#383e4c; border: 1px solid #383e4c; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 49%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }



/* 비회원 */
.no_member {background:#fff; padding:10px; text-align:center; border-bottom:1px solid #b6b9be}
.no_member h5 {padding:5px 10px 10px; border:#b6b9be 2px solid; background:#fff6f4}
input.login { -webkit-appearance: none; background:#e31042; border: 1px solid #e31042; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 49%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
input.join { -webkit-appearance: none; background:#383e4c; border: 1px solid #383e4c; height: 40px; font-size: 110%; color: #fff; text-align: center; width: 49%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.no_member p {padding-top:8px}
.fs_12 {font-size:12px; line-height:140%; font-weight:normal}
.fs_11 {font-size:11px; line-height:140%; font-weight:normal}


/* 주문,결제 */

/*개인정보취급,취급위탁*/
.privacy, .agreement {
  padding:0;
  text-align:left
}
.privacy h4,.agreement h4 {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: normal;
  margin-bottom: 2px; margin-top:5px
}

.privacy h4 span, .agreement h4 span {
  font-size: 11px;
  color: #999999;
}
.privacy .box,.agreement .box {
  height: 90px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  padding: 5px;
}
.privacy .box .txt,.agreement .box .txt {
  height: 90px;
  overflow-y: scroll; font-size:11px
}
.privacy label,.agreement label {
  display: block;
  margin-top: 3px;
  text-align: left;font-size:14px
}
.privacy label input,.agreement label input {
  position: relative;
  top: 0px;
  margin-right: 3px; vertical-align:middle
}


/* 주문정보 */
.order_wrap {padding:0 10px; font-size:14px}

.order_wrap h4 {margin: 10px -10px 10px -10px; background:#eaebec; border-top:1px solid #b6b9be; border-bottom:1px solid #b6b9be; padding:5px 10px; font-size:15px; font-weight:bold}
.info_point { border:1px #b6b9be solid; }
.info_point p {background:#f5f5f5; padding:6px}
.info_point p.use_point {background:#fff; padding:6px; line-height:170%}
.info_point p.use_point img {margin-left:10px}
.info_point input.number {width:50px; text-align:right; padding-right:2px}
.havetopay table {border:1px #383e4c solid; border-collapse:collapse; padding:3px; text-align:center; font-size:13px;line-height:1.6em; margin-top:5px; }
.havetopay table tr td {border:1px #383e4c solid; border-collapse:collapse; padding:3px; color:#383e4c}
.havetopay td.bg_white {background:#fff;}
.havetopay td.bg_gray {background:#383e4c; color:#fff}
.havetopay td.right_border {border-right:1px #fff solid}
.havetopay p {background:#fff; border:1px #383e4c solid ; color:#333; border-top:none; padding:7px 10px}

.info_place h3 {background:#fff; padding:7px; font-size:14px}
.info_place { border:1px #b6b9be solid; background:url(/newbook/images/sub/info_bg.jpg) repeat-y 0 0}
.info_place input.wid_100, .info_place textarea {width:99%; margin:2px 0}
.info_place input.wid_50 {width:50%; margin:2px 0}
.info_place input.post_search {-webkit-appearance: none; background:#383e4c; border: 1px solid #383e4c; font-size: 12px; color: #fff; text-align: center; display: inline-block; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding:2px 3px}
.info_place input.wid_30, .info_place select.wid_30 {width:27%; margin:2px 0}
.info_place dl { margin:6px 10px; line-height: 16px;  font-size:13px}
.info_place dl:nth-child(1){}
.info_place dl dt { width: 80px; float: left ; background:#f5f5f5}
.info_place dl dd { margin-left: 90px; line-height:170%}

.pay_method {height:50px}
.pay_method li {float:left}
.pay_method li a {color:#fff}
.pay_method li.pay_card {background:#383e4c; padding:10px}
.pay_card_notice { border:1px #383e4c solid; margin-top:5px }
.pay_card_notice h5 {background:#eaebec; padding:6px}
.pay_card_notice p {background:#fff; padding:6px; line-height:160%; font-size:12px}
.margin_t {margin-top:5px}
.margin_l {margin-left:5px}
ul.pay {margin-top:10px}
ul.pay li {margin:5px 0}
ul.pay li.red_info {color:#f33; font-size:12px}
ul.pay li.douagree {margin-top:7px; color:#fd4505; font-weight:bold; font-size:16px}
input.pay_now { -webkit-appearance: none; background:#fd4505; border: 1px solid #fd4505; height: 40px; font-size: 120%; color: #fff; text-align: center; width: 100%; display: inline-block; font-weight: bold; cursor: pointer; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;margin:3px 0 13px 0}





/* 결제완료 */
.thankyou {background:#f5f5f5; padding:13px; text-align:center; margin-top:10px; font-size:16px; font-weight:bold}
.thankyou img {margin:5px 0}
.thankyou .blue  {color:#009ace}
.thankyou p {color:#666; margin:7px 0}

.bor_bot {border-bottom: #b6b9be 1px solid}
.confirm dl { margin:1px 10px; line-height: 16px;  font-size:13px}
.confirm dl:nth-child(1){margin-top:8px}
.confirm dl dt { width: 80px; float: left ; font-weight:bold}
.confirm dl dd { margin-left: 90px; line-height:170%}
.height_140 {line-height:140%}
p.again {font-size:13px; margin:10px 0; padding:5px 10px; display:block}

.review_wrap {padding:10px 0}
.review_go_back { background:#eaebec; line-height: 40px ; 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}

.pay_gbox{ padding:10px;}
.pay_gbox p{ color:#333; font-size:13px; line-height:20px}
.pay_btn{ background:#333333; color:#FFFFFF; font-weight:600; padding:3px;}
.pay_btn a{ color:#FFF; font-weight:600}