@charset "UTF-8";
/*!
 _ _  _
| | || | Book Desktop v4.0.2
| | || | INTERPARK COMMERCE UI Development Team
`___'|_| /styles/common/quirks/header.scss

*/
/* 20131106 접근성 GNB  */
.hide {
  position: absolute;
  top: 0;
  left: 0;
}

#header {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  z-index: 1000;
}

#header:after {
  +zoom: 1;
}

#header:after {
  content: "";
  display: block;
  clear: both;
}

#header #gateGnb {
  z-index: 300;
  position: relative;
  width: 100%;
  text-align: center;
  height: 34px;
  background: #f4f6f9;
  border-bottom: 1px solid #eee;
}

#header #gateGnb a {
  font: 12px dotum;
}

#header #gateGnb ul li > a {
  color: #777;
  text-decoration: none;
}

#header #gateCon {
  z-index: 300;
  position: relative;
  width: 960px;
  height: 34px;
  margin: 0 auto;
}

#header #gateCon:after {
  +zoom: 1;
}

#header #gateCon:after {
  content: "";
  display: block;
  clear: both;
}

#header .gnbArea {
  z-index: 200;
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 960px;
}

#header .gateLeft li {
  position: relative;
  float: left;
  width: 62px;
  height: 34px;
  border-right: 1px solid #eee;
  text-align: center;
}

#header .gateLeft li:first-child {
  border-left: 1px solid #eee;
}

#header #gateCon .gateLeft li a {
  display: inline-block;
  width: 62px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

#header .gateLeft li.selected {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

#header #gateCon .gateLeft li.selected a {
  color: #000;
}

#header .gateCenter {
  float: left;
  position: absolute;
  left: -5%;
  height: 27px;
  overflow: hidden;
}

:root #header .gateCenter {
  left: 35%;
}

#header .gateCenter p {
  height: 27px;
}

#header .gateCenter img {
  width: 225px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

#header .gateRight {
  z-index: 200;
  float: right;
  height: 28px;
}

#header .gateRight li {
  position: relative;
  float: left;
  padding: 10px 8px;
}

#header .gateRight li:hover {
  text-decoration: underline;
}

#header .gateRight li:first-child {
  background: none;
}

#header .gateRight li.none {
  background: none;
}

#header .gateRight ul li.mypg,
#header .gateRight ul li.mycbt {
  text-decoration: none;
}

#header .gateRight li.mypg a.on,
#header .gateRight li.mycbt a.on {
  color: #777;
  text-decoration: none;
  padding-right: 15px;
  padding-top: 1px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/arrow_down.png") no-repeat right -1px;
}

#header .gateRight li.mypg a.off,
#header .gateRight li.mycbt a.off {
  color: #777;
  text-decoration: none;
  padding-right: 15px;
  padding-top: 1px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/arrow_up.png") no-repeat right -1px;
  text-decoration: none;
}

/* Auto Login */
#header #gateCon .gateRight .autoLogin {
  position: relative;
}

#header #gateCon .gateRight .autoLogin a {
  cursor: pointer;
  text-decoration: none;
}

#header #gateCon .gateRight .autoLogin .on {
  margin-top: 1px;
  color: #666;
  text-decoration: none;
  cursor: pointer;
}

#header #gateCon .gateRight .layer_autoLogin {
  clear: both;
  position: absolute;
  top: 13px;
  left: 5px;
  width: 245px;
  color: #999;
  background: #e38989;
  text-align: left;
}

#header #gateCon .gateRight .layer_autoLogin .connect_box {
  background: #fff;
  margin: 2px;
  padding: 8px 0 10px 0;
}

#header #gateCon .gateRight .layer_autoLogin .txt1 {
  margin: 0 0 6px 10px;
  color: #e05046;
  font: bold 11px dotum;
}

#header #gateCon .gateRight .layer_autoLogin .txt2 {
  margin: 0 0 0 10px;
  font: normal 11px dotum;
  letter-spacing: -1px;
  line-height: 15px;
  color: #999;
}

#header #gateCon .gateRight .layer_autoLogin .cBtn {
  position: relative;
  height: 20px;
  margin: 8px 10px 0 0;
  text-align: right;
}

#header #gateCon .gateRight .layer_autoLogin .closeW {
  position: absolute;
  right: 0;
  height: 0;
  margin: 0;
}

#header #gateCon .gateRight .layer_autoLogin img.close_x {
  margin: 0 10px 0 0;
}

#header #gateCon .gateRight .layer_autoLogin img.btnLeft {
  margin: 1px 5px 0 0;
}

#header #gateCon .gateRight .layer_autoLogin img.btnAlone {
  margin: 1px 0 0 0;
}

#header #gateCon .gateRight .layer_autoLogin2 {
  clear: both;
  position: absolute;
  top: 13px;
  left: 5px;
  width: 230px;
  color: #999;
  background: #e38989;
  text-align: left;
}

#header #gateCon .gateRight .layer_autoLogin2 .connect_box {
  background: #fff;
  margin: 2px;
  padding: 8px 0 10px 0;
}

#header #gateCon .gateRight .layer_autoLogin2 .txt1 {
  margin: 0 0 6px 10px;
  color: #e05046;
  font: bold 11px dotum;
}

#header #gateCon .gateRight .layer_autoLogin2 .txt2 {
  margin: 0 0 0 10px;
  font: normal 11px dotum;
  line-height: 15px;
  color: #999;
}

#header #gateCon .gateRight .layer_autoLogin2 .closeW {
  position: absolute;
  right: 0;
  height: 0;
  margin: 0;
}

#header #gateCon .gateRight .layer_autoLogin2 .close_x {
  margin: 0 10px 0 0;
  text-align: right;
}

#header #gateCon .gateRight .layer_autoLogin2 .logout {
  position: absolute;
  bottom: 17px;
  right: 10px;
}

#header .gateRight .logon a strong {
  color: #f12c2c;
  padding-right: 13px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/arrow_down.gif") no-repeat right 1px;
}

#header .gateRight .logon a:hover strong {
  color: #f12c2c !important;
}

#header .gateRight .logon-on a strong {
  color: #f86f00;
  padding-right: 13px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/arrow_down.gif") no-repeat right 1px;
}

#header .gateRight .logon-on a:hover strong {
  color: #f86f00 !important;
}

#header .gateRight .mypgsub {
  position: absolute;
  top: 27px;
  right: 8px;
  padding: 10px 13px 11px 14px;
  width: 100%;
  border: 1px solid #333;
  background: #fff;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);
  z-index: 300;
}

#header .gateRight .mypgsub dl {
  position: relative;
}

#header .gateRight .mypgsub dd {
  width: 100%;
  line-height: 20px;
  height: 20px;
  text-align: left;
}

#header .gateRight .mypgsub dd a {
  color: #000;
  font-size: 12px;
}

#header .gateRight .mypgsub dd a:hover {
  text-decoration: underline;
}

#header .gateRight .mybpsub {
  position: absolute;
  top: 27px;
  right: 8px;
  padding: 10px 13px 11px 14px;
  width: 100%;
  border: 1px solid #333;
  background: #fff;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
}

#header .gateRight .mybpsub .mbp_Ly dl {
  position: relative;
}

#header .gateRight .mybpsub .mbp_Ly dl dd {
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: left;
}

#header .gateRight .mybpsub .mbp_Ly dl dd a {
  color: #000;
  font-size: 12px;
}

#header .gateRight .mybpsub .mbp_Ly dl dd a:hover {
  text-decoration: underline;
}

.cbtsub {
  position: absolute;
  top: 27px;
  right: 8px;
  padding: 10px 13px 11px 14px;
  border: 1px solid #333;
  background: #fff;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.cbtsub .cbt_Ly dl {
  position: relative;
}

.cbtsub .cbt_Ly dl dd {
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: left;
}

.cbtsub .cbt_Ly dl dd a {
  color: #000;
  font-size: 12px;
}

.cbtsub .cbt_Ly dl dd a:hover {
  text-decoration: underline;
}

/*20140124제휴사 레이어*/
#header .gateRight .mypgsub_allian {
  z-index: 300;
  position: absolute;
  top: 3px;
  left: 710px;
  width: 99px;
  height: 63px;
  margin: 20px 0 0 -18px;
  line-height: 1.2em;
}

#header .gateRight .mypgsub_allian .mlv_Ly {
  width: 80px;
  padding: 5px 3px;
  border: 2px solid #e38989;
  background: #fff;
}

#header .gateRight .mypgsub_allian .mlv_Ly a:hover {
  color: #bd4141;
  text-decoration: underline;
}

#header .gateRight .mypgsub_allian dl {
  position: relative;
}

#header .gateRight .mypgsub_allian dd {
  padding: 3px 0 0 10px;
  width: 80px;
  height: 14px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bl_square_dot.gif") no-repeat 5px 7px;
  text-align: left;
  letter-spacing: -1;
}

#header .gateRight .mypgsub_allian dd a:link,
.gateRight .mypgsub dd a:visited,
.gateRight .mypgsub dd a:active {
  font: 11px dotum;
  color: #7f7f7f;
}

/* //제휴사 레이어*/
#header #searchWrap {
  z-index: 100;
  position: relative;
  clear: both;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#header .searchArea {
  z-index: 200;
  position: relative;
  width: 960px;
  height: 85px;
}

#header .searchArea h1 {
  float: left;
  position: relative;
  width: 256px;
  height: 79px;
  font-size: 0;
  line-height: 0;
}

#header .searchArea h1 a.book {
  position: absolute;
  left: 0;
  top: 20px;
  width: 195px;
  height: 38px;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  background: url("//qi-b.qoo10cdn.com/UI/pc/main/2017/gnb/interparkBook_logo.png") no-repeat left center;
  background-size: 100%;
}

#header .searchArea h1 a.pyungchang {
  display: none;
  text-indent: -999px;
  overflow: hidden;
}

#header .searchArea h1 a.aside {
  display: none;
  text-indent: -999px;
  overflow: hidden;
}

#header .searchArea h1 a.nhn {
  top: 0;
  left: 0;
  padding-top: 5px;
  width: 250px;
  height: 38px;
  text-indent: 0;
  background: #fff;
}

#header .searchArea h1 a.nhn img {
  width: 250px;
}

#header .searchArea h1 a.purmee {
  top: 0;
  left: 0;
  padding-top: 5px;
  width: 250px;
  height: 38px;
  text-indent: 0;
  background: #fff;
}

#header .searchArea h1 a.purmee img {
  width: 250px;
}

#header .searchArea h1 a.music {
  position: absolute;
  left: 0;
  top: 18px;
  width: 67px;
  height: 34px;
  display: inline-block;
  text-indent: -999px;
  overflow: hidden;
  background: #fff url("//qi-b.qoo10cdn.com/renewPark/reBookpark/main_header/gnb_bg/logo_music.png") no-repeat 1px 0;
}

#header .gnbSearch {
  position: relative;
  display: inline-block;
  width: 460px;
  margin-top: 25px;
}

#header .gnbSearch .searchBox {
  float: left;
  width: 392px;
  padding: 4px 4px 0 4px;
  height: 32px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bg_scInput.gif") no-repeat left top;
  box-sizing: border-box;
}

#header .gnbSearch .searchBox input {
  width: 348px;
  margin: 5px 2px 2px 5px;
  line-height: 10%;
  color: #b74545;
  font: bold 12px dotum;
  letter-spacing: 0;
  border: 0;
  background: #fff;
  box-sizing: border-box;
}

#header .gnbSearch .searchBox .inputBtn {
  margin: -6px 4px 0 4px;
  top: 0;
}

#header .gnbSearch .srBtn {
  float: left;
  margin-left: 6px;
}

.sboxWrap {
  position: relative;
  float: left;
  width: 460px;
}

#header .gnbRight_Ban {
  z-index: 10;
  position: absolute;
  top: 7px;
  right: 0;
}

#header .gnbRight_Ban .rightBan {
  text-align: right;
}

#header .gnbRight_Ban .rightBan iframe {
  width: 184px;
  height: 64px;
}

#header .hotClick {
  position: relative;
  top: 5px;
  left: 0;
  width: 460px;
  height: 17px;
  overflow: hidden;
}

#header .hotClick .hcTit {
  float: left;
  position: relative;
  width: 40px;
  font-size: 0;
  top: 1px;
}

#header .hotClick .hcTit img {
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

#header .hotClick ul.keyword {
  float: left;
  width: 420px;
  margin: 0;
  font-size: 11px;
}

#header .hotClick ul.keyword li {
  float: left;
  line-height: 14px;
  padding: 0 4px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bar_gnb2.gif") no-repeat left 4px;
}

#header .hotClick ul.keyword li:first-child {
  background: none;
}

#header .hotClick ul.keyword li.fnon {
  background: none;
}

#header #auto {
  z-index: 1000;
  position: absolute;
  left: 256px;
  top: 38px;
  padding: 10px;
  width: 690px;
  line-height: 17px;
  text-align: left;
  overflow: hidden;
  border: 1px solid #999;
  background: #fff;
}

#header #auto .select {
  float: left;
  width: 435px;
}

#header #auto .select ul {
  width: 420px;
  padding-bottom: 5px;
}

#header #auto .select ul li {
  padding: 3px 3px 0 10px;
}

#header #auto .select ul li.on {
  font-weight: bold;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/ico_selectArrow.gif") no-repeat right 5px;
}

#header #auto .select ul li.on a {
  color: #333;
}

#header #auto .select ul li span {
  color: #b84646;
}

#header #auto .select ul.pub {
  border-top: 1px solid #ebebeb;
  font-size: 11px;
  padding-top: 8px;
}

#header #auto .select ul.pub li {
  color: #03b1ce;
}

#header #auto h3 a {
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
}

#header #auto h3 a b {
  color: #03b1ce;
}

#header #auto h3 a span {
  color: #b84646;
}

#header #auto h4 {
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 3px;
}

#header #auto .his {
  float: right;
  padding: 5px 3px 30px 15px;
  display: none;
  width: 228px;
  border-left: 1px solid #ebebeb;
}

#header #auto .his ul li {
  padding-bottom: 5px;
}

#header #auto .his ul li:hover {
  font-weight: bold;
  letter-spacing: -1px;
}

#header #auto .book {
  float: right;
  padding: 5px 3px 25px 15px;
  width: 228px;
  border-left: 1px solid #ebebeb;
}

#header #auto .book dl {
  font-size: 11px;
}

#header #auto .book dl dt {
  text-align: center;
}

#header #auto .book dl dt img {
  border: 1px solid #bbb;
  width: 102px;
}

#header #auto .book dl dt span {
  position: absolute;
  margin: -5px 0 0 -5px;
  width: 38px;
  height: 38px;
  overflow: hidden;
  text-indent: -999px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/ico_writer_book.png") no-repeat left top;
}

#header #auto .book dl dd {
  text-align: center;
}

#header #auto .book dl dd p.tit {
  font-weight: bold;
  color: #333;
  font-size: 12px;
}

#header #auto .book dl dd p.num {
  padding-bottom: 3px;
}

#header #auto .book dl dd p.num span {
  font-size: 0;
  line-height: 0;
  padding-right: 5px;
}

#header #auto .book .price b {
  font-size: 12px;
  color: #dd5656;
}

#header #auto .book .price span {
  font-size: 12px;
  color: #2ba5e4;
}

#header #auto .book .priceNew {
  font-size: 12px;
  color: #c10000;
  font-weight: bold;
}

#header #auto .book .priceNew span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}

#header #auto .book .btn {
  clear: both;
  padding: 7px 0 0 0;
  text-align: center;
}

#header #auto .option {
  text-align: right;
  clear: both;
  width: 215px;
  position: absolute;
  right: 18px;
  bottom: 10px;
  padding-top: 4px;
}

#header #auto .option img {
  cursor: pointer;
}

#header #auto a:hover {
  color: #333;
  text-decoration: none;
}

#header #gnbWrap {
  z-index: 100;
  position: relative;
  width: 960px;
  height: 36px;
  margin: 0 auto;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bg_gnb20160728.gif") no-repeat left top;
  clear: both;
}

#header #gnbWrap.gnbBg {
  background-image: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bg_gnb20220302.gif");
}

#header #gnbWrap .gnb_left {
  position: absolute;
  left: 0;
  top: 10px;
}

#header #gnbWrap .gnb_left2 {
  position: absolute;
  left: 153px;
  top: 10px;
}

#header #gnbWrap .gnb_left li {
  display: inline-block;
  float: left;
  padding: 0 14px 11px 14px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bar_gnb.gif") no-repeat left 2px;
}

#header #gnbWrap .gnb_left2 li {
  display: inline-block;
  float: left;
  padding: 0 12px 11px 12px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bar_gnb.gif") no-repeat left 2px;
}

#header #gnbWrap .gnb_left li.bgNone {
  background: none;
  padding-left: 22px;
}

/*#header #gnbWrap .gnb_left2  li.bgNone {background:none;}*/
/*#header #gnbWrap .gnb_left  li:first-child{background:none;padding-left: 22px;}*/
/******************/
#header #gnbWrap .gnb_left li.cateSub1 {
  background: none;
  padding-left: 22px;
}

#header #gnbWrap .gnb_left li.cateSub3 {
  padding-left: 15px;
  padding-right: 15px;
}

#header #gnbWrap .gnb_left li.cateSub5,
#header #gnbWrap .gnb_left li.cateSub6 {
  padding-left: 16px;
}

#header #gnbWrap .gnb_left2 li.cateSub7 {
  padding-left: 14px;
  padding-right: 15px;
}

#header #gnbWrap .gnb_left2 li.cateSub8 {
  padding-left: 14px;
  padding-right: 14px;
}

#header #gnbWrap .gnb_left2 li.cateSub9 {
  padding-left: 15px;
  padding-right: 15px;
}

#header #gnbWrap .gnb_left2 li.cateSub10 {
  padding-left: 14px;
}

#header #gnbWrap .gnb_left li span,
#header #gnbWrap .gnb_left2 li span,
#header #gnbWrap .gnb_center li span {
  z-index: 10;
  position: absolute;
  display: block;
}

/*#header #gnbWrap .gnb_left  li span.icoG_L01{position:absolute;left:55px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
/*#header #gnbWrap .gnb_left  li span.icoG_L02{position:absolute;left:55px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
.gnbArea #gnbWrap .gnb_left span.icoG_L02 {
  left: 83px;
  top: -17px;
  width: 88px;
  height: 19px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/icon_coupon.png") no-repeat left top;
  cursor: pointer;
}

/*#header #gnbWrap .gnb_left  span.icoG_L03{position:absolute;left:138px;top:-19px;width:83px;height:19px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/icon_biscuitSale2.png") no-repeat left top;}*/
/*#header #gnbWrap .gnb_left  li span.icoG_L04{position:absolute;left:45px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
/*#header #gnbWrap .gnb_left  li span.icoG_L05{position:absolute;left:35px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
/*#header #gnbWrap .gnb_left  li span.icoG_L06{position:absolute;left:40px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
/*#header #gnbWrap .gnb_left  li span.icoG_L07{position:absolute;left:357px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
#header #gnbWrap .gnb_left li span.icoG_L08 {
  left: 485px;
  top: -18px;
  width: 56px;
  height: 19px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_freePresent.png") no-repeat left top;
}

/*#header #gnbWrap .gnb_left  li span.icoG_L09{position:absolute;left:452px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
/*#header #gnbWrap .gnb_left  li span.icoG_L10{position:absolute;left:497px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
/*#header #gnbWrap .gnb_left  li span.icoG_eBird{right:130px;top:-20px;width:55px;height:19px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_earlyBird.png")  no-repeat left top;}*/
#header #gnbWrap .gnb_center li span.icoG_C01 {
  position: absolute;
  left: -15px;
  top: 14px;
  width: 10px;
  height: 9px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;
}

/*#header #gnbWrap .gnb_center  li span.icoG_C02{position:absolute;left:79px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
/*#header #gnbWrap .gnb_center  li span.icoG_C03{position:absolute;left:135px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
/*#header #gnbWrap .gnb_center  li span.icoG_C04{position:absolute;left:192px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
/*#header #gnbWrap .gnb_center  li span.icoG_C05{position:absolute;left:237px;top:-8px;width:10px;height:9px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;}*/
#header #gnbWrap .gnb_center li span.icoG_C06 {
  position: absolute;
  left: 236px;
  top: 2px;
  width: 10px;
  height: 9px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_new.gif") no-repeat left top;
}

/*#header #gnbWrap .gnb_center  li span.icoG_bdb{left:15px;top:-20px;width:37px;height:19px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_kAuthor2.png")  no-repeat left top;}*/
/*#header #gnbWrap .gnb_center  li span.icoG_bcR2{left:80px;top:-20px;width:50px;height:17px;background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_bookClub.png")  no-repeat left top;}*/
#header #gnbWrap .gnb_left2 li span.icoG_Lgoods {
  position: absolute;
  left: 203px;
  top: -18px;
  width: 68px;
  height: 19px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_goods_25Sale.png") no-repeat left top;
}

#header #gnbWrap #cateSub1,
#header #gnbWrap #cateSub2,
#header #gnbWrap #cateSub3,
#header #gnbWrap #cateSub4,
#header #gnbWrap #cateSub5,
#header #gnbWrap #cateSub6 {
  left: 0;
}

#header #gnbWrap #cateSub7 {
  left: 0;
}

#header #gnbWrap #cateSub8 {
  left: 50;
}

#header #gnbWrap #cateSub10 {
  left: 100px;
}

/*340px ->418px */
#header #gnbWrap #cateSub1 .arrow {
  left: 40px;
}

#header #gnbWrap #cateSub2 .arrow {
  left: 112px;
}

#header #gnbWrap #cateSub3 .arrow {
  left: 183px;
}

#header #gnbWrap #cateSub5 .arrow {
  left: 178px;
}

#header #gnbWrap #cateSub6 .arrow {
  left: 231px;
}

#header #gnbWrap #cateSub7 .arrow {
  left: 3px;
  top: -5px;
}

:root #header #gnbWrap #cateSub7 .arrow {
  left: 57px;
  top: -5px;
}

#header #gnbWrap #cateSub8 .arrow {
  left: -5px;
  top: -5px;
}

:root #header #gnbWrap #cateSub8 .arrow {
  left: 55px;
  top: -5px;
}

#header #gnbWrap #cateSub9 .arrow {
  left: 35px;
  top: -5px;
}

#header #gnbWrap #cateSub10 .arrow {
  left: 67px;
  top: -5px;
}

:root #header #gnbWrap #cateSub10 .arrow {
  left: 235px;
  top: -5px;
}

#header #gnbWrap #cateSub11 .arrow {
  left: 205px;
  top: -5px;
}

#header #gnbWrap #cateSub7 {
  position: absolute;
  top: 26px;
  left: 22px;
  width: 122px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bg_ly_gnbEvent2.png") no-repeat left bottom;
}

#header #gnbWrap #cateSub7 .tt_event {
  position: relative;
}

#header #gnbWrap #cateSub7 ul {
  width: 100%;
  font-size: 12px;
  letter-spacing: -1px;
}

#header #gnbWrap #cateSub7 ul a {
  color: #777;
}

#header #gnbWrap #cateSub8 {
  position: absolute;
  top: 26px;
  left: 440px;
  width: 122px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bg_ly_gnbEvent2.png") no-repeat left bottom;
}

#header #gnbWrap #cateSub8 .tt_event {
  position: relative;
}

#header #gnbWrap #cateSub8 ul {
  width: 100%;
  font-size: 12px;
  letter-spacing: -1px;
}

#header #gnbWrap #cateSub8 ul a {
  color: #777;
}

#header #gnbWrap #cateSub9 {
  position: absolute;
  top: 26px;
  left: 40px;
  width: 81px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bg_ly_gnbSdEvent.png") no-repeat left bottom;
}

#header #gnbWrap #cateSub9 ul {
  padding: 12px 0 11px 16px;
  width: 63px;
}

#header #gnbWrap #cateSub9 ul li {
  padding-bottom: 3px;
}

#header #gnbWrap #cateSub9 ul li a {
  font-size: 11px;
  color: #777;
  letter-spacing: -1px;
  white-space: nowrap;
}

#header #gnbWrap #cateSub10 {
  position: absolute;
  top: 26px;
  left: -21px;
  width: 338px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bg_ly_gnbEvent.png") no-repeat left bottom;
}

#header #gnbWrap #cateSub10 .tt_event {
  position: relative;
}

#header #gnbWrap #cateSub10 ul {
  width: 100%;
  font-size: 11px;
}

#header #gnbWrap #cateSub10 ul a {
  color: #777;
}

#header #gnbWrap .lay_gnb2 {
  position: absolute;
  left: 0;
  top: 36px;
  width: 338px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bg_ly_gnbEvent.png") no-repeat left bottom;
}

#header #gnbWrap .lay_gnb2 .tt_event {
  position: relative;
  width: 338px;
}

#header #gnbWrap .lay_gnb2 .arrow {
  display: block;
  width: 9px;
  height: 5px;
  position: absolute;
  top: -4px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ly_arrow_gnb.gif") no-repeat left top;
}

#header #gnbWrap .lay_gnb2 ul {
  float: left;
  text-align: left;
  font-size: 11px;
  padding: 12px 0 10px 10px;
  width: 100%;
}

#header #gnbWrap .lay_gnb2 ul li {
  display: block;
  margin-top: 1px;
  padding: 0 0 5px 7px;
  float: none;
  clear: both;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/dot_ly_gnb.gif") no-repeat left 4px;
}

#header #gnbWrap .lay_gnb2 ul li a {
  color: #747474;
}

#header #gnbWrap .lay_gnb2 ul li.on {
  float: left;
  font-weight: bold;
  letter-spacing: -1px;
  padding: 0;
  background: none;
}

#header #gnbWrap .lay_gnb2 ul li.on a {
  color: #4c4c4c;
}

#header #gnbWrap .lay_gnb {
  position: absolute;
  left: 0;
  top: 25px;
  width: 476px;
}

#header #gnbWrap .lay_gnb .tt {
  position: relative;
  width: 476px;
  height: 32px;
  clear: both;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bg_ly_gnb2.png") no-repeat left top;
}

#header #gnbWrap .lay_gnb .bb {
  position: relative;
  width: 476px;
  clear: both;
  overflow: hidden;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/bg_ly_gnb3.png") no-repeat left bottom;
}

#header #gnbWrap .lay_gnb .arrow {
  display: block;
  width: 9px;
  height: 5px;
  position: absolute;
  top: -4px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ly_arrow_gnb.gif") no-repeat left top;
}

#header #gnbWrap .lay_gnb .tit {
  position: absolute;
  left: 16px;
  top: 11px;
}

#header #gnbWrap .lay_gnb .allview {
  position: absolute;
  right: 17px;
  top: 14px;
}

#header #gnbWrap .lay_gnb .banner {
  position: absolute;
  right: 3px;
  top: 0;
}

#header #gnbWrap .lay_gnb .banner img {
  width: 213px;
  height: 97px;
  border-left: 1px solid #efefef;
}

#header #gnbWrap .lay_gnb .ly_all {
  width: 472px;
  margin-left: 1px;
  border-bottom: 1px solid #efefef;
  text-align: left;
  clear: both;
  overflow: hidden;
}

#header #gnbWrap .lay_gnb .ly_bb {
  width: 472px;
  position: relative;
  margin-left: 1px;
  clear: both;
  overflow: hidden;
  display: block;
}

#header #gnbWrap .lay_gnb .ly_cc {
  width: 472px;
  margin: -3px 0 0 1px;
  border-top: 1px solid #efefef;
  clear: both;
  overflow: hidden;
}

#header #gnbWrap .lay_gnb ul {
  float: left;
  text-align: left;
  padding: 12px 0 12px 10px;
  width: 115px;
}

:root #header #gnbWrap .lay_gnb ul {
  padding: 12px 0 12px 10px;
  width: 108px;
}

#header #gnbWrap .lay_gnb ul li {
  display: block;
  padding: 0 0 5px 7px;
  float: none;
  clear: both;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/dot_ly_gnb.gif") no-repeat left 4px;
}

#header #gnbWrap .lay_gnb ul li:first-child {
  display: block;
  padding: 0 0 5px 7px;
  float: none;
  clear: both;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/dot_ly_gnb.gif") no-repeat left 4px;
}

#header #gnbWrap .lay_gnb ul li a {
  color: #747474;
}

#header #gnbWrap .lay_gnb ul li .icon_saleMark {
  display: inline-block;
  width: 38px;
  height: 15px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/icon_saleMark.png") no-repeat center center;
}

#header #gnbWrap .lay_gnb ul li.on {
  float: left;
  font-weight: bold;
  letter-spacing: -1px;
  padding: 0;
  background: none;
}

#header #gnbWrap .lay_gnb ul li.on a {
  color: #4c4c4c;
}

#header #gnbWrap .lay_gnb ul.ebok {
  position: relative;
}

#header #gnbWrap .lay_gnb ul.ebok li {
  float: left;
  width: 108px;
  text-align: left;
  padding: 0 0 2px 7px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/dot_ly_gnb.gif") no-repeat left 4px;
}

#header #gnbWrap .lay_gnb ul.ebok li a {
  color: #747474;
  text-align: left;
}

#header #gnbWrap .lay_gnb ul.ebok li.on {
  float: left;
  font-weight: bold;
  letter-spacing: -1px;
  text-align: left;
  padding: 0;
  background: none;
}

#header #gnbWrap .lay_gnb ul.ebok li.on a {
  color: #4c4c4c;
}

#header #gnbWrap .lay_gnb ul.event {
  float: left;
  text-align: left;
  padding: 12px 0 12px 10px;
  width: 100%;
}

#header #gnbWrap .lay_gnb ul.event li {
  display: block;
  padding: 0 0 5px 7px;
  float: none;
  clear: both;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/dot_ly_gnb.gif") no-repeat left 4px;
}

#header #gnbWrap .lay_gnb ul.event li a {
  color: #747474;
}

#header #gnbWrap .lay_gnb ul.event li.on {
  float: left;
  font-weight: bold;
  letter-spacing: -1px;
  padding: 0;
  background: none;
}

#header #gnbWrap .lay_gnb ul.event li.on a {
  color: #4c4c4c;
}

#header #gnbWrap .gnb_center {
  position: absolute;
  right: 190px;
  top: 11px;
}

#header #gnbWrap .gnb_center li {
  display: inline;
  float: left;
  padding: 0 10px 11px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb_1401/bar_gnb2.gif") no-repeat left 2px;
}

#header #gnbWrap .gnb_center li:first-child {
  background: none;
  padding: 0 10px 11px;
}

#header #gnbWrap .gnb_center li.bgNone {
  background: none;
  padding: 0 10px 11px;
}

#header #gnbWrap .gnb_center li .nService {
  margin-top: -8px;
}

#header #gnbWrap .gnb_center li.bdb {
  display: inline-block;
  margin-top: 4px;
  float: left;
  height: 28px;
}

/* right Ranking Add */
#header #gnbWrap #RankingList a {
  display: block;
  color: #fff;
  cursor: hand;
}

#header #gnbWrap #RankingList a:hover {
  color: #fff;
  text-decoration: none;
}

#header #gnbWrap .gnb_right {
  position: absolute;
  right: 0;
  width: 180px;
  z-index: 7;
  text-align: left;
  height: 25px;
}

#header #gnbWrap .gnb_right .rightRanking {
  position: absolute;
  top: 5px;
  right: 0;
  width: 180px;
  z-index: 7;
  height: 25px;
  overflow: hidden;
}

#header #gnbWrap .gnb_right ol.rankRoll {
  width: 170px;
  margin: 5px;
}

#header #gnbWrap .gnb_right ol.rankRoll li {
  width: 170px;
  line-height: 20px;
  height: 24px;
  font-size: 11px;
  vertical-align: middle;
}

#header #gnbWrap .gnb_right ol.rankRoll li:after {
  +zoom: 1;
}

#header #gnbWrap .gnb_right ol.rankRoll li:after {
  content: "";
  display: block;
  clear: both;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gNum {
  float: left;
  width: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 4px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/gnb_num.png") no-repeat left top;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gn01 {
  width: 16px;
  height: 16px;
  background-position: 0 0;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gn02 {
  width: 16px;
  height: 16px;
  background-position: 0 -20px;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gn03 {
  width: 16px;
  height: 16px;
  background-position: 0 -40px;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gn04 {
  width: 16px;
  height: 16px;
  background-position: 0 -60px;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gn05 {
  width: 16px;
  height: 16px;
  background-position: 0 -80px;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gn06 {
  width: 16px;
  height: 16px;
  background-position: 0 -100px;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gn07 {
  width: 16px;
  height: 16px;
  background-position: 0 -120px;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gn08 {
  width: 16px;
  height: 16px;
  background-position: 0 -140px;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gn09 {
  width: 16px;
  height: 16px;
  background-position: 0 -160px;
}

#header #gnbWrap .gnb_right ol.rankRoll li .gn10 {
  width: 16px;
  height: 16px;
  background-position: 0 -180px;
}

/*
#header #gnbWrap .gnb_right ol.rankRoll li .subTit{float:left;width:97px;padding:0 0 0 5px;line-height:18px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#header #gnbWrap .gnb_right ol.rankRoll li .date{float:left;width:43px;text-align:right;color:#cccaca;}*/
#header #gnbWrap .gnb_right ol.rankRoll li .subTit {
  float: left;
  width: 140px;
  padding: 0 0 0 5px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#header #gnbWrap .gnb_right ol.rankRoll li .date {
  display: none;
  float: left;
  width: 43px;
  text-align: right;
  color: #cccaca;
}

#header #gnbWrap .rankLayBox {
  position: absolute;
  right: 0;
  margin: 0;
  top: 0;
  padding: 0;
  width: 182px;
  font-size: 11px;
  border: 2px solid #c82626;
  background: #fff;
  z-index: 9;
}

#header #gnbWrap .rankLayBox .rankTit {
  position: relative;
  padding: 10px 0;
  height: 25px;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  margin-bottom: 10px;
}

:root #header #gnbWrap .rankLayBox .rankTit {
  height: 25px;
  padding: 0;
}

#header #gnbWrap .rankLayBox .rankTit p {
  margin-top: 10px;
  font-weight: bold;
  color: #666;
}

#header #gnbWrap .rankLayBox .rankTit a:hover {
  color: #da6464;
}

#header #gnbWrap .rankLayBox ol.rankList {
  width: 165px;
  margin: 10px;
  font-size: 11px;
}

#header #gnbWrap .rankLayBox ol.rankList:after {
  +zoom: 1;
}

#header #gnbWrap .rankLayBox ol.rankList:after {
  content: "";
  display: block;
  clear: both;
}

#header #gnbWrap .rankLayBox ol.rankList li {
  width: 165px;
  line-height: 20px;
  font-size: 11px;
  color: #333;
  background: none;
}

#header #gnbWrap .rankLayBox ol.rankList a {
  display: block;
  color: #333;
  cursor: hand;
  font-size: 11px;
}

#header #gnbWrap .rankLayBox ol.rankList a:hover {
  color: #e44;
  text-decoration: none;
}

#header #gnbWrap .rankLayBox ol.rankList li .rNum {
  float: left;
  width: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 2px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/gnb_num.png") no-repeat left top;
}

#header #gnbWrap .rankLayBox ol.rankList li .rn01 {
  width: 16px;
  height: 16px;
  background-position: -20px 0;
}

#header #gnbWrap .rankLayBox ol.rankList li .rn02 {
  width: 16px;
  height: 16px;
  background-position: -20px -20px;
}

#header #gnbWrap .rankLayBox ol.rankList li .rn03 {
  width: 16px;
  height: 16px;
  background-position: -20px -40px;
}

#header #gnbWrap .rankLayBox ol.rankList li .rn04 {
  width: 16px;
  height: 16px;
  background-position: -20px -60px;
}

#header #gnbWrap .rankLayBox ol.rankList li .rn05 {
  width: 16px;
  height: 16px;
  background-position: -20px -80px;
}

#header #gnbWrap .rankLayBox ol.rankList li .rn06 {
  width: 16px;
  height: 16px;
  background-position: -20px -100px;
}

#header #gnbWrap .rankLayBox ol.rankList li .rn07 {
  width: 16px;
  height: 16px;
  background-position: -20px -120px;
}

#header #gnbWrap .rankLayBox ol.rankList li .rn08 {
  width: 16px;
  height: 16px;
  background-position: -20px -140px;
}

#header #gnbWrap .rankLayBox ol.rankList li .rn09 {
  width: 16px;
  height: 16px;
  background-position: -20px -160px;
}

#header #gnbWrap .rankLayBox ol.rankList li .rn10 {
  width: 16px;
  height: 16px;
  background-position: -20px -180px;
}

/*
#header #gnbWrap .rankLayBox ol.rankList li .subTit{float:left;width:100px;padding:0 0 0 5px;line-height:18px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#header #gnbWrap .rankLayBox ol.rankList li .date{float:left;width:30px;text-align:right;color:#54a9ef;}
#header #gnbWrap .rankLayBox ol.rankList li .vol{float:left;width:10px;text-align:right;color:#666;}
#header #gnbWrap .rankLayBox ul.dayCount{font-size: 11px;line-height:16px;}
#header #gnbWrap .rankLayBox ul.dayCount li.dayTxt{color:#4d4d4d;margin-top:10px;padding:0 5px 0 10px; background:url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_arrow.gif") no-repeat 5px 6px;}*/
#header #gnbWrap .rankLayBox ol.rankList li .subTit {
  float: left;
  width: 140px;
  padding: 0 0 0 5px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#header #gnbWrap .rankLayBox ol.rankList li .date {
  display: none;
  float: left;
  width: 30px;
  text-align: right;
  color: #54a9ef;
}

#header #gnbWrap .rankLayBox ol.rankList li .vol {
  display: none;
  float: left;
  width: 10px;
  text-align: right;
  color: #666;
}

#header #gnbWrap .rankLayBox ul.dayCount {
  font-size: 11px;
  line-height: 16px;
}

#header #gnbWrap .rankLayBox ul.dayCount li.dayTxt {
  display: none;
  color: #4d4d4d;
  margin-top: 10px;
  padding: 0 5px 0 10px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/gnb/ico_arrow.gif") no-repeat 5px 6px;
}

#header #gnbWrap .rankLayBox ul.dayCount li.dateTxt {
  float: right;
  color: #999;
  padding: 3px 10px 10px 0;
}

#header #auto {
  z-index: 1000;
  position: absolute;
  left: 256px;
  top: 46px;
  padding: 10px;
  width: 690px;
  line-height: 17px;
  overflow: hidden;
  border: 1px solid #999;
  background: #fff;
}

#header #auto .select {
  float: left;
  width: 435px;
}

#header #auto .select ul {
  width: 420px;
  padding-bottom: 5px;
}

#header #auto .select ul li {
  padding: 3px 3px 0 10px;
}

#header #auto .select ul li.on {
  font-weight: bold;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/ico_selectArrow.gif") no-repeat right 5px;
}

#header #auto .select ul li.on a {
  color: #333;
}

#header #auto .select ul li span {
  color: #b84646;
}

#header #auto .select ul.pub {
  border-top: 1px solid #ebebeb;
  font-size: 11px;
  padding-top: 8px;
}

#header #auto .select ul.pub li {
  color: #03b1ce;
}

#header #auto h3 a {
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
}

#header #auto h3 a b {
  color: #03b1ce;
}

#header #auto h3 a span {
  color: #b84646;
}

#header #auto h4 {
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 3px;
}

#header #auto .his {
  float: right;
  padding: 5px 3px 30px 15px;
  display: none;
  width: 228px;
  border-left: 1px solid #ebebeb;
}

#header #auto .his ul li {
  padding-bottom: 5px;
}

#header #auto .his ul li:hover {
  font-weight: bold;
  letter-spacing: -1px;
}

#header #auto .book {
  float: right;
  padding: 5px 3px 25px 15px;
  width: 228px;
  border-left: 1px solid #ebebeb;
}

#header #auto .book dl {
  font-size: 11px;
}

#header #auto .book dl dt {
  text-align: center;
}

#header #auto .book dl dt img {
  border: 1px solid #bbb;
  width: 102px;
}

#header #auto .book dl dt span {
  position: absolute;
  margin: -5px 0 0 -5px;
  width: 38px;
  height: 38px;
  overflow: hidden;
  text-indent: -999px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/ico_writer_book.png") no-repeat left top;
}

#header #auto .book dl dd {
  text-align: center;
}

#header #auto .book dl dd p.tit {
  font-weight: bold;
  color: #333;
  font-size: 12px;
}

#header #auto .book dl dd p.num {
  padding-bottom: 3px;
}

#header #auto .book dl dd p.num span {
  font-size: 0;
  line-height: 0;
  padding-right: 5px;
}

#header #auto .book .price b {
  font-size: 12px;
  color: #dd5656;
}

#header #auto .book .price span {
  font-size: 12px;
  color: #2ba5e4;
}

#header #auto .book .priceNew {
  font-size: 12px;
  color: #c10000;
  font-weight: bold;
}

#header #auto .book .priceNew span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}

#header #auto .book .btn {
  clear: both;
  padding: 7px 0 0 0;
  text-align: center;
}

#header #auto .option {
  text-align: right;
  clear: both;
  width: 215px;
  position: absolute;
  right: 18px;
  bottom: 10px;
  padding-top: 4px;
}

#header #auto .option img {
  cursor: pointer;
}

#header #auto a:hover {
  color: #333;
  text-decoration: none;
}

.autoSearchBox02 {
  position: absolute;
  width: 500px;
  z-index: 10000000;
  padding: 5px;
  margin: -6px 0 0 0;
  border: 1px solid #cfcfcf;
  background-color: #f4f4f4;
}

:root .autoSearchBox02 {
  margin: 25px 0 0 0;
}

.autoSearchBox02 .topT01 {
  width: 100%;
}

.autoSearchBox02 .topT01 td.td01 {
  font-weight: bold;
  padding-left: 5px;
  width: 245px;
}

.autoSearchBox02 .topT01 td.td02 {
  color: #777;
  font-size: 11px;
  padding-bottom: 3px;
}

.autoSearchBox02 .topT01 td.td02 input {
  vertical-align: -1px;
}

.autoSearchBox02 .topT01 td.td03 {
  padding-bottom: 3px;
  text-align: right;
}

.autoSearchBox02 .tleAutoSearchBg {
  background-color: #fff;
  padding: 11px;
  overflow: hidden;
  border: 1px solid #a6a3a3;
}

.autoSearchBox02 .tleAutoSearchBg .off {
  width: 470px;
  overflow: auto;
  text-align: center;
  padding-top: 50px;
  background: url("//qi-b.qoo10cdn.com/renewSearch/searchCommon/ico_autoSearch01.gif") no-repeat 60px 30px;
}

.autoSearchBox02 .tleAutoSearchBg .off p.txt01 {
  padding-bottom: 30px;
}

.autoSearchBox02 .tleAutoSearchBg .off p.txt02 {
  color: #c55f80;
  font-weight: bold;
  padding-bottom: 20px;
}

.autoSearchBox02 .tleAutoSearchBg .on {
  width: 470px;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT {
  width: 100%;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.left {
  width: 235px;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.left ul {
  line-height: 16px;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.left ul li {
  padding: 3px 0 1px 5px;
  margin-right: 10px;
  color: #888;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.left ul li span {
  color: #c55f80;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.left ul li.liOver {
  cursor: pointer;
  background-color: #f6f6f6;
  color: #333;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.left ul li.liOff {
  cursor: pointer;
  background-color: #fff;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.right {
  width: 235px;
  padding: 0 0 0 12px;
  border-left: 1px solid #ddd;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.right table.rT01 {
  width: 100%;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.right table.rT01 td.img {
  padding-right: 10px;
  text-align: left;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.right table.rT01 td.img img {
  border: 2px solid #cfcfcf;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.right table.rT01 td.txt p.txt01 {
  font-weight: bold;
  padding-right: 14px;
}

.autoSearchBox02 .tleAutoSearchBg table.wrapT td.right table.rT01 td.txt p.txt02 {
  font-weight: normal;
  padding-right: 14px;
}

.autoSearchBox02 .tleAutoSearchBg table.rT02 {
  width: 100%;
  margin: 7px 0 0 0;
}

.autoSearchBox02 .tleAutoSearchBg table.rT02 td.bg {
  width: 100%;
  background-color: #f4f4f4;
  text-align: center;
  padding: 10px 0 7px 0;
}

.autoSearchBox02 .tleAutoSearchBg table.rT02 td.bg p.price {
  padding-bottom: 3px;
}

.autoSearchBox02 .tleAutoSearchBg table.rT02 td.bg p.price span.txt01 {
  text-decoration: line-through;
}

.autoSearchBox02 .tleAutoSearchBg table.rT02 td.bg p.price span.txt02 {
  font-weight: bold;
  color: #a03744;
}

#auto {
  padding: 10px;
  display: none;
  line-height: 17px;
  left: 0;
  z-index: 10000;
  top: 32px;
  overflow: hidden;
  position: absolute;
  border: 1px solid #999;
  background: #fff;
  width: 690px;
}

#auto .select {
  width: 435px;
  float: left;
}

#auto .select ul {
  width: 420px;
  padding-bottom: 5px;
}

#auto .select ul li {
  padding: 3px 3px 0 10px;
}

#auto .select ul li.on {
  font-weight: bold;
  background: url("//qi-b.qoo10cdn.com/renewPark/search/arrow_auto1.gif") no-repeat right 5px;
}

#auto .select ul li.on a {
  color: #333;
}

#auto .select ul li span {
  color: #b84646;
}

#auto .select ul.pub {
  border-top: 1px solid #ebebeb;
  font-size: 11px;
  padding-top: 8px;
}

#auto .select ul.pub li {
  color: #03b1ce;
}

#auto h3 a {
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
}

#auto h3 a b {
  color: #03b1ce;
}

#auto h3 a span {
  color: #b84646;
}

#auto h4 {
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 3px;
}

#auto .his {
  float: right;
  padding: 5px 3px 30px 15px;
  display: none;
  width: 228px;
  border-left: 1px solid #ebebeb;
}

#auto .his ul li {
  padding-bottom: 5px;
}

#auto .his ul li:hover {
  font-weight: bold;
  letter-spacing: -1px;
}

#auto .book {
  float: right;
  padding: 5px 3px 25px 15px;
  width: 228px;
  border-left: 1px solid #ebebeb;
}

#auto .book dl {
  font-size: 11px;
}

#auto .book dl dt {
  text-align: center;
}

#auto .book dl dt img {
  border: 1px solid #bbb;
  width: 102px;
}

#auto .book dl dt span {
  position: absolute;
  margin: -5px 0 0 -5px;
  width: 38px;
  height: 38px;
  overflow: hidden;
  text-indent: -999px;
  background: url("//qi-b.qoo10cdn.com/renewPark/search/ico_writer_book.png") no-repeat left top;
}

#auto .book dl dd {
  text-align: center;
}

#auto .book dl dd p.tit {
  font-weight: bold;
  color: #333;
  font-size: 12px;
}

#auto .book dl dd p.num {
  padding-bottom: 3px;
}

#auto .book dl dd p.num span {
  font-size: 0;
  line-height: 0;
  padding-right: 5px;
}

#auto .book .price b {
  font-size: 12px;
  color: #dd5656;
}

#auto .book .price span {
  font-size: 12px;
  color: #2ba5e4;
}

#auto .book .priceNew {
  font-size: 12px;
  color: #c10000;
  font-weight: bold;
}

#auto .book .priceNew span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}

#auto .book .btn {
  clear: both;
  padding: 7px 0 0 0;
  text-align: center;
}

#auto .option {
  text-align: right;
  clear: both;
  width: 215px;
  position: absolute;
  right: 18px;
  bottom: 10px;
  padding-top: 4px;
}

#auto .option img {
  cursor: pointer;
}

#auto a:hover {
  color: #333;
  text-decoration: none;
}

/* ----------------------------------------------- New Auto Search ------------------------------------------------------------*/
#autoNew {
  z-index: 10000;
  display: none;
  position: absolute;
  left: 256px;
  top: 47px;
  padding: 10px 10px 10px 0;
  width: 625px;
  line-height: 17px;
  overflow: hidden;
  border: 1px solid #999;
  background-color: #fff;
}

#autoNew:after {
  content: "";
  display: block;
  clear: both;
}

#autoNew .autoListArea {
  float: left;
  width: 388px;
  min-height: 270px;
  height: 100%;
}

#autoNew .autoListArea ul.autoList {
  width: 388px;
  padding-bottom: 5px;
}

#autoNew .autoListArea ul.autoList li {
  padding: 2px 3px 2px 13px;
}

#autoNew .autoListArea ul.autoList li span {
  color: #b84646;
}

/*#autoNew .autoList a.maintainHover {background-color: #f4f4f4;}        */
#autoNew .autoListArea ul.autoPubList {
  width: 375px;
  padding: 8px 0 5px 0;
  margin: 0 0 0 13px;
  border-top: 1px solid #ebebeb;
}

#autoNew .autoListArea ul.autoPubList li {
  padding: 2px 3px 2px 1px;
  color: #03b1ce;
  font-size: 11px;
  letter-spacing: -1px;
}

#autoNew .autoListArea ul.autoPubList li p {
  width: 340px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#autoNew .autoListArea ul.autoPubList li span {
  color: #b84646;
}

#autoNew .autoListArea ul.autoList li p a:hover,
#autoNew .autoListArea ul.autoPubList li p a:hover {
  text-decoration: none;
}

#autoNew .autoListArea ul.autoList li p {
  width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#autoNew .autoListArea .maintainHover {
  width: 372px;
  font-weight: bold;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/ico_selectArrow.gif") no-repeat right 6px #f4f4f4;
}

#autoNew .autoListArea .maintainHover {
  color: #333;
}

#autoNew .autoBookArea {
  float: left;
  position: relative;
  width: 237px;
  min-height: 270px;
  /*height:280px;*/
  padding: 5px 0;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/lyAutoBox_line2.gif") repeat-y left center;
}

#autoNew .autoBookArea ul.autoBook {
  /*position:absolute;left:5px;top:5px;*/
  width: 240px;
  /*height:270px;*/
}

#autoNew .autoBookArea ul.autoBook li {
  padding: 3px 3px 0 10px;
}

#autoNew .autoBookArea ul.autoBook li.autoOver {
  min-height: 280px;
  display: none;
}

#autoNew .autoBookArea ul.autoPubBook {
  /*position:absolute;left:5px;top:5px;*/
  width: 240px;
  /* height:270px;*/
}

#autoNew .autoBookArea ul.autoPubBook li {
  padding: 3px 3px 0 10px;
}

#autoNew .autoBookArea ul.autoPubBook li.autoOver {
  /*min-height:280px;*/
  display: none;
}

#autoNew .autoBookArea .autoHistory {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 240px;
  height: 270px;
}

#autoNew .pubHis .title_h3 {
  width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#autoNew .pubHis .title_h3 a {
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
}

#autoNew .pubHis .title_h3 a b {
  color: #03b1ce;
}

#autoNew .pubHis .title_h3 a span {
  color: #b84646;
}

#autoNew .pubHis ul.hisList {
  width: 220px;
  margin-top: 10px;
}

#autoNew .pubHis ul.hisList li {
  padding: 3px 3px 0 5px;
}

#autoNew .pubHis ul.hisList li p {
  width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#autoNew .autoOver .title_h2 {
  width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#autoNew .autoOver .title_h2 a {
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
}

#autoNew .autoOver .title_h2 a b {
  color: #03b1ce;
}

#autoNew .autoOver .title_h2 a span {
  color: #b84646;
}

#autoNew .autoOver .info {
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 3px;
  width: 225px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#autoNew .autoOver .picWrap {
  position: relative;
  width: 110px;
  height: 145px;
  margin: 10px auto 0 auto;
}

#autoNew .autoOver .picWrap .bdBox {
  position: absolute;
  left: 0;
  bottom: 0;
}

#autoNew .autoOver .picWrap .singleImg {
  font-size: 0;
  line-height: 0;
  height: 145px;
}

#autoNew .autoOver .picWrap .singleImg .overBtnBox {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 110px;
  height: 145px;
  z-index: 15;
}

#autoNew .autoOver .picWrap .singleImg .overBtnBox .bt_goDetail {
  display: inline-block;
  margin: 60px 0 0 12px;
  width: 88px;
  height: 26px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/bt_lyGoProd.png") no-repeat left center;
}

#autoNew .autoOver .picWrap .singleImg .bd {
  position: relative;
  width: 108px;
  height: 143px;
  border: 1px solid #f2f2f2;
  z-index: 2;
}

#autoNew .autoOver .picWrap .singleImg .imgBox {
  position: relative;
  width: 110px;
  height: 145px;
  z-index: 6;
}

#autoNew .autoOver .picWrap .mk_majorWork {
  position: absolute;
  margin: -5px 0 0 -5px;
  width: 38px;
  height: 38px;
  overflow: hidden;
  text-indent: -999px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/ico_writer_book.png") no-repeat left top;
  z-index: 10;
}

#autoNew .autoOver .picWrap .setImg {
  display: table;
  font-size: 0;
  line-height: 0;
  height: 100%;
  margin-left: -10px;
  overflow: hidden;
  cursor: pointer;
}

#autoNew .autoOver .picWrap .setImg .overBtnBox {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 110px;
  height: 145px;
  z-index: 15;
}

#autoNew .autoOver .picWrap .setImg .overBtnBox .bt_goDetail {
  display: inline-block;
  margin: 60px 0 0 12px;
  width: 88px;
  height: 26px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/bt_lyGoProd.png") no-repeat left center;
}

#autoNew .autoOver .picWrap .setImg .bd {
  position: relative;
  width: 130px;
  max-height: 145px;
  border: none;
  z-index: 2;
}

#autoNew .autoOver .picWrap .setImg .imgBox {
  display: table-cell;
  position: relative;
  max-width: 130px;
  max-height: 145px;
  vertical-align: middle;
  z-index: 6;
}

#autoNew .autoOver .picWrap .setImg .bd {
  position: relative;
  width: 130px;
  max-height: 145px;
  border: none;
  z-index: 2;
}

#autoNew .starBox {
  display: inline-block;
  width: 62px;
  margin: 7px 0 2px 85px;
  height: 11px;
  text-align: center;
}

#autoNew .starBox div {
  margin-left: 0;
  display: inline-block;
  height: 11px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/mk_autoStar.png") no-repeat -9999px -9999px;
}

#autoNew .starBox span {
  display: inline-block;
  height: 11px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/mk_autoStar.png") no-repeat -9999px -9999px;
}

#autoNew .starBox .starMk_off {
  position: relative;
  float: left;
  width: 62px;
  height: 11px;
  background-position: 0 0;
  margin-top: 1px;
}

#autoNew .starBox .starMk_on0 {
  width: 0%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .starBox .starMk_on1 {
  width: 10%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .starBox .starMk_on2 {
  width: 20%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .starBox .starMk_on3 {
  width: 30%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .starBox .starMk_on4 {
  width: 40%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .starBox .starMk_on5 {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .starBox .starMk_on6 {
  width: 60%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .starBox .starMk_on7 {
  width: 70%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .starBox .starMk_on8 {
  width: 80%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .starBox .starMk_on9 {
  width: 90%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .starBox .starMk_on10 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 -11px;
}

#autoNew .autoOver .priceBox {
  clear: both;
  width: 240px;
  text-align: center;
}

#autoNew .autoOver .priceBox .price b {
  font-size: 12px;
  color: #dd5656;
}

#autoNew .autoOver .priceBox .price span {
  font-size: 12px;
  color: #2ba5e4;
}

#autoNew .autoOver .priceBox .priceNew {
  font-size: 12px;
  color: #c10000;
  font-weight: bold;
  margin-bottom: 10px;
}

#autoNew .autoOver .priceBox .priceNew span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}

#autoNew .autoOver .priceBox .soldOut {
  font-size: 12px;
  color: #c10000;
  font-weight: bold;
}

#autoNew .autoOver .priceBox .outOfPrint {
  font-size: 12px;
  color: #c10000;
  font-weight: bold;
}

#autoNew .autoOver .autoLayerBtn {
  clear: both;
  padding: 0;
  text-align: center;
  margin: 0 0 10px 0;
}

#autoNew .autoOver .autoLayerBtn a.btn_prdDetail {
  display: inline-block;
  width: 95px;
  height: 24px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/btn_auto_detail.gif") no-repeat left center;
  text-indent: -9999px;
}

#autoNew .autoOver .autoLayerBtn a.btn_autoBcart {
  display: inline-block;
  width: 95px;
  height: 24px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/btn_auto_bookCart.gif") no-repeat left center;
  text-indent: -9999px;
}

#autoNew .autoOver .his {
  float: right;
  padding: 5px 3px 30px 15px;
  display: none;
  width: 228px;
  border-left: 1px solid #ebebeb;
}

#autoNew .autoOver .his ul li {
  padding-bottom: 5px;
}

#autoNew .autoOver .his ul li:hover {
  font-weight: bold;
  letter-spacing: -1px;
}

#autoNew .optionBtnBox {
  text-align: right;
  clear: both;
  width: 215px;
  position: absolute;
  right: 15px;
  bottom: 10px;
  padding-top: 4px;
}

#autoNew .optionBtnBox img {
  cursor: pointer;
}

#autoNew .optionBtnBox a.btn_searchEnd {
  display: inline-block;
  width: 42px;
  height: 11px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/btn_auto_stop.gif") no-repeat left top;
  font-size: 0;
  line-height: 0;
}

#autoNew .optionBtnBox a.btn_searchClose {
  display: inline-block;
  width: 32px;
  height: 11px;
  background: url("//qi-b.qoo10cdn.com/renewPark/reBookpark/header/autoLayer/btn_auto_close.gif") no-repeat left top;
  font-size: 0;
  line-height: 0;
}