/*---------------------------------------------------------------------------- 제 목 : 최종상세 | 작성일 : 2014-04-07 적용범위 : **** 최종상세 사용 **** 소 속 : InterPark Book(인터파크 도서) | 작성자 : Jisun Lim ---------------------------------------------------------------------------------------- */ /*구매 시스템 버튼 */ a.buttonGray {border:1px solid #444;border-top:0;border-left:0;background-color:#666;display:inline-block;} .buttonGray {width:111px;height:27px;margin:0 6px 6px 0;padding:12px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;text-decoration:none} a.buttonGrayLong {border:1px solid #444;border-top:0;border-left:0;background-color:#666;display:inline-block;} .buttonGrayLong {width:228px;height:27px;margin:0 6px 6px 0;padding:12px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;text-decoration:none} a.buttonRed {border:1px solid #b82920;border-top:0;border-left:0;background-color:#e15148;display:inline-block;} .buttonRed {width:111px;height:27px;margin:0 6px 6px 0;padding:12px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;text-decoration:none} a.buttonWhite {border:1px solid #999;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;display:inline-block;} .buttonWhite {width:110px;height:20px;margin:0 6px 6px 0;padding:6px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;text-decoration:none} a.buttonWhite2 {border:1px solid #999;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;display:inline-block;} .buttonWhite2 {width:80px;height:20px;margin:0 6px 6px 0;padding:6px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;text-decoration:none} a.buttonWhiteLong {border:1px solid #999;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;display:inline-block;} .buttonWhiteLong {width:228px;height:20px;margin:0 6px 6px 0;padding:6px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;text-decoration:none} a.buttonBlue {border:1px solid #0c73a5;border-top:1px solid #17a9ef;border-left:1px solid #17a9ef;background-color:#1da4e5;display:inline-block;} .buttonBlue {width:110px;height:20px;margin:0 6px 6px 0;padding:6px 0 0 0px;text-align:center;font-weight:bold;color:#fff;font-size:12px;text-decoration:none} a.buttonR {position:relative;border:1px solid #9b1007;border-top:1px solid #c52319;border-left:1px solid #c52319;background-color:#c52319;display:inline-block;} .buttonR {width:52px;height:20px;margin:0 6px 6px 0;padding:6px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;color:#fff;text-decoration:none} a.buttonAmeri {position:relative;border:1px solid #999;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;display:inline-block;0} .buttonAmeri {width:95px;height:20px;margin:0 6px 6px 0;padding:6px 15px 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;text-decoration:none} a.buttonAmeriOff {position:relative;border:1px solid #ddd;background-color:#fff;display:inline-block;} .buttonAmeriOff {width:95px;height:20px;margin:0 6px 6px 0;padding:6px 15px 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;text-decoration:none} a.buttonAmeri2 {position:relative;border:1px solid #999;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;display:inline-block;} .buttonAmeri2 {width:80px;height:20px;margin:0 6px 6px 0;padding:6px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:11px;text-decoration:none} a.buttonAmeri2Off {position:relative;border:1px solid #ddd;background-color:#fff;display:inline-block;} .buttonAmeri2Off {width:80px;height:20px;margin:0 6px 6px 0;padding:6px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:11px;text-decoration:none} a.buttonRedPop {border:1px solid #b82920;border-top:0;border-left:0;background-color:#e15148;display:inline-block;} .buttonRedPop {width:101px;height:19px;margin:0 6px 6px 0;padding:20px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;text-decoration:none} a.buttonWhirePop {border:1px solid #999;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;display:inline-block;} .buttonWhirePop {width:69px;height:19px;margin:0 6px 6px 0;padding:20px 0 0 0px;text-align:center;font-weight:bold;color:#666;font-size:12px;text-decoration:none} a:link.buttonGray, a:visited.buttonGray, a:active.buttonGray, a:hover.buttonGray {font-weight:bold;color:#fff;font-size:14px;text-decoration:none} a:link.buttonGrayLong, a:visited.buttonGrayLong, a:active.buttonGrayLong, a:hover.buttonGrayLong {font-weight:bold;color:#fff;font-size:14px;text-decoration:none} a:link.buttonRed, a:visited.buttonRed, a:active.buttonRed, a:hover.buttonRed {font-weight:bold;color:#fff;font-size:14px;text-decoration:none} a:link.buttonRedPop, a:visited.buttonRedPop, a:active.buttonRedPop, a:hover.buttonRedPop {font-weight:bold;color:#fff;font-size:12px;text-decoration:none} a:link.buttonWhirePop, a:visited.buttonWhirePop, a:active.buttonWhirePop, a:hover.buttonWhirePop {font-weight:bold;color:#666;font-size:12px;text-decoration:none} a:link.buttonR, a:visited.buttonR, a:active.buttonR, a:hover.buttonR {font-weight:bold;color:#fff;font-size:16px;text-decoration:none} a:link.buttonWhite, a:visited.buttonWhite, a:active.buttonWhite, a:hover.buttonWhite {font-weight:bold;color:#444;font-size:11px;text-decoration:none} a:link.buttonWhite2, a:visited.buttonWhite2, a:active.buttonWhite2, a:hover.buttonWhite2 {font-weight:bold;color:#444;font-size:11px;text-decoration:none} a:link.buttonWhiteLong, a:visited.buttonWhiteLong, a:active.buttonWhiteLong, a:hover.buttonWhiteLong {font-weight:bold;color:#444;font-size:11px;text-decoration:none} a:link.buttonAmeri, a:visited.buttonAmeri, a:active.buttonAmeri, a:hover.buttonAmeri{font-weight:bold;color:#444;font-size:11px;text-decoration:none} a:link.buttonAmeriOff, a:visited.buttonAmeriOff, a:active.buttonAmeriOff, a:hover.buttonAmeriOff{font-weight:bold;color:#ccc;font-size:11px;text-decoration:none} a:link.buttonAmeri2, a:visited.buttonAmeri2, a:active.buttonAmeri2, a:hover.buttonAmeri2{font-weight:bold;color:#444;font-size:11px;text-decoration:none} a:link.buttonAmeri2Off, a:visited.buttonAmeri2Off, a:active.buttonAmeri2Off, a:hover.buttonAmeri2Off{font-weight:bold;color:#ccc;font-size:11px;text-decoration:none} a:link.buttonBlue, a:visited.buttonBlue, a:active.buttonBlue, a:hover.buttonBlue {font-weight:bold;color:#fff;font-size:11px;text-decoration:none} /*-------------------------------------- btn Ctrl -------------------------------------- */ .ctrl_btProd{display:inline-block;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/prodBtn_ver1.png) no-repeat left top;text-indent: -9999px;} /*북카트담기*/ .bt_bookCart {width:112px;height:40px;margin:0 0 5px 0;background-position: 0px 0px;} /*바로구매*/ .bt_baroPurch {width:112px;height:40px;margin:0 0 5px 5px;background-position: 0px -50px;} /*일시품절*/ .bt_runOut {width:230px;height:40px;margin:0 0 5px 0;background-position: 0px -260px;} /*절판*/ .bt_beOut {width:230px;height:40px;margin:0 0 5px 0;background-position: 0px -210px;} /*구매중지*/ .bt_stopPurch {width:230px;height:40px;margin:0 0 5px 0;background-position: 0px -310px;} /*대여하기*/ .bt_rental {width:112px;height:40px;margin:0 0 5px 5px;background-position: 0px -100px;} /*위시리스트담기*/ .bt_wishlist {width:112px;height:28px;margin:0 0 5px 0;background-position: -120px 0px;} /*위시리스트긴거*/ .bt_wishlist_long {width:230px;height:28px;margin:0 0 5px 0;background-position:0 -360px;} /* 전체레이어 닫기 */ .bigLayer_close{position:absolute;right:-3px;top:-40px;width:39px;height:40px;background-position: -500px -0;} /* 북카트담기 */ .bt_LayerBookCart {width:102px;height:40px;background-position: 0 -150px;} /* 상세정보 */ .bt_LayerDetail {width:75px;height:45px;margin-left:5px;background-position: 0 -425px;} /*미주 직접배송*/ .bt_americaShip {width:112px;height:28px;margin:0 0 5px 5px;background-position: -120px -40px;} /*미주 직접_out*/ .bt_americaShip_out {width:112px;height:28px;margin:0 0 5px 5px;background-position: -120px -160px;} /*최저가설계*/ .bt_lowest {width:112px;height:28px;margin:0 0 5px 5px;background-position: -120px -80px;} /*모바일구매*/ .bt_mobile {width:112px;height:28px;margin:0 0 5px 5px;background-position: -120px -120px;} /*구매하기*/ .bt_purch {width:56px;height:18px;vertical-align:-4px;margin-left:5px;background-position: -260px 0px;} /*지역변경*/ .bt_localChange {width:46px;height:15px;vertical-align:middle;margin-left:5px;background-position: -260px -25px;} /*리뷰쓰기*/ .bt_review {width:59px;height:15px;background-position: -260px -50px;} /*얼리버드리뷰 쓰기*/ .bt_earlyReview {width:94px;height:15px;background-position: -260px -70px;} /*얼리리뷰쓰기 쓰기2 */ .bt_earlyWrite {width:74px;height:15px;background-position: -260px -180px;} /*중고등록SMS신청*/ .bt_oldSNS {width:113px;height:18px;margin-left:10px;background-position: -260px -100px;} /*신작알림SMS신청*/ .bt_seriesSMS {width:96px;height:15px;vertical-align:middle;margin-left:10px;background-position: -260px -405px;} /*판매알리SMS신청*/ .bt_saleStart {width:97px;height:18px;margin-left:10px;vertical-align: middle; background-position: -260px -285px;} /*쿠폰받기*/ .bt_coupDown {width:52px;height:17px;vertical-align:-3px;margin-left:5px;background-position:-260px -130px;} /*중복쿠폰*/ .bt_coupOverlap {width:44px;height:15px;vertical-align:-3px;margin-right:5px;background-position:-260px -160px;} /*쿠폰다운_회색*/ .bt_coupGray {width:100px;height:33px;background-position: -380px 0;} /*쿠폰다운_빨강*/ .bt_coupRed {width:100px;height:33px;background-position: -380px -40px;} /*쿠폰다운_파랑*/ .bt_coupBlue {width:100px;height:33px;background-position: -380px -80px;} /*facebook*/ .bt_facebook {width:36px;height:32px;background-position: 0 -520px;} a:hover.bt_facebook {width:36px;height:32px;background-position: 0 -554px;} /*twitter*/ .bt_twiter {width:36px;height:32px;background-position: -36px -520px;} a:hover.bt_twiter {width:36px;height:32px;background-position: -36px -554px;} /*sharpSearch*/ .bt_sharp {width:42px;height:32px;background-position: -72px -520px;} a:hover.bt_sharp {width:42px;height:32px;background-position: -72px -554px;} /*bonus*/ .bt_bonus {width:36px;height:32px;background-position: -114px -520px;} a:hover.bt_bonus {width:36px;height:32px;background-position: -114px -554px;} /*preview*/ .bt_preview {width:36px;height:32px;background-position: -150px -520px;} a:hover.bt_preview {width:36px;height:32px;background-position: -150px -554px;} /*zoom*/ .bt_zoom {width:36px;height:32px;background-position: -186px -520px;} a:hover.bt_zoom {width:36px;height:32px;background-position: -186px -554px;} /*EBS*/ .bt_ebs {width:36px;height:32px;background-position: -222px -520px;} a:hover.bt_ebs {width:36px;height:32px;background-position: -222px -554px;} /*speking*/ .bt_spking {width:36px;height:32px;background-position: -258px -520px;} a:hover.bt_spking {width:36px;height:32px;background-position: -258px -554px;} /*movie*/ .bt_movie {width:36px;height:32px;background-position: -294px -520px;} a:hover.bt_movie {width:36px;height:32px;background-position: -294px -554px;} /*bookDB*/ .bt_bookDB {width:36px;height:32px;background-position: -330px -520px;} a:hover.bt_bookDB {width:36px;height:32px;background-position: -330px -554px;} /*preview*/ .bt_previewLong {width:78px;height:32px;background-position: -366px -520px;} a:hover.bt_previewLong {width:78px;height:32px;background-position: -366px -554px;} /*prod_more1*/ .bt_prodMore1{width:32px;height:9px;vertical-align:middle;background-position: -500px -200px;} /*prod_more2*/ .bt_prodMore2{width:40px;height:9px;vertical-align:middle;margin-left:5px;background-position: -500px -220px;} /*prod_servicegud*/ .bt_serGud{width:57px;height:9px;background-position: -500px -240px;} /*bt_minus*/ .bt_minus {width:19px;height:19px;vertical-align: middle; background-position: -330px 0px} /*bt_plus*/ .bt_plus {width:19px;height:19px;vertical-align: middle; background-position: -352px 0px} /* bt_banPre */ .bt_banPre {position:absolute;left:10px; top:35px;width:12px;height:23px;background-position: -500px -460px;} /* bt_banNext */ .bt_banNext {position:absolute;right:10px; top:35px;width:12px;height:23px;background-position: -518px -460px;} /*bx더보기*/ .boxOpen{position:absolute;left:470px;top:0;width:39px;height:14px;background-position:-500px -360px;} /*bx줄여보기*/ .boxClose{position:absolute;left:470px;top:-14px;width:39px;height:14px;background-position:-500px -380px;} /*txt 더보기*/ .textOpen{position:absolute;right:0px;bottom:0;width:33px;height:9px;background-position:-500px -405px;} /*txt 줄여보기*/ .textClose{position:absolute;right:0px;bottom:0;width:42px;height:9px;background-position:-500px -420px;} /*review더보기*/ .reviewOpen{width:43px;height:12px;vertical-align: middle; background-position:-500px -320px;} /*review줄여보기*/ .reviewClose{width:53px;height:12px;vertical-align: middle; background-position:-500px -340px;} /*버튼장바구니 */ .bt_bCart{position:absolute;right:0px;bottom:0;width:17px;height:17px;background-position:-260px -380px; } /*전체보기*/ .bt_allView{width:46px;height:15px;vertical-align:middle;margin-left:5px;background-position: -260px -265px;} /*이용안내*/ .bt_useGuide{width:48px;height:14px;vertical-align:middle;margin-left:5px;background-position: -320px -265px;} /*신작알림SMS신청 */ .bt_newSMS{width:88px;height:15px;vertical-align:middle;margin-left:5px;background-position: -260px -320px;} /*작가DB보기 */ .bt_writerDB{width:64px;height:15px;vertical-align:middle;margin-left:5px;background-position: -260px -345px;} /*마크-번역서*/ .mk_recom1{position:absolute;left:1px;top:1px;width:39px;height:39px;background-position: -380px -320px;} /*마크-원서*/ .mk_recom2{position:absolute;left:1px;top:1px;width:39px;height:39px;background-position: -380px -360px;} /*마크-개정*/ .mk_recom3{position:absolute;left:1px;top:1px;width:39px;height:39px;background-position: -380px -400px;} /*마크-랭킹수*/ .mk_rankNum{float:left;margin-right:10px;width:28px;height:25px;background-position: -440px -320px;} /*마크-판매수*/ .mk_saleNum{float:left;margin:15px 10px 0 0;width:28px;height:25px;background-position: -440px -350px;} /*bt_리뷰쓰기*/ .bt_reviewWrite{width:93px;height:27px;margin-left:10px;vertical-align:-5px;background-position:-260px -425px; } /* 탭레이어 닫기 */ .buttonClose{width:23px;height:22px;background-position: -500px -50px;} /* 바로가기 */ .bt_nowGo{width:48px;height:14px;vertical-align:-3px;margin-left:5px;background-position: -320px -160px;} /* 서비스안내 */ .bt_serviceGuide{width:58px;height:14px;vertical-align:-3px;margin-left:5px;background-position: -320px -130px;} /* layer 닫기 white */ .ly_close1{width:14px;height:13px;background-position: -500px -80px;} /* layer 닫기 black */ .ly_close2{width:14px;height:13px;background-position: -500px -100px;} /* reply Delete */ .bt_del{width:13px;height:13px;margin-left:5px;vertical-align:middle;background-position: -500px -137px;} /*layer 우편번호찾기*/ .bt_postFind {position:absolute;right:0;top:0;width:62px;height:20px;vertical-align:middle;margin-left:3px;background-position: -260px -210px;} /*layer 배송지선택*/ .bt_shipChoice {width:58px;height:16px;background-position: -260px -240px;} /*ly 북카트로가기 */ .bt_goBookcart{width:109px;height: 29px;background-position: -120px -462px} /*ly 쇼핑계속하기 */ .bt_goShoping {width:109px;height: 29px;background-position: -120px -425px} /*-------------------------------------- btn Ctrl -------------------------------------- */ /*-------------------------------------- solo Ctrl -------------------------------------- */ /*화살표*/ .ico_arrow{display:inline-block;width:4px;height:7px;margin-left:3px;vertical-align:middle;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrow09.gif) no-repeat center;cursor: pointer;} /*화살표*/ .ico_DownArrow{display:inline-block;width:11px;height:11px;margin-left:3px;vertical-align:middle;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrowD02.gif) no-repeat center;cursor: pointer;} /*물음표마크*/ .ico_quest{display:inline-block;width:12px;height:12px;margin-left:3px;vertical-align:middle;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_quest03.gif) no-repeat center;cursor: pointer;} /*물음표마크2*/ .ico_quest2{display:inline-block;width:12px;height:12px;margin-left:3px;vertical-align:middle;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_quest03.gif) no-repeat center;cursor: pointer;} /*물음표Out*/ .ico_quest_out{display:inline-block;width:12px;height:12px;margin-left:3px;vertical-align:middle;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_quest04.gif) no-repeat center;cursor: pointer;} /*화살표*/ .bt_opArrow{display:inline-block;width:7px;height:4px;margin-left:3px;vertical-align:2px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrowD03.gif) no-repeat center;cursor: pointer;} /*화살표*/ .bt_clArrow{display:inline-block;width:7px;height:4px;margin-left:3px;vertical-align:2px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrowU01.gif) no-repeat center;cursor: pointer;} .ctrl_bRoll{display:inline-block;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bt_blueRoll.png) no-repeat center;} .bt_broll_on{width:9px;height:9px; margin-left:4px;background-position: 0 0;} .bt_broll_off{width:9px;height:9px;margin-left:4px;background-position: -10px 0;} .ctrl_rRoll{display:inline-block;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bt_redRoll.png) no-repeat center;} .bt_rroll_on{width:8px;height:8px; margin-left:3px;background-position: 0 0;} .bt_rroll_off{width:8px;height:8px;margin-left:3px;background-position: -10px 0;} .ico_now{display:inline-block;width:21px;height:13px;margin-left:1px;vertical-align:-2px;background:url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_now.gif) no-repeat left center;} .ico_coup{display:inline-block;margin-left:1px;padding-left:15px;vertical-align:1px;background:url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_coup01.gif) no-repeat left center;} .ico_won1{display:inline-block;margin-left:1px;padding-left:15px;vertical-align:1px;background:url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_won01.gif) no-repeat left center;} .bt_recomm {display:inline-block; vertical-align:middle;width:54px;height:15px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bt_recomm.gif) no-repeat left center;} .bt_thankyou {display:inline-block; vertical-align:middle;width:64px;height:15px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bt_thankyou.gif) no-repeat left center;} /*-------------------------------------- solo Ctrl -------------------------------------- */ /*-------------------------------------- mark Ctrl -------------------------------------- */ .ctrl_earlyB{display:inline-block;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/ico_earlyBird.png) no-repeat left top;text-indent: -9999px;} .mk_ebNo1{position:absolute;right:-38px;bottom:-11px;width:110px;height:150px;background-position: 0 0;z-index: 1;} .mk_ebNo2{position:absolute;right:-38px;bottom:-11px;width:110px;height:150px;background-position: -110px 0;z-index: 1;} .mk_ebNo3{position:absolute;right:-38px;bottom:-11px;width:110px;height:150px;background-position: -220px 0;z-index: 1;} .ctrl_rvMark{display:inline-block;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/ico_speMark.png) no-repeat left top;text-indent: -9999px;} /*수상작*/ .ic_award {width:46px;height:14px;vertical-align: middle;margin-left:5px; background-position: 0px 0px;} /*스타*/ .ic_star {width:37px;height:14px;vertical-align: middle;margin-left:5px; background-position: 0px -20px;} /*가작*/ .ic_runner {width:37px;height:14px;vertical-align: middle;margin-left:5px; background-position: 0px -40px;} /*얼리버드 */ .ic_earlyBird {width:61px;height:14px;vertical-align: middle;margin-left:5px; background-position: 0px -240px;} /*베스트작가*/ .ic_bestWriter {width:48px;height:14px;vertical-align: middle;margin-left:5px; background-position: 0px -260px;} /*스테디작가*/ .ic_stedyWriter {width:48px;height:14px;vertical-align: middle;margin-left:5px; background-position: 0px -280px;} /*이벤트*/ .mk_event {width:32px;height:13px;margin:0 2px 3px 0;vertical-align:middle;background-position: 0px -60px;} /*기획전*/ .mk_plan {width:32px;height:13px;margin:0 2px 3px 0;vertical-align:middle;background-position: 0px -80px;} /*I-Point추가*/ .mk_iPoint {width:55px;height:13px;margin:0 2px 3px 0;vertical-align:middle;background-position: 0px -100px;} /*경품*/ .mk_gift {width:25px;height:13px;margin:0 2px 3px 0;vertical-align:middle;background-position: 0px -120px;} /*사은품*/ .mk_freeBie {width:32px;height:13px;margin:0 2px 3px 0;vertical-align:middle;background-position: 0px -140px;} /*증정*/ .mk_present {width:24px;height:13px;margin:0 2px 3px 0;vertical-align:middle;background-position: 0px -160px;} /*할인*/ .mk_sale {width:24px;height:13px;margin:0 2px 3px 0;vertical-align:middle;background-position: 0px -180px;} /*리뷰*/ .mk_review {width:24px;height:13px;margin:0 2px 3px 0;vertical-align:middle;background-position: 0px -200px;} /*행사*/ .mk_exercise {width:24px;height:13px;margin:0 2px 3px 0;vertical-align:middle;background-position: 0px -220px;} .ctrl_mark{display:inline-block;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/mark_ver1.png) no-repeat center;} /*인터파크추천*/ .mk_inpark {width:58px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 0;} /*베스트셀러*/ .mk_best {width:49px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -20px;} /*스테디셀러*/ .mk_stedy {width:49px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -40px;} /*패키지*/ .mk_package {width:31px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -60px;} /*해외주문원서*/ .mk_foren {width:58px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -80px;} /*수입*/ .mk_import {width:22px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -100px;} /*해외주문일서*/ .mk_foreDay {width:58px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -120px;} /*인터파크추천*/ #detailTop_spe2 .mk_inpark {width:58px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -140px;} /*베스트셀러*/ #detailTop_spe2 .mk_best {width:49px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -160px;} /*스테디셀러*/ #detailTop_spe2 .mk_stedy {width:49px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -180px;} /*패키지*/ #detailTop_spe2 .mk_package {width:31px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -200px;} /*해외주문원서*/ #detailTop_spe2 .mk_foren {width:58px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -220px;} /*수입*/ #detailTop_spe2 .mk_import {width:22px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -240px;} /*해외주문일서*/ #detailTop_spe2 .mk_foreDay {width:58px;height:13px;vertical-align:middle;margin-right:5px;background-position: 0 -260px;} /*하루배송*/ .mk_1day {width:40px;height:15px;vertical-align:middle;margin-right:5px;background-position: -80px 0px;} /*일반배송*/ .mk_normal {width:40px;height:15px;vertical-align:middle;margin-right:5px;background-position: -80px -20px;} /*당일배송*/ .mk_dang {width:40px;height:15px;vertical-align:middle;margin-right:5px;background-position: -80px -40px;} /*전담배송*/ .mk_jun {width:40px;height:15px;vertical-align:middle;margin-right:5px;background-position: -80px -60px;} /*직접배송*/ .mk_person {width:40px;height:15px;vertical-align:middle;margin-right:5px;background-position: -80px -80px;} /*업체직접배송*/ .mk_buiss {width:58px;height:15px;vertical-align:middle;margin-right:5px;background-position: -80px -100px;} /*전담편의점택배*/ .mk_store {width:67px;height:15px;vertical-align:middle;margin-right:5px;background-position: -80px -120px;} /*특급*/ /*상급*/ /*중급*/ /*하급*/ /*미니샵*/ /*문의하기*/ /*단골등록*/ /*패키지*/ .mk_pack{width:31px;height:13px;vertical-align:middle;margin-right:5px;background-position: -260px 0;} /*중고*/ .mk_old {width:31px;height:13px;vertical-align:middle;margin-right:5px;background-position: -260px -20px;} /*-------------------------------------- mark Ctrl -------------------------------------- */ /*-------------------------------------- mark Ctrl -------------------------------------- */ .ctrl_num{display:inline-block;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/num_ver1.png) no-repeat center;} .rank_num1{width:7px;height:11px;background-position: 0 0;} .rank_num2{width:7px;height:11px;background-position: 0 -12px;} .rank_num3{width:7px;height:11px;background-position: 0 -24px;} .rank_num4{width:7px;height:11px;background-position: 0 -36px;} .rank_num5{width:7px;height:11px;background-position: 0 -48px;} .rank_num6{width:7px;height:11px;background-position: 0 -60px;} .rank_num7{width:7px;height:11px;background-position: 0 -72px;} .rank_num8{width:7px;height:11px;background-position: 0 -84px;} .rank_num9{width:7px;height:11px;background-position: 0 -96px;} .rank_num0{width:7px;height:11px;background-position: 0 -108px;} .bIns_num1{position:absolute;top:22px;left:20px;width:10px;height:16px;background-position: -20px 0;} .bIns_num2{position:absolute;top:22px;left:20px;width:10px;height:16px;background-position: -20px -18px;} .bIns_num3{position:absolute;top:22px;left:20px;width:10px;height:16px;background-position: -20px -36px;} .bIns_num4{position:absolute;top:22px;left:20px;width:10px;height:16px;background-position: -20px -54px;} .bIns_num5{position:absolute;top:22px;left:20px;width:10px;height:16px;background-position: -20px -72px;} .bIns_num6{position:absolute;top:22px;left:20px;width:10px;height:16px;background-position: -20px -90px;} .bIns_num7{position:absolute;top:22px;left:20px;width:10px;height:16px;background-position: -20px -108px;} .bIns_num8{position:absolute;top:22px;left:20px;width:10px;height:16px;background-position: -20px -126px;} .bIns_num9{position:absolute;top:22px;left:20px;width:10px;height:16px;background-position: -20px -144px;} .bIns_num0{position:absolute;top:22px;left:20px;width:10px;height:16px;background-position: -20px -162px;} .half_num1{width:15px;height:23px;background-position: -40px 0;} .half_num2{width:15px;height:23px;background-position: -40px -25px;} .half_num3{width:15px;height:23px;background-position: -40px -50px;} .half_num4{width:15px;height:23px;background-position: -40px -75px;} .half_num5{width:15px;height:23px;background-position: -40px -100px;} .half_num6{width:15px;height:23px;background-position: -40px -125px;} .half_num7{width:15px;height:23px;background-position: -40px -150px;} .half_num8{width:15px;height:23px;background-position: -40px -175px;} .half_num9{width:15px;height:23px;background-position: -40px -200px;} .half_num0{width:15px;height:23px;background-position: -40px -225px;} .half_numPer{width:13px;height:23px;background-position: -40px -250px;} .grade_num1{width:15px;height:27px;background-position: -70px 0;} .grade_num2{width:15px;height:27px;background-position: -70px -30px;} .grade_num3{width:15px;height:27px;background-position: -70px -60px;} .grade_num4{width:15px;height:27px;background-position: -70px -90px;} .grade_num5{width:15px;height:27px;background-position: -70px -120px;} .grade_num6{width:15px;height:27px;background-position: -70px -150px;} .grade_num7{width:15px;height:27px;background-position: -70px -180px;} .grade_num8{width:15px;height:27px;background-position: -70px -210px;} .grade_num9{width:15px;height:27px;background-position: -70px -240px;} .grade_num0{width:15px;height:27px;background-position: -70px -300px;} .grade_numDot{width:8px;height:27px;background-position: -70px -270px;} /*------ basic Use className ------*/ .font11{font-size: 11px;} .dotline{height:20px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_dotline_d6d6d6.gif) repeat-x center;} .fDiscountPrice{text-decoration: line-through;padding-right:20px;margin-right:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/arrow_priceDel01.gif) no-repeat right center;} /* 기본 레드 */.ft_e15148{color:#e15148;} /* 변형 레드 */.ft_a70b00{color:#a70b00;} /* 변형 레드2 */.ft_de7872{color:#de7872;} /* 짙은 회색*/.ft_444{color:#444;} /* 기본 회색*/.ft_666{color:#666;} /* 옅은 회색*/.ft_999{color:#999;} /* 옅은 파랑 */.ft_7aa8d3{color:#7aa8d3;} /* 밝은 파랑 */.ft_17a9ef{color:#17a9ef;} .ico{vertical-align:-1px;} .prdBar{display:inline-block;padding:0 3px;width:1px;height:8px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar06.gif) no-repeat center;} /*.ico{vertical-align: middle;margin:0 3px;}*/ #incWrap{position:relative;width:100%;margin:-1px auto 0 auto;text-align: center;font-family: malgun Gothic,'맑은고딕',sans-serif;} #incWrap:after{content: '';display: block;clear: both;} /* 스페셜화면 정리 후 삭제*/ .bg_fullImg{position:absolute;left:0;top:0px;width:100%;height:590px;} #Fullbg_Wrap{position:absolute;left:0;top:0px;width:100%;height:610px;} #Fullbg_Wrap .bg_full{display:inline-block;width:100%;height:610px;margin:0 auto;} #detailTop, #detailTop_spe1, #detailTop_spe2 {z-index:10;clear:both;position:relative;width:960px;margin:0 auto;padding:0;text-align:left;} #detailTop .topTitle, #detailTop_spe1 .topTitle, #detailTop_spe2 .topTitle{position:relative;margin:0;} #detailTop .topTitle:after, #detailTop_spe1 .topTitle:after, #detailTop_spe2 .topTitle:after{content: '';display: block;clear: both;} #awardNO .titleDetail{float: left;width:100%;padding:20px 0 15px 0;} #awardNO .awardDetail{display: none;} #awardNO .counting2{display: none;} #detailTop_spe1 #awardNO .counting{position:absolute;bottom:5px;right:0;color:#666;font-size: 11px;color:#aaa;} #detailTop_spe2 #awardNO .counting{position:absolute;bottom:5px;right:0;color:#666;font-size: 11px;color:#aaa;} #detailTop #awardNO .counting{position:absolute;bottom:5px;right:0;color:#666;font-size: 11px;} #awardNO .counting p{color:#666;} #awardNO .counting p strong{font-size:12px;color:#666;vertical-align: -1px;} #awardNO .counting .ico_exMark{display:inline-block;width:12px;height:12px;margin-left:3px;vertical-align:-3px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_exMark01.png) no-repeat center;cursor: pointer;} #awardNO .countLayer {z-index:10;line-height:17px; position:absolute; right:0;bottom:-52px; color:#333; font-size:11px; width:500px; text-align:left; padding:0 2px 2px 0;} #awardNO .countLayer .countArrow{position:absolute;right:5px;top:-3px;width:7px;height:3px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/ico_countArrow.png) no-repeat left top;} #awardNO .countLayer .count_wrap {position:relative;background:#fff; width:100%; text-align:center;border:1px solid #999;} #awardNO .countLayer .count_wrap p{color:#333;padding:7px 0 4px 0;line-height: 16px; } #awardYES .titleDetail{float: left;width:680px;padding:20px 8px 15px 0;;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/medalMark/line_bar.png) repeat-y right center;} #awardYES .counting{display: none;} #awardYES .counting2{position:absolute;top:-23px;right:5px;color:#333;font-size: 11px;} #awardYES .counting2 p{color:#666;} #awardYES .counting2 p strong{font-size:12px;color:#444;vertical-align: -1px;} #awardYES .counting2 p span{font-size: 11px; color:#999;padding-left:5px;} #detailTop .topTitle .poinTxt{margin-bottom:10px;font-weight: bold;color:#7aa8d3;vertical-align: middle} #detailTop .topTitle .title1{color:#444;font-weight: bold;/*font-size: 20px;*/font-size: 16px;} #detailTop .topTitle .title1 .serise{font-size: 12px;font-weight: normal;} #detailTop .topTitle .title1 .stit{font-size: 11px;font-weight:normal;color:#666;} #detailTop .topTitle .boookPublic{} #detailTop .topTitle .boookPublic:after{content: '';display: block;clear: both;} #detailTop .topTitle .boookPublic ul{margin-top:8px;font-size: 11px;color:#666;} #detailTop .topTitle .boookPublic ul > li{float:left;padding:0 5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar04.gif) no-repeat left center;} #detailTop .topTitle .boookPublic ul > li:first-child{padding:0 5px 0 0;background: none;} #detailTop .topTitle .awardDetail{float:right;width:257px;min-height:98px;height:auto;padding-left:0} #detailTop .topTitle .awardDetail .aw_detailBox{width:100%;height:100%;} #detailTop .topTitle .awardDetail .medal_S1{position: absolute;right:225px;top:0;} #detailTop .topTitle .awardDetail .medal_S2{position: absolute;right:185px;top:0;} #detailTop .topTitle .awardDetail .medal_S3{position: absolute;right:145px;top:0;} #detailTop .topTitle .awardDetail .main_medal{position: absolute;right:18px;top:0;} #detailTop .topTitle .awardDetail .alinkDown{position:absolute;right:0; bottom:8px;width:25px;height:25px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/medalMark/bt_medalDown.png) no-repeat left top;} #detailTop .topTitle .awardDetail .ad_txtList{position:absolute;bottom:10px;width:190px;height:45px;color:#444;font-size: 11px;} #detailTop .topTitle .awardDetail .ad_txtList .ad_txt1{position: absolute;bottom: 0;left:0;width:175px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #detailTop .topTitle .awardDetail .ad_txtList .ad_txt2{position: absolute;bottom: 15px;left:0;width:175px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #detailTop .topTitle .awardDetail .ad_txtList .ad_txt3{position: absolute;bottom: 30px;left:0;width:175px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #detailTop_spe1 .topTitle .poinTxt{margin-bottom:10px;font-weight: bold;color:#7aa8d3;vertical-align: middle} #detailTop_spe1 .topTitle .title1{color:#fff;font-weight: bold;/*font-size: 20px;*/font-size: 16px;} #detailTop_spe1 .topTitle .title1 .serise{font-size: 12px;font-weight: normal;color:#fff;} #detailTop_spe1 .topTitle .title1 .stit{font-size: 11px;font-weight:normal;color:#fff;} #detailTop_spe1 .topTitle .boookPublic{} #detailTop_spe1 .topTitle .boookPublic:after{content: '';display: block;clear: both;} #detailTop_spe1 .topTitle .boookPublic ul{margin-top:8px;font-size: 11px;color:#aaa;} #detailTop_spe1 .topTitle .boookPublic ul > li{float:left;padding:0 5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar04.gif) no-repeat left center;} #detailTop_spe1 .topTitle .boookPublic ul > li:first-child{padding:0 5px 0 0;background: none;} #detailTop_spe1 .topTitle .awardDetail{float:right;width:257px;min-height:98px;height:auto;padding-left:15px;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/medalMark/line_bar.png) repeat-y left top;} #detailTop_spe1 .topTitle .awardDetail .aw_detailBox{width:100%;height:100%;} #detailTop_spe1 .topTitle .awardDetail .medal_S1{position: absolute;right:225px;top:0;} #detailTop_spe1 .topTitle .awardDetail .medal_S2{position: absolute;right:185px;top:0;} #detailTop_spe1 .topTitle .awardDetail .medal_S3{position: absolute;right:145px;top:0;} #detailTop_spe1 .topTitle .awardDetail .main_medal{position: absolute;right:18px;top:0;} #detailTop_spe1 .topTitle .awardDetail .alinkDown{position:absolute;right:0; bottom:8px;width:25px;height:25px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/medalMark/bt_medalDown.png) no-repeat left top;} #detailTop_spe1 .topTitle .awardDetail .ad_txtList{position:absolute;bottom:10px;width:190px;height:45px;color:#aaa;font-size: 11px;} #detailTop_spe1 .topTitle .awardDetail .ad_txtList .ad_txt1{position: absolute;bottom: 0;left:0;width:190px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #detailTop_spe1 .topTitle .awardDetail .ad_txtList .ad_txt2{position: absolute;bottom: 15px;left:0;width:190px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #detailTop_spe1 .topTitle .awardDetail .ad_txtList .ad_txt3{position: absolute;bottom: 30px;left:0;width:190px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #detailTop_spe2 .topTitle .poinTxt{margin-bottom:10px;font-weight: bold;color:#7aa8d3;vertical-align: middle} #detailTop_spe2 .topTitle .title1{color:#fff;font-weight: bold;/*font-size: 20px;*/font-size: 16px;} #detailTop_spe2 .topTitle .title1 .serise{font-size: 12px;font-weight: normal;color:#fff;} #detailTop_spe2 .topTitle .title1 .stit{font-size: 11px;font-weight:normal;color:#ccc;} #detailTop_spe2 .topTitle .boookPublic{} #detailTop_spe2 .topTitle .boookPublic:after{content: '';display: block;clear: both;} #detailTop_spe2 .topTitle .boookPublic ul{margin-top:8px;font-size: 11px;color:#aaa;} #detailTop_spe2 .topTitle .boookPublic ul > li{float:left;padding:0 5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar04.gif) no-repeat left center;} #detailTop_spe2 .topTitle .boookPublic ul > li:first-child{padding:0 5px 0 0;background: none;} #detailTop_spe2 .topTitle .awardDetail{float:right;width:257px;min-height:98px;height:auto;padding-left:15px;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/medalMark/line_bar.png) repeat-y left top;} #detailTop_spe2 .topTitle .awardDetail .aw_detailBox{width:100%;height:100%;} #detailTop_spe2 .topTitle .awardDetail .medal_S1{position: absolute;right:225px;top:0;} #detailTop_spe2 .topTitle .awardDetail .medal_S2{position: absolute;right:185px;top:0;} #detailTop_spe2 .topTitle .awardDetail .medal_S3{position: absolute;right:145px;top:0;} #detailTop_spe2 .topTitle .awardDetail .main_medal{position: absolute;right:18px;top:0;} #detailTop_spe2 .topTitle .awardDetail .alinkDown{position:absolute;right:0; bottom:8px;width:25px;height:25px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/medalMark/bt_medalDown.png) no-repeat left top;} #detailTop_spe2 .topTitle .awardDetail .ad_txtList{position:absolute;bottom:10px;width:190px;height:45px;color:#aaa;font-size: 11px;} #detailTop_spe2 .topTitle .awardDetail .ad_txtList .ad_txt1{position: absolute;bottom: 0;left:0;width:190px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #detailTop_spe2 .topTitle .awardDetail .ad_txtList .ad_txt2{position: absolute;bottom: 15px;left:0;width:190px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #detailTop_spe2 .topTitle .awardDetail .ad_txtList .ad_txt3{position: absolute;bottom: 30px;left:0;width:190px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /* Detail Prod Box */ #detailContainer {clear:both;position:relative;width:960px;margin:0 auto;text-align:left;font-family: malgun Gothic,'맑은고딕',sans-serif;} #detailContainer:after{content: '';display: block;clear: both;} #detailContainer .clickTab {float:left;margin-left:-38px;top:0;width:38px;} #detailContainer .containerBox {float:left;right:0;top:0;width:960px;margin-bottom:40px;} .bFixedPriceBox{position:absolute;left:-120px;top:0;} .bFixedPriceBox .countTitle{width:78px;height:58px;font-size: 0;line-height: 0;} .bFixedPriceBox .countWrap{width:78px;height:81px;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bookFixedPrice/bFixedPrice_bg2.png) no-repeat left top; } .bFixedPriceBox .countWrap .ddayBox{width:66px;height:42px;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bookFixedPrice/dday_bg.png) no-repeat left top; text-align: center;margin-left:6px;} .bFixedPriceBox .countWrap .ddayBox p{padding-top:10px;font: bold 22px "Helvetica ", Helvetica, sans-serif; -webkit-user-select: none;color:#fff;} .bFixedPriceBox .countWrap .timerBox{margin:5px 0 0 6px;} .bFixedPriceBox .countWrap .timerBox:after{content:'';display:block;clear:both;} .bFixedPriceBox .countWrap .timeNum{float:left;width:15px;height:26px;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bookFixedPrice/time_bg.png) no-repeat left top; text-align: center;margin-right:1px;} .bFixedPriceBox .countWrap .timeNum p{margin-top:3px;font: bold 15px "Helvetica ", Helvetica, sans-serif; -webkit-user-select: none;color:#fff;} .bFixedPriceBox .countWrap .timeBar{float: left;margin:0 1px;} .clickTab > li {float:right;width:35px;height:108px;margin-bottom:-1px;border:1px solid #ccc;border-right:none} .clickTab > li a {width:14px;height:82px;padding:24px 12px 0 12px;border:1px solid #fff;font-weight:bold;color:#999;font-size:12px;background-color:#f9f9f9;display:inline-block;text-decoration:none;line-height:15px;} .clickTab > li.selected {float:left;position:relative;width:38px;height:110px;background-color:#555;border:none;} .clickTab > li.selected a {width:12px;height:86px;padding:21px 12px 1px 12px;border:none;font-weight:bold;color:#fff;font-size:14px;background-color:#555;line-height:17px;} .boxCnt {float:left;min-height:366px;border:1px solid #555;border-top:2px solid #555}/* min-height:419px; */ .boxCnt .cntLeft {float:left;width:677px;min-height:366px;border-right:1px solid #555}/* min-height:419px; */ .boxCnt .cntRight {float:left;width:280px;min-height:366px;position:relative;}/* min-height:419px; */ /* 상단 상품 박스 */ #prdBox {position:relative;border:1px solid #e15148;min-height:505px;border-width:2px 1px 1px;border-style:solid;border-color:#555;background:#fff url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/bg_prdBox_white.png') repeat-y 672px 0;} /* min-height:419px; */ #prdBox.box_basicInfo {width:958px;background:#fff url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/bg_prdBox.png') repeat-y 0 0;} #prdBoxContents {width:677px;} #prdBoxContents .cardMark {position:absolute;left:-5px; top:0px;;z-index: 1;font-size: 0;line-height: 0;} #prdBoxContents .cardMark .ico_sh {position:relative;display: block; width:48px;height:48px;margin-bottom:5px; z-index:1; background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/cardMark/saleCard_shinahan.gif) no-repeat left top;} #prdBoxContents .cardMark .ico_keb {position:relative;display: block; width:48px;height:48px;margin-bottom:5px; z-index:1; background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/cardMark/saleCard_keb.gif) no-repeat left top;} #prdBoxContents .cardMark .ico_kb {position:relative;display: block; width:48px;height:48px;margin-bottom:5px; z-index:1;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/cardMark/saleCard_KB.gif) no-repeat left top;} #prdBoxContents .cardMark .ico_bc {position:relative;display: block; width:48px;height:48px;margin-bottom:5px; z-index:1;background:url( http://bimage.interpark.com/renewPark/reBookpark/last_inc/cardMark/saleCard_bc.gif) no-repeat left top;} #prdBoxContents .cardMark .ico_ipoint {position:relative;display: block; width:48px;height:48px;margin-bottom:5px; z-index:1;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/cardMark/saleIpoint.gif) no-repeat left top;} #prdBoxContents .details{width:264px;} #prdBoxContents .details .prdBoxImg{position:relative;width:222px;min-height:222px;margin:20px auto 5px auto;border:1px solid #eee;background: #fff;font-size:0;line-height:0;} #prdBoxContents .details .prdBoxImg .bd{width:222px;max-height:318px;} #prdBoxContents .details .prodService{width:222px;margin:5px auto;border:1px solid #eee;font-size: 0;line-height: 0;overflow: hidden;} #prdBoxContents .details .prodReview{width:222px;margin:12px auto;} #prdBoxContents .details .prodReview:after{content: '';display: block;clear: both;} #prdBoxContents .details .prodReview .scoreWrap{display: inline-block;text-align:center;margin-right:3px;} #prdBoxContents .details .prodReview .scoreWrap .earlyBtn{position:absolute;left:-15px;top:0;} #prdBoxContents .details .prodReview .scoreWrap .scoReview{position:relative;margin-left:15px;height:15px;} #prdBoxContents .details .prodReview .scoreWrap .scoReview:after, #prdBoxContents .details .prodReview .scoreWrap .scoGrade:after{content: '';display: block;clear: both;} #prdBoxContents .details .prodReview .scoreWrap .scoGrade{margin-top:3px;margin-left:12px;} #prdBoxContents .details .prodReview .scoreWrap .markGrade{margin-top:3px;margin-left:12px} #prdBoxContents .details .prodReview .scoreWrap .markGrade .mk_good {display:inline-block;width:53px;height:16px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/mk_grade_good.png) no-repeat left center;} #prdBoxContents .details .prodReview .scoreWrap .markGrade .mk_soso {display:inline-block;width:53px;height:16px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/mk_grade_soso.png) no-repeat left center;} #prdBoxContents .details .prodReview .scoreWrap .markGrade .mk_bad {display:inline-block;width:53px;height:16px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/mk_grade_bad.png) no-repeat left center;} #prdBoxContents .details .prodReview .scoreWrap .tit{display: inline-block;text-align:left;padding-right:5px;} #prdBoxContents .details .prodReview .scoreWrap .count{display: inline-block;text-align:right;} #prdBoxContents .details .prodReview .scoreWrap .count a{text-decoration: underline;font-weight: bold;} #prdBoxContents .details .prodReview .revTxt{text-align:center;font-size: 11px;color:#666; letter-spacing: -1px;} #prdBoxContents .details .prodReview .revBtn{text-align:center;margin-top:5px;} /*기본정보 탭 - 별*/ .img_star_num {display: inline-block;height:20px;margin-left:5px;vertical-align: 4px} .img_star_num div{margin-left:0px;display:inline-block;height:20px;background:url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_tab.png') no-repeat -9999px -9999px;} .img_star_num span{display:inline-block;height:20px;background:url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_tab.png') no-repeat -9999px -9999px;} .img_star_num .star_Img_off{position:relative;width:110px;height:20px;background-position:0 0;margin-top:1px;} .img_star_num .star_Img_on0{width:0%;position:absolute;top:0;left:0;background-position:0 -20px;} .img_star_num .star_Img_on1{width:10%;position:absolute;top:0;left:0;background-position:0 -20px;} .img_star_num .star_Img_on2{width:20%;position:absolute;top:0;left:0;background-position:0 -20px;} .img_star_num .star_Img_on3{width:30%;position:absolute;top:0;left:0;background-position:0 -20px;} .img_star_num .star_Img_on4{width:40%;position:absolute;top:0;left:0;background-position:0 -20px;} .img_star_num .star_Img_on5{width:50%;position:absolute;top:0;left:0;background-position:0 -20px;} .img_star_num .star_Img_on6{width:60%;position:absolute;top:0;left:0;background-position:0 -20px;} .img_star_num .star_Img_on7{width:70%;position:absolute;top:0;left:0;background-position:0 -20px;} .img_star_num .star_Img_on8{width:80%;position:absolute;top:0;left:0;background-position:0 -20px;} .img_star_num .star_Img_on9{width:90%;position:absolute;top:0;left:0;background-position:0 -20px;} .img_star_num .star_Img_on10{width:100%;position:absolute;top:0;left:0;background-position:0 -20px;} /*//기본정보 탭 - 별*/ #prdBoxContents .details .prodRank{width:222px;margin:10px auto;padding-top:10px;border-top:1px solid #eee;} #prdBoxContents .details .prodRank ul{} #prdBoxContents .details .prodRank ul > li{text-align:center;padding-bottom: 3px;} #prdBoxContents .details .prodRank ul > li .icoArow{padding-right:5px;} #prdBoxContents .details .prodRank ul > li span{color:#e15148;font-weight:bold;padding-left:3px;} #prdBox .prdBoxDetails {position:absolute;top:0;left:264px;width:423px;} #prdBox .prdBoxDetails .tb_prod1{width:393px;margin:15px 0 5px 15px;font-family: malgun Gothic,'맑은고딕',sans-serif;} #prdBox .prdBoxDetails .tb_prod1 th{vertical-align:top;text-align:left;padding: 5px 0 3px 0;font-weight: normal;} #prdBox .prdBoxDetails .tb_prod1 td.dou{padding: 5px 0 3px 0;} #prdBox .prdBoxDetails .tb_prod1 td{padding:4px 0 2px 0;} #prdBox .prdBoxDetails .tb_prod1 td.fixedPrice{text-decoration: line-through;} #prdBox .prdBoxDetails .tb_prod1 td.price{padding-left:15px;vertical-align:-2px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_won06.gif) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod1 td.cou_price{padding-left:15px;vertical-align:-2px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_coup02.gif) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod1 td .won{display:inline-block;font-size: 18px;letter-spacing:0;font-weight:bold;font-family: tahoma,'돋움',dotum,Helvetica,sans-serif;color:#e15148;padding-left:15px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_won04.gif) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod1 td .won span{display:inline-block;font-size: 12px;font-weight: normal;letter-spacing:0;vertical-align: middle;} #prdBox .prdBoxDetails .tb_prod1 td .plus{display:inline-block} #prdBox .prdBoxDetails .tb_prod1 td .ipoint{display:inline-block;font-size: 18px;letter-spacing:-1px;font-weight:bold;font-family: tahoma,'돋움',dotum,Helvetica,sans-serif;color:#17a9ef;padding-left:15px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_Ipoint01.gif) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod1 td .ipoint span{font-size: 12px;font-weight: normal;letter-spacing:0;vertical-align: middle;} #prdBox .prdBoxDetails .tb_prod1 td .p2{margin-top:4px;} #prdBox .prdBoxDetails .tb_prod1 td.dotline{height:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_dotline_d6d6d6.gif) repeat-x center;} #prdBox .prdBoxDetails .tb_prod1_1{width:393px;margin:15px 0 5px 15px;font-family: malgun Gothic,'맑은고딕',sans-serif;} #prdBox .prdBoxDetails .tb_prod1_1 th{vertical-align:top;text-align:left;padding: 5px 0 3px 0;font-weight: normal;} #prdBox .prdBoxDetails .tb_prod1_1 th .saveTit{padding:0 10px;font-size: 11px;color:#444;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_frontage.png) no-repeat left 1px;} #prdBox .prdBoxDetails .tb_prod1_1 td.dou{padding: 5px 0 3px 0;} #prdBox .prdBoxDetails .tb_prod1_1 td{padding:4px 0 2px 0;} #prdBox .prdBoxDetails .tb_prod1_1 td.fixedPrice{text-decoration: line-through;} #prdBox .prdBoxDetails .tb_prod1_1 td .fixedPrice{text-decoration: line-through;padding-right:5px;} #prdBox .prdBoxDetails .tb_prod1_1 td.price{padding-left:15px;vertical-align:-2px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_won06.gif) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod1_1 td.cou_price{padding-left:15px;vertical-align:-2px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_coup02.gif) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod1_1 td .won1{display:inline-block;font-size: 12px;letter-spacing:0;font-weight:bold;padding-left:15px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_won05.gif) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod1_1 td .won1 span{display:inline-block;font-size: 12px;font-weight: normal;letter-spacing:0; padding-left:3px;} #prdBox .prdBoxDetails .tb_prod1_1 td .won{display:inline-block;font-size: 14px;letter-spacing:0;font-weight:bold;font-family: tahoma,'돋움',dotum,Helvetica,sans-serif;color:#e15148;padding-left:15px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_won04.gif) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod1_1 td .won span{display:inline-block;font-size: 12px;font-weight: normal;letter-spacing:0;vertical-align:1px; padding-left:3px;} #prdBox .prdBoxDetails .tb_prod1_1 td .btn_sPoint{display: inline-block;width:105px;height:10px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bt_ipointSave.png) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod1_1 td .plus{display:inline-block} #prdBox .prdBoxDetails .tb_prod1_1 td .ipoint{display:inline-block;font-size: 14px;letter-spacing:0;font-weight:bold;font-family: tahoma,'돋움',dotum,Helvetica,sans-serif;color:#17a9ef;padding-left:15px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_Ipoint01.gif) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod1_1 td .ipoint span{font-size: 12px;font-weight: normal;} #prdBox .prdBoxDetails .tb_prod1_1 td .p2{margin-top:4px;} #prdBox .prdBoxDetails .tb_prod1_1 td.dotline{height:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_dotline_d6d6d6.gif) repeat-x center;} #prdBox .prdBoxDetails .tb_prod2{width:423px;margin:0;font-family: malgun Gothic,'맑은고딕',sans-serif;} #prdBox .prdBoxDetails .tb_prod2 th{vertical-align:top;text-align:left;padding: 5px 0 3px 15px;font-weight: normal;} #prdBox .prdBoxDetails .tb_prod2 th a{text-decoration: none;color:#666;} #prdBox .prdBoxDetails .tb_prod2 th p.bt{margin-top: 4px;} #prdBox .prdBoxDetails .tb_prod2 td.dou{padding: 5px 0 3px 15px;} #prdBox .prdBoxDetails .tb_prod2 td .brWrap{display:inline-block;font-size: 0;line-height: 0;} #prdBox .prdBoxDetails .tb_prod2 td{padding:4px 0 2px 0;line-height: 140%;} #prdBox .prdBoxDetails .tb_prod2 td .p2{margin-top:4px;} #prdBox .prdBoxDetails .tb_prod2 td .arrowLink{margin-right:5px;padding-right:8px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrow09.gif) no-repeat right center;} #prdBox .prdBoxDetails .tb_prod2 td .p2 a{text-decoration: none;color:#666;margin-right:5px;} #prdBox .prdBoxDetails .tb_prod2 td.dotline{height:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_dotline_d6d6d6.gif) repeat-x center;} #prdBox .prdBoxDetails .tb_prod2 td.line{height:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_line_eeeeee.gif) repeat-x center;} #prdBox .prdBoxDetails .tb_prod2 td ul.series{margin:3px 0 0 15px;} #prdBox .prdBoxDetails .tb_prod2 td ul.series > li{width:408px;font-size: 11px;} #prdBox .prdBoxDetails .tb_prod2 td ul.series > li .stit{float:left;width:80px;padding-left:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_gray01.gif) no-repeat left center;} #prdBox .prdBoxDetails .tb_prod2 td ul.series > li .scon{float:left;width:323px;} #prdBox .prdBoxDetails .tb_prod2 td ul.series > li .scon a{text-decoration: none;color:#666;} #prdBox .prdBoxDetails .longNomonth{margin-left:15px;width:390px;height:23px;border:1px solid #eee;background: #f9f9f9;} #prdBox .prdBoxDetails .longNomonth dl{font-size: 11px;margin:4px 0 0 20px;} #prdBox .prdBoxDetails .longNomonth dl dt{float: left;font-weight: bold;} #prdBox .prdBoxDetails .longNomonth dl dt span{color:#ed8654;} #prdBox .prdBoxDetails .longNomonth dl dd{float: left;margin-left:10px;} #prdBox .prdBoxDetails .longNomonth dl dd span{font-weight:bold;padding:0 3px;color:#ed8654;} #prdBox .prdBoxDetails .longNomonth dl dd b{color:#666;} #prdBox .prdBoxDetails .longNomonth dl dd .cardIco{vertical-align: middle;margin-top:-3px;} :root #prdBox .prdBoxDetails .longNomonth dl dd .cardIco{margin-top:-2px;} #prdBox .prdBoxPrice {position:absolute;top:15px;right:0;width:270px;} #prdBox .prdBoxPrice table{width:230px;margin:0 auto;font-family: malgun Gothic,'맑은고딕',sans-serif;} #prdBox .prdBoxPrice table th{vertical-align:top;text-align:left;padding: 7px 0 4px 0;} #prdBox .prdBoxPrice table td{padding:3px 0 2px 0;text-align:right;} #prdBox .prdBoxPrice table td.line{height:10px;padding:0 0 15px 0;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_line_eeeeee.gif) repeat-x left 10px;} #prdBox .prdBoxPrice table td .amountCheck{font-size: 0;line-height: 0;} #prdBox .prdBoxPrice table td .inp{text-align:center;width:34px;height:15px;margin:0 3px;color:#666;vertical-align:middle;text-align:center;line-height:18px;font-weight:bold;border:1px solid #bcbcbc;} #prdBox .prdBoxPrice table td.won{font-size: 25px;letter-spacing:-1px;padding-top:5px;font-weight:bold;font-family: tahoma,'돋움',dotum,Helvetica,sans-serif;color:#e15148;} #prdBox .prdBoxPrice table td.won span{font-size: 12px;font-weight: normal;letter-spacing:0;vertical-align: middle;} #prdBox .prdBoxPrice table td.safewon{font-size: 11px;letter-spacing:-1px;font-weight:normal;color:#666;} #prdBox .prdBoxPrice table td.safewon span{font-size: 12px;font-weight: bold;letter-spacing:0;vertical-align: middle;} #prdBox .prdBoxPrice .prdBoxButtons{margin:0 0 0 20px;padding:18px 0;} #prdBox .prdBoxPrice .prdBoxButtons .button1{;} #prdBox .prdBoxPrice .prdBoxButtons .button2{position:relative;} #prdBox .prdBoxPrice .prdBoxButtons .button1:after, #prdBox .prdBoxPrice .prdBoxButtons .button2:after{content: '';display: block;clear:both;} #prdBox .prdBoxButtons a {float:left;} #prdBox .prdBoxButtons .button2 .btLayer {position:absolute;right:10px; top:8px;width:12px;height:12px;cursor: pointer;} #prdBox .prdBoxPrice .prdBoxButtons .readNotiTxt{clear:both;width:220px;margin:10px 0 0 0} #prdBox .prdBoxPrice .prdBoxButtons .readNotiTxt a.mkRead{padding:0 0 0 15px;font-size: 11px;;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/prodR_mark.gif) no-repeat left center;text-decoration: none;color:#666;} #prdBox .prdBoxPrice .prdBoxButtons .readNotiTxt p{padding-right:10px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrowRed05.png) no-repeat right center;} #prdBox .prdBoxPrice .prdBoxButtons .readNotiTxt p span{color:#c52319;font-weight: bold;text-decoration: underline;} #prdBox .prdBoxEvent {position:absolute;bottom:0;right:0;width:270px;height:264px;border-top:1px solid #ccc;background: #f9f9f9;} #prdBox .prdBoxEvent .evRelate{width:230px;margin:20px auto 0 auto;} #prdBox .prdBoxEvent .evRelate .evTit{position:relative;} #prdBox .prdBoxEvent .evRelate .bt{position:absolute;right:0;top:4px;} #prdBox .prdBoxEvent .evRelate ul{margin:10px 0;height:55px;} #prdBox .prdBoxEvent .evRelate ul > li{color:#666;} #prdBox .prdBoxEvent .evRelate ul > li p{margin:4px 0;padding-left:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_gray01.gif) no-repeat left center;width:220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #prdBox .prdBoxEvent .evBanWrap{width:230px;margin:10px auto 0 auto;} #prdBox .prdBoxEvent .evBanWrap .imgBox{width:230px;height:118px;} #prdBox .prdBoxEvent .evBanWrap .imgBox .bd{width:228px;height:116px;border:1px solid #eee;} #prdBox .prdBoxEvent .evBanWrap .rollBt{margin-top:10px;font-size: 0;line-height:0;text-align:center;} /* 상단탭 연관상품 */ .relateProd {width: 687px;height:503px;background: #fff;} .relateProd .relateTitle {position:relative;width:657px;height:30px;padding:15px 0 0 30px;border-bottom:1px solid #ccc;} .relateProd .relateTitle .title {float:left;font-weight:bold;color:#333;font-size:14px;} .relateProd .relateTitle .title span{font-size:12px;color:#666;font-weight: normal;} .relateProd .relateTitle .buttonClose {position:absolute;right:10px;top:10px;} .relateProd .relateCont1 {width:627px;max-height:220px;min-height:219px;height:auto;overflow-y:auto;padding:15px 30px;scrollbar-face-color:#fff;scrollbar-track-color:#fff;scrollbar-arrow-color:#bbb;scrollbar-3dlight-color:#e0e0e0;scrollbar-shadow-color:#e0e0e0;scrollbar-darkshadow-color:#fff;} .relateProd .relateCont2 {width:627px;max-height:120px;height:auto;overflow-y:auto;padding:15px 30px;scrollbar-face-color:#fff;scrollbar-track-color:#fff;scrollbar-arrow-color:#bbb;scrollbar-3dlight-color:#e0e0e0;scrollbar-shadow-color:#e0e0e0;scrollbar-darkshadow-color:#fff;} .relateProd .relateCont {width:627px;max-height:208px;height:auto;overflow-y:auto;padding:15px 30px;scrollbar-face-color:#fff;scrollbar-track-color:#fff;scrollbar-arrow-color:#bbb;scrollbar-3dlight-color:#e0e0e0;scrollbar-shadow-color:#e0e0e0;scrollbar-darkshadow-color:#fff;} .relateProd .relateCont1 ul.pack{width:627px;font-size: 11px;padding:3px 0 7px 0;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_dotline_d6d6d6.gif) repeat-x left bottom;} .relateProd .relateCont1 ul.old {width:627px;margin:7px 0;padding:0;font-size: 11px;} .relateProd .relateCont1 li{color:#666;padding:5px 0;} .relateProd .relateCont1 li a{color:#666;text-decoration: none;} .relateProd ul.sList {margin:5px 0 10px 60px;font-size: 11px;} .relateProd ul.sList > li{font-size:11px;color:#999;padding:5px 0 0 15px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/arrow_rep01.gif) no-repeat left center;} .relateProd ul.sList > li a{color:#999;text-decoration: none;} /* 상단탭 할인정보 */ .saleProd {width: 687px;height:503px;background: #fff;} .saleProd .saleTitle {position:relative;width:657px;height:30px;padding:15px 0 0 30px;border-bottom:1px solid #ccc;} .saleProd .saleTitle .title {float:left;font-weight:bold;color:#333;font-size:14px;} .saleProd .saleTitle .title .tit{font-size:12px;color:#666;font-weight: normal;margin-left:10px;} .saleProd .saleTitle .buttonClose {position:absolute;right:10px;top:10px;} .saleProd .saleTitle .buttonguide {position:absolute;right:50px;top:20px;} .saleProd .saleTitle .notiTxt {position:absolute;right:80px;top:7px;width:;} .saleProd .saleTitle .notiTxt p{font-size: 11px;letter-spacing: -1px;color:#999;} .saleProd .saleCont {width:657px;height:182px;padding:15px 30px;} .saleProd .saleCont .tb_card{width:627px;font-size: 11px;table-layout: fixed;font-family: malgun Gothic,'맑은고딕',sans-serif;} .saleProd .saleCont .tb_card th{padding:2px 0;vertical-align: top;font-weight: normal;color:#666;text-align:left;} .saleProd .saleCont .tb_card td{padding:2px 10px 0 0;vertical-align: top;color:#999;} .saleProd .saleCont .tb_card td .cardSale{color:#444;} .saleProd .saleCont .tb_card td .savePlus{padding-right:10px;} .saleProd .saleCont .tb_card td .savePlus a{color:#999; text-decoration: none;} .saleProd .saleCont .tb_card td.line{height:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_line_eeeeee.gif) repeat-x center;} .saleProd .saleCont .tb_card td ul.cardInstall{float: left;} .saleProd .saleCont .tb_card td ul.cardInstall li{display: inline-block;margin-right:10px;font-size: 0;line-height: 0;} .saleProd .saleCont .tb_card .interestFree_txt{float:left;font-size: 11px;color:#666;} .saleProd .saleCont .tb_card .interestFree_txt p{margin-top:2px;} .saleProd .saleScrollBox {clear: both;width: 627px;overflow-y:auto;height:auto; max-height:160px;padding:15px 30px;scrollbar-face-color: #fff;scrollbar-track-color: #fff;scrollbar-arrow-color: #bbb;scrollbar-3dlight-color: #e0e0e0;scrollbar-shadow-color: #e0e0e0;scrollbar-darkshadow-color: #fff;} .saleProd .saleScrollBox .tb_coupon{width:607px;margin-top:5px;font-family: malgun Gothic,'맑은고딕',sans-serif;} .saleProd .saleScrollBox .tb_coupon td.dotline{height:20px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_dotline_d6d6d6.gif) repeat-x center;} .saleProd .saleScrollBox .tb_coupon td .couImg{float:left;width:100px;} .saleProd .saleScrollBox .tb_coupon td .couTxt{float:left;width:507px;} .saleProd .saleScrollBox .tb_coupon td .couTxt2{float:left;width:407px;} .saleProd .saleScrollBox .tb_coupon td .couName{margin-top:5px;font-weight: bold;color:#444;} .saleProd .saleScrollBox .tb_coupon td .couPrice{margin-top:5px;font-size: 15px;font-weight: bold;color:#e15148;} .saleProd .saleScrollBox .tb_coupon td .couPrice2{margin-top:5px;font-weight: bold;color:#4693d4;} /* 상단탭 상품리뷰 */ .reviewProd {width: 687px;height:503px;background: #fff;} .reviewProd .reviewTitle {position:relative;width:657px;height:30px;padding:15px 0 0 30px;border-bottom:1px solid #ccc;} .reviewProd .reviewTitle .title {float:left;font-weight:bold;color:#333;font-size:14px;} .reviewProd .reviewTitle .title span{font-size:12px;color:#666;font-weight: normal;margin-left:5px;} .reviewProd .reviewTitle .buttonClose {position:absolute;right:10px;top:10px;} .reviewProd .reviewScrollBox {clear: both;width: 627px;overflow-y:auto;height:auto; max-height:388px;min-height:388px;padding:15px 30px;scrollbar-face-color: #fff;scrollbar-track-color: #fff;scrollbar-arrow-color: #bbb;scrollbar-3dlight-color: #e0e0e0;scrollbar-shadow-color: #e0e0e0;scrollbar-darkshadow-color: #fff;background: #f9f9f9;} .review_listWrap{width: 620px;} .review_listWrap .reviewBox{} .review_listWrap .reviewBox_on{border: 1px solid #ddd;margin-top:-1px;border-bottom:0;background: #fff;padding-bottom:10px;} .review_listWrap .rev_tit {width:570px;margin:10px auto 7px auto;color:#444;} .review_listWrap .rev_tit .btit{position:relative;font-weight:bold;} .review_listWrap .rev_tit .ico_medal{position:absolute;left:-15px;top:2px;display:inline-block;width:13px;height:12px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/ico_reviewMedal.png) no-repeat center;} .review_listWrap .rev_tit .ntit{font-weight:normal;} .review_listWrap .rev_info{width:570px;margin:0 auto;font-size: 11px;color:#999; padding-bottom:10px;border-bottom: 1px solid #eee;} .review_listWrap .rev_info:after{content: '';display: block;clear: both;} .review_listWrap .rev_info .rev_star {float:left;margin-right:4px;} .review_listWrap .rev_info .rev_writer{float:left;margin-right:4px;} .review_listWrap .rev_info .rev_date {float:left;} .review_listWrap .reviewCont{background-color: #fff;border: 1px solid #ddd;border-top:0;} .review_listWrap .reviewCont .rev_txtWrap{width:570px;margin:0 auto;padding:0 0 15px 0;color:#666;font-size:11px;line-height: 150%;} .reviewProd .reviewMore {position:relative;width:657px;height:35px;padding:5px 0 0 30px;border-top:1px solid #ccc;} .reviewProd .reviewMore .txtMore{width:80px;margin:0 auto;text-align:center;} .reviewProd .reviewMore .txtMore p{color:#121212;padding-right:0;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrowD03.gif) no-repeat right center;} .reviewProd .reviewMore .txtMore a{color:#121212;text-decoration: none;} /*tabReview_star*/ .review_star div{display:inline-block;height:13px;background:url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_yellowSmall.png') no-repeat -9999px -9999px;text-align:center;} .review_star span{display:inline-block;height:13px;background:url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_yellowSmall.png') no-repeat -9999px -9999px;} .review_star .star_Img_off{position:relative;width:70px;height:13px;background-position:0 0;margin-top:1px;} .review_star .star_Img_on0{width:0%;position:absolute;top:0;left:0;background-position:0 -12px;} .review_star .star_Img_on1{width:10%;position:absolute;top:0;left:0;background-position:0 -12px;} .review_star .star_Img_on2{width:20%;position:absolute;top:0;left:0;background-position:0 -12px;} .review_star .star_Img_on3{width:30%;position:absolute;top:0;left:0;background-position:0 -12px;} .review_star .star_Img_on4{width:40%;position:absolute;top:0;left:0;background-position:0 -12px;} .review_star .star_Img_on5{width:50%;position:absolute;top:0;left:0;background-position:0 -12px;} .review_star .star_Img_on6{width:60%;position:absolute;top:0;left:0;background-position:0 -12px;} .review_star .star_Img_on7{width:70%;position:absolute;top:0;left:0;background-position:0 -12px;} .review_star .star_Img_on8{width:80%;position:absolute;top:0;left:0;background-position:0 -12px;} .review_star .star_Img_on9{width:90%;position:absolute;top:0;left:0;background-position:0 -12px;} .review_star .star_Img_on10{width:100%;position:absolute;top:0;left:0;background-position:0 -12px;} /*---------------- 하단 Contents ------------------------*/ .openBtn{width:960px;margin:30px 0 20px 0;} .openBtn:after{content: '';display: block;clear: both;} .openBtn .bt{float: right;font-weight: bold;text-decoration: none;color:#666;} h3{position:relative;margin-top:40px;width:100%;color:#333;font-size:14px;} h3 .totalDate{position:absolute;right:0;bottom:-5px;font-size:11px;color:#999;font-weight: normal;} h3 .count_num{font-weight: normal;font-size:12px;} h3.line{position:relative;width:100%;color:#333;font-size:14px;padding-bottom:5px;border-bottom: 1px solid #999;} h4{position:relative;margin-top:60px;width:100%;color:#333;font-size:14px;padding-bottom:5px;border-bottom: 1px solid #999;font-family: malgun Gothic,'맑은고딕',sans-serif;} h4:after{content: '';display: block;clear: both;} h4 p{padding-left:10px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrowRed04.png) no-repeat left center;} h4.line{position:relative;width:100%;color:#333;font-size:14px;padding-bottom:5px;border-bottom: 1px solid #999;font-family: malgun Gothic,'맑은고딕',sans-serif;} h4.line p{background: none;padding-left: 0;} h4.line:after{content: '';display: block;clear: both;} h4 .count_num{font-weight: normal;font-size:12px;} h4.line .tit{float:left;} h4.line .tit img{vertical-align: middle;} h4.line .starWrap{float:left;margin:-3px 0 0 5px;} h4.line .score{float:left;font-size: 0;line-height: 0;margin:-5px 0 0 5px;} h4.line .totalNum{float:left;margin:10px 0 0 5px;} h4.line .totalNum p{font-size: 12px;font-weight: normal;color:#676767;} h4.line .totalNum p span{font-weight: bold;} h4.line .notiTxt{float:right;} h4.line .notiTxt p{margin-top:-5px;font-weight:normal;font-size:12px;color:#666;padding:0 0 6px 5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_gray01.gif) no-repeat left center;} h4.title{position:relative;width:100%;color:#333;font-size:14px;padding-bottom:0;border-bottom: 0;} h4.title p{background: none;padding-left: 0;} h4.title:after{content: '';display: block;clear: both;} h4 .count_num{font-weight: normal;font-size:12px;} h4.title .tit{float:left;} h4.title .tit img{vertical-align: middle;} h4.title .starWrap{float:left;margin:-3px 0 0 5px;} h4.title .score{float:left;font-size: 0;line-height: 0;margin:-5px 0 0 5px;} h4.title .notiTxt{float:right;} h4.title .notiTxt p{margin-top:5px;font-weight:normal;font-size:12px;color:#666;padding-left:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_gray01.gif) no-repeat left center;} /*---------------- 추천도서 영역 ------------------------*/ .bookRecom{width:958px;border:1px solid #cecece;margin:20px auto 0 auto;} .bookRecom:after{content: '';display: block;clear: both;} .bookRecom .recomBox{float:left;width:686px;} .bookRecom .recomBox .tabBox{position: relative;} .bookRecom .recomBox .tabBox .bt_moreWrap{position: absolute;right:20px; top:0;} .bookRecom .recomBox ul.txtTab{margin:15px 19px 0 19px;} .bookRecom .recomBox ul.txtTab:after{content: '';display: block;clear: both;} .bookRecom .recomBox ul.txtTab > li{float:left;padding:0 8px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar04.gif) no-repeat left center;} .bookRecom .recomBox ul.txtTab > li:first-child{background: none;padding:0 8px 0 0;} .bookRecom .recomBox ul.txtTab > li.select{color:#4693d4;font-weight: bold;} .bookRecom .recomBox ul.txtTab > li.select a{color:#4693d4;;font-weight: bold;} .bookRecom .recomBox ul.list{margin:15px 19px 0 19px;} .bookRecom .recomBox ul.list:after{content: '';display: block;clear: both;} .bookRecom .recomBox ul.list > li{float:left;width:95px;margin-left:15px;} .bookRecom .recomBox ul.list > li:first-child{margin-left:0;} .bookRecom .recomBox ul.list > li .bookBox{} .bookRecom .recomBox ul.list > li .bookBox .pic{position:relative;width:95px;height:108px;} .bookRecom .recomBox ul.list > li .bookBox .pic .over .simpBg{z-index:10;cursor:pointer;display:block;position:absolute;left:0;top:0;width:75px;height:108px;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bg_simpleView.png) no-repeat;} .bookRecom .recomBox ul.list > li .bookBox .pic .out .simpBg {cursor:pointer;display:none;position:absolute;left:0;top:0;width:75px;height:108px;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bg_simpleView.png) no-repeat;} .bookRecom .recomBox ul.list > li .bookBox .pic .imgBox{width:73px;height:106px;border:1px solid #f0f0f0;display: table-cell;vertical-align: middle;font-size: 0;line-height: 0;} .bookRecom .recomBox ul.list > li .bookBox .pic .bd{width:73px;max-height:106px;text-align: center;} .bookRecom .recomBox ul.list > li .bookBox .txt{font-size: 11px;} .bookRecom .recomBox ul.list > li .bookBox .txt a{text-decoration: none;color:#666;} .bookRecom .recomBox ul.list > li .bookBox .txt .bName{margin-top:10px;width:95px;line-height: 120%;} .bookRecom .recomBox ul.list > li .bookBox .txt .price{margin-top:5px;width:100px;font-weight: bold;} .bookRecom .recomBox ul.list > li .bookBox .txt .price span{font-weight: normal;color:#999;} .bookRecom .recomBox ul.list > li .bookBox .txt .nowSale{margin-top:0;width:100px;font-weight: bold;color:#e15148;} .bookRecom .recomBox ul.list > li .bookBox .txt .nowSale span{font-weight: normal;color:#999;} .bookRecom .bdbHalfBox{float:left;padding:20px;width:231px;height:195px;border-left:1px solid #ccc;background: #f3f3f3;} .bookRecom .bdbHalfBox .tit{position: relative;} .bookRecom .bdbHalfBox .tit .btWrap{position:absolute;right:-10px; top:-10px;font-size: 0;line-height: 0;} .bookRecom .bdbHalfBox .bInfo{margin-top:15px;} .bookRecom .bdbHalfBox .bInfo:after{content: '';display: block;clear: both;} .bookRecom .bdbHalfBox .bInfo .pic{float:left;width:74px;} .bookRecom .bdbHalfBox .bInfo .pic .bd{width:72px;height:78px;border: 1px solid #eee;} .bookRecom .bdbHalfBox .bInfo .txt{float:right;width:148px;font-weight: bold;} .bookRecom .bdbHalfBox .bInfo .txt .tx_Cate{color:#e64f3c;} .bookRecom .bdbHalfBox .bInfo .txt .tx_bSubject{margin-top:5px;color:#444;} .bookRecom .bdbHalfBox .bInfo a .txt .tx_Cate{color:#e64f3c;} .bookRecom .bdbHalfBox .bInfo a .txt .tx_bSubject{color:#444;} .bookRecom .bdbHalfBox .conTxt{clear:both;margin-top:5px;font-size: 11px; color:#666;} .bookRecom .bdbHalfBox .conTxt a{text-decoration: none;color:#666;} .bookRecom .bdbHalfBox .halfInfo{margin-top:5px;} .bookRecom .bdbHalfBox .halfInfo .con{float:left;width:110px;} .bookRecom .bdbHalfBox .halfInfo .con .disMark{display:inline-block;width:55px;height:55px;text-align:center;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/mark_halfBg.png) no-repeat left center;} .bookRecom .bdbHalfBox .halfInfo .con .disMark .disCount{font-size:0;line-height:0;margin-top:20px;} .bookRecom .bdbHalfBox .halfInfo .con .txt{margin-top:15px;} .bookRecom .bdbHalfBox .halfInfo .con .txt .bName{font-weight: bold;color:#666;} .bookRecom .bdbHalfBox .halfInfo .con .txt .writer{margin-top:3px;font-size: 11px;color:#999;} .bookRecom .bdbHalfBox .halfInfo .con .txt .priceDis{margin-top:5px;text-decoration:line-through;color:#666;} .bookRecom .bdbHalfBox .halfInfo .con .txt .price{font-size: 14px;font-weight: bold;color:#e15148;} .bookRecom .bdbHalfBox .halfInfo .pic{float:right;width:105px;} .bookRecom .bdbHalfBox .halfInfo .pic .bd{width:102px;height:148px;border:1px solid #ccc;} .bookRecom .bdbHalfBox .halfInfo .conWrap{float:left;width:80px;} .bookRecom .bdbHalfBox .halfInfo .conWrap .disMark{display:inline-block;width:55px;height:55px;text-align:center;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/mark_halfBg.png) no-repeat left center;} .bookRecom .bdbHalfBox .halfInfo .conWrap .disMark .disCount{font-size:0;line-height:0;margin-top:20px;} .bookRecom .bdbHalfBox .halfInfo .conWrap .txt{margin-top:15px;} .bookRecom .bdbHalfBox .halfInfo .conWrap .txt .bName{font-weight: bold;color:#666;} .bookRecom .bdbHalfBox .halfInfo .conWrap .txt .writer{margin-top:3px;font-size: 11px;color:#999;} .bookRecom .bdbHalfBox .halfInfo .conWrap .txt .priceDis{margin-top:5px;text-decoration:line-through;color:#666;} .bookRecom .bdbHalfBox .halfInfo .conWrap .txt .price{font-size: 14px;font-weight: bold;color:#e15148;} .bookRecom .bdbHalfBox .halfInfo .picWrap{float:right;width:135px;} .bookRecom .bdbHalfBox .halfInfo .picWrap .imgBox{width:132px;height:148px;border:1px solid #ccc;display: table-cell;vertical-align: middle;font-size: 0;line-height: 0;background: #fff;text-align: center;} .bookRecom .bdbHalfBox .halfInfo .picWrap .bd{max-width:132px;max-height:148px;text-align: center;} /*---------------- 추천도서 영역 ------------------------*/ /*---------------- 배너광고 영역 ------------------------*/ .bannerWRap{width:958px;border:1px solid #cccccc;margin:20px auto 0 auto;} .bannerWRap ul{font-size:0;line-height: 0;} .bannerWRap ul:after{content: '';display: block;clear: both;} .bannerWRap ul > li{position:relative;float:left;width:318px;text-align:center;border-left:1px solid #cecece;} .bannerWRap ul > li:first-child{border-left:0 } .bannerWRap ul > li .bd{width:318px;height:90px;} .bannerWRap ul > li .banBox{} .bannerWRap ul > li .btWrap{position:absolute;right:5px; top:5px;font-size: 0;line-height: 0;} /*---------------- 배너광고 영역 ------------------------*/ /*---------------- 상품리뷰 탭 타이틀 ------------------------*/ .menuTab {clear:both;width:960px;height:35px;border-bottom:1px solid #555} .menuTab li {float:left;width:191px;margin-right:-1px;border:1px solid #ccc;border-bottom:0;} .menuTab li a {width:189px;height:22px;padding:8px 0px 2px 0px;border:1px solid #fff;font-weight:bold;font-size:12px;background-color:#f9f9f9;display:inline-block;text-decoration:none;line-height:15px;text-align:center} .menuTab li.selected {float:left;width:193px;height:35px;background-color:#555;border:none;z-index:1;position:relative} .menuTab li.selected a {width:191px;height:21px;padding:9px 0px 2px 0px;border:none;font-weight:bold;color:#fff;font-size:12px;background-color:#555;line-height:17px;} .menuTab li span {font-weight:normal} .menuTab#menuTab1 {margin-top:60px;margin-bottom:-20px;} .menuTab#menuTab2 {margin-top:100px;margin-bottom:-20px;} .menuTab#menuTab3 {margin-top:60px;margin-bottom:-40px;} .menuTab#menuTab4 {margin-top:100px;margin-bottom:0px;} .menuTab#menuTab5 {margin-top:100px;margin-bottom:-40px;} .menuTab li.first {width:190px} .menuTab li.first a {width:188px;} .menuTab li.selected.first {width:192px} .menuTab li.selected.first a {width:190px} /*//---------------- 상품리뷰 탭 영역 ------------------------*/ /*---------------- 이 상품의 구성 영역 ------------------------*/ .mk_perPrice {width:63px;height:14px;vertical-align: middle;margin-right:5px;background-position: -300px 0;} .mk_packPrice{width:63px;height:14px;vertical-align: middle;margin-right:5px;background-position: -300px -20px;} .tb_compos{width:100%;font-family: malgun Gothic,'맑은고딕',sans-serif;} .tb_compos th{vertical-align: top;padding:0 5px 0 5px;} .tb_compos th p{font-weight:normal;padding-left:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_black01.gif) no-repeat left 6px;vertical-align: middle;} .tb_compos td{ padding-bottom:5px;} .tb_compos td.dotLine{padding:5px 0;height:15px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/ico_dotline_d6d6d6.gif) repeat-x left center;} /*//---------------- 이 상품의 구성 영역 ------------------------*/ /*---------------- 주간랭킹 영역 ------------------------*/ .weekRankWrap{width:960px; margin:20px auto 0 auto;} .weekRankWrap .wRankBox{width:958px;margin-top:10px;border:1px solid #ccc; border-top:1px solid #999;} .weekRankWrap .wRankBox:after{content: '';display: block;clear: both;} .weekRankWrap .wRankBox .rankList{float:left;width:275px;} .weekRankWrap .wRankBox .rankList ul{} .weekRankWrap .wRankBox .rankList ul > li{height:22px;padding: 6px 15px 1px 15px;border-right:1px solid #d9d9d9;} .weekRankWrap .wRankBox .rankList ul > li:first-child{padding:15px 15px 2px 15px;} .weekRankWrap .wRankBox .rankList ul > li.last{padding:4px 15px 5px 15px;} .weekRankWrap .wRankBox .rankList ul > li.select{border-top:1px solid #d9d9d9; border-bottom:2px solid #d9d9d9;border-right:0;} .weekRankWrap .wRankBox .rankList ul > li.select .bName{float:left;width:180px;color:#e15148;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .weekRankWrap .wRankBox .rankList ul > li.select .bName a{color:#e15148;text-decoration: none;} .weekRankWrap .wRankBox .rankList ul > li .numbering{float:left;width:30px;font-size:0;line-height: 0;margin-top:2px;padding:0;} .weekRankWrap .wRankBox .rankList ul > li .bName{float:left;width:180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .weekRankWrap .wRankBox .rankList ul > li .bName a{color:#666;text-decoration: none;} .weekRankWrap .wRankBox .rankList ul > li .ranking{float:right;width:30px;} .weekRankWrap .wRankBox .rankList ul > li .ranking .rank_up {font-size:11px;color:#e15148;padding-left:8px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/comm/ico_rank_up.png) no-repeat left center;} .weekRankWrap .wRankBox .rankList ul > li .ranking .rank_down{font-size:11px;color:#54a9ef;padding-left:8px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/comm/ico_rank_down.png) no-repeat left center;} .weekRankWrap .wRankBox .rankList ul > li .ranking .rank_new {display:inline-block;width:23px;height:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/comm/ico_rank_new.png) no-repeat left center;} .weekRankWrap .wRankBox .rankList ul > li .ranking .rank_stay{display:inline-block;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/comm/ico_rank_stay.png) no-repeat left 6px;} .weekRankWrap .wRankBox .rankGraph{float:left;width:640px;padding:15px 20px 10px 20px;} .weekRankWrap .wRankBox .rankGraph .titTxt{font-weight: bold;color:#444;padding-bottom: :10px;} .weekRankWrap .wRankBox .rankGraph .gra_rank{float: left;width:320px;margin-top:15px;} .weekRankWrap .wRankBox .rankGraph .gra_sale{float: left;width:320px;margin-top:0;} .weekRankWrap .wRankBox .rankGraph .gra_rank:after, .weekRankWrap .wRankBox .rankGraph .gra_sale:after{content: '';display: block;clear: both;} .graphBox {position:relative;height:105px;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/wRankGraph_bg.png) no-repeat left top;overflow:hidden;} .graphBox .set{position:absolute;left:28px;bottom:21px;} .graphBox .set > li{float:left;} .graphBox li{position:relative;float:left;left:15px;top:0;width:43px;height:55px;margin-right:15px;} .graphBox div {position:absolute;left:0;bottom:0;width:100%;} .graphBox b {position:absolute;top:-30px;left:5px;color:#333; font-size:11px;} .graphBox .set > li.perBar_red {position:relative;float:left;left:15px;top:0;width:43px;height:83px;margin-right:30px;} .graphBox .set > li.perBar_red div {position:absolute;left:0;bottom:0;width:100%;background:#fccdc7;} .graphBox .set > li.perBar_red b {position:absolute;top:0px;left:0;width:43px;text-align:center; font-size:11px; color:#fff;font-weight: bold;} .graphBox .set > li.noneBar {position:relative;float:left;width:44px;height:83px;margin-right:30px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/graph_none.png) no-repeat left bottom;} .graphBox .setDate{position:absolute;left:28px;bottom:0px;} .graphBox .setDate > li{float:left;} .graphBox .setDate > li.perBar_date{position:relative;float:left;left:10px;top:0;width:60px;height:83px;margin-right:13px;font-size: 11px;color:#999;} .graphBox .setDate > li.perBar_date div {position:absolute;left:0;bottom:0;width:100%;} .graphBox2 {position:relative;top:0;height:120px;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/wSaleGraph_bg.png) no-repeat left top;overflow:hidden;} .graphBox2 .set{position:absolute;left:28px;bottom:21px;} .graphBox2 .set > li{float:left;} .graphBox2 li{position:relative;float:left;left:15px;top:0;width:43px;height:55px;margin-right:15px;} .graphBox2 div {position:absolute;left:0;bottom:0;width:100%;} .graphBox2 b {position:absolute;top:-30px;left:5px;color:#333; font-size:11px;} .graphBox2 .set > li.perBar_blue {position:relative;float:left;width:43px;height:83px;margin-right:30px;} .graphBox2 .set > li.perBar_blue div {position:absolute;left:0;bottom:0;width:100%;background:#cadae7;} .graphBox2 .set > li.perBar_blue b {position:absolute;top:0px;left:0;width:43px;text-align:center; font-size:11px; color:#fff;font-weight: bold;} .graphBox2 .set > li.noneBar {position:relative;float:left;width:44px;height:83px;margin-right:30px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/graph_none.png) no-repeat left top;} .graphBox2 .setDate{position:absolute;left:28px;bottom:0px;} .graphBox2 .setDate > li{float:left;} .graphBox2 .setDate > li.perBar_date{position:relative;float:left;left:10px;top:0;width:60px;height:83px;margin-right:13px;font-size: 11px;color:#999;} .graphBox2 .setDate > li.perBar_date div {position:absolute;left:0;bottom:0;width:100%;} /*//---------------- 주간랭킹 영역 ------------------------*/ /*---------------- 북인사이드 영역 ------------------------*/ .bookInsideWrap{width:960px;margin:20px auto 0 auto;} .bookInsideWrap .bInsideBox{width:960px;height:295px;margin-top:10px;} .bookInsideWrap .bInsideBox:after{content: '';display: block;clear: both;} .bookInsideWrap .bInsideBox .binTab {float:left; height:295px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bInside_tab_bg.png) no-repeat left top;} .bookInsideWrap .bInsideBox .binTab ul{} .bookInsideWrap .bInsideBox .binTab ul > li{position:relative;width:200px;height:59px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bInside_tab_out.png) no-repeat center;} .bookInsideWrap .bInsideBox .binTab ul > li.on .ico_bArrow{position:absolute;right:-6px;top:25px;width:7px;height:13px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bInside_tab_arrow.png) no-repeat left center;} .bookInsideWrap .bInsideBox .binTab ul > li .txtTit{width:145px;padding:22px 0px 0 45px;color:#fff;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .bookInsideWrap .bInsideBox .binTab ul > li.on{cursor:pointer;width:200px;height:59px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bInside_tab_over.png) no-repeat center;} .bookInsideWrap .bInsideBox .binCont{float:left;height:293px;border:1px solid #ccc;border-left:0;} .bookInsideWrap .bInsideBox .binCont .bCont_list{width:757px;height:293px;} /*//---------------- 북인사이드 영역 ------------------------*/ /*---------------- 텍스트 영역 공통사용 ------------------------*/ .prodConNotice{width:960px;margin:30px auto;} .prodConNotice:after{content: '';display: block;clear: both;} .prodConNotice .cateLoBox{clear:both;margin:15px 0 10px 0;} .prodConNotice .cateLoBox p{text-align: justify;line-height: 150%;} .prodConNotice ul.cateLoca{clear:both;padding:5px 0;} .prodConNotice ul.cateLoca:after{content: '';display: block;clear: both;} .prodConNotice ul.cateLoca > li{float: left;position: relative;padding:0 10px 0 12px;background: url(http://bimage.interpark.com/renewPark/reBookpark/location/navi_gnbnext.gif) no-repeat 0 4px;} .prodConNotice ul.cateLoca > li:first-child{padding:0 10px 0 8px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_black01.gif) no-repeat left center;} .prodConNotice ul.cateLoca > li.last{font-weight: bold;} .prodConNotice .contBox{clear:both;margin:15px 0 10px 0;} .prodConNotice .contBox p{text-align: justify;line-height: 150%;} .prodConNotice ul.list{clear:both;padding:5px 0;} .prodConNotice ul.list > li{padding:3px 0 3px 10px;;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_black01.gif) no-repeat left center;} /*//---------------- 이상품의 분류/특이사항 영역 ------------------------*/ .prodConNotice .banBox{clear:both;margin:15px 0 10px 0;} .prodConNotice .banBox:after{content: '';display: block;clear: both;} .prodConNotice .banBox .banLeft{position:relative;float: left;font-size: 0;line-height: 0;} .prodConNotice .banBox .banLeft .bt_review1{display:inline-block;position:absolute;right:9px;top:11px;width:60px;height:60px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/ban_review_btn1.png) no-repeat left top;} .prodConNotice .banBox .banLeft .bt_review2{display:inline-block;position:absolute;right:77px;top:11px;width:60px;height:60px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/ban_review_btn2.png) no-repeat left top;} .prodConNotice .banBox .banRight{float: left;} /* --------------- 수상 및 선정 내역 ---------------*/ .awardListWrap{width:960px;margin:20px auto 0 auto;} .awardListWrap ul{background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/medalMark/con_lineBg.gif) repeat left top #f9f9f9;} .awardListWrap ul:after{content: '';display: block;clear: both;} .awardListWrap ul > li{float:left;width:240px;height:82px;} .awardListWrap ul > li:after{content: '';display: block;clear: both;} .awardListWrap ul > li .medal_M{float: left;width:50px;} .awardListWrap ul > li .medal_M img{margin-left:3px;} .awardListWrap ul > li .medal_txt{float: left;margin:20px 0 0 10px;color: #666;} .awardListWrap ul > li .medal_txt p{width:170px;} /*// --------------- 수상 및 선정 내역 ---------------*/ /*---------------- 이벤트 기획전 ------------------------*/ .evePlanWrap{width:960px;margin:20px auto 0 auto;} .evePlanWrap .pic{margin-top:10px;width:960px;height:100px;} .evePlanWrap .pic .bd{width:958px;height:98px;border: 1px solid #ccc;} .evePlanWrap ul.listWrap{margin-top:20px;width:960px;} .evePlanWrap ul.listWrap:after{content: '';display: block;clear: both;} .evePlanWrap ul.listWrap li{padding-top:0;margin-bottom:15px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/list_bar_1x90.gif) repeat-y center;} .evePlanWrap ul.listWrap li:after{content: '';display: block;clear: both;} .evePlanWrap ul.listWrap li:first-child{padding-top:0;border-top: :0;} .evePlanWrap .listBox1{width:460px;margin-bottom:5px;padding-right:20px;float: left;} .evePlanWrap .listBox1:after{content: '';display: block;clear: both;} .evePlanWrap .listBox2{width:460px;margin-bottom:5px;float:right;} .evePlanWrap .listBox2:after{content: '';display: block;clear: both;} .evePlanWrap .listWrap .mkWrap{position:relative;font-size: 0;line-height: 0;margin-bottom:5px;} .evePlanWrap .listWrap .pic{float:left;margin-top:0;width:192px;height:80px;} .evePlanWrap .listWrap .pic .bd{width:190px;height:65px;border:1px solid #eee;} .evePlanWrap .listWrap .pic .bd2{width:128px;height:78px;border:1px solid #eee;margin-bottom:5px;} .evePlanWrap .listWrap .pic .txtBox{display:table-cell;vertical-align:middle;text-align:center;width:190px;height:65px;border:1px solid #eee;} .evePlanWrap .listWrap .text{float:right;width:250px;} .evePlanWrap .listWrap .text .bName{font-weight: bold;} .evePlanWrap .listWrap .text .period{font-size: 11px;} .evePlanWrap .listWrap .text .period p{font-weight: normal;padding-left:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_gray01.gif) no-repeat left center} .evePlanWrap .listWrap .stxtWrap{clear:both;padding-top:5px;width:442px;font-size:11px; color:#666;} .evePlanWrap .listWrap .btWrap{margin-top:5px;} .evePlanWrap .listWrap .stxtWrap table{font-size:11px; color:#666;} .evePlanWrap .listWrap .stxtWrap table th{font-weight: normal;vertical-align: top;} .evePlanWrap .listWrap .stxtWrap table th p{font-weight: normal;padding-left:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_gray01.gif) no-repeat left center;} .evePlanWrap .listWrap .stxtWrap table th.none{background: none;} .evePlanWrap .listWrap .stxtWrap table td{} .evePlanWrap .listWrap .stxtWrap table th.warm{color:#999;text-align: left;} /* 오픈 후 삭제 */ .evePlanWrap .listWrap .text .sangseTxt{margin-top:5px;} .evePlanWrap .listWrap .text .sangseTxt table{font-size:11px; color:#666;} .evePlanWrap .listWrap .text .sangseTxt table th{font-weight: normal;vertical-align: top;} .evePlanWrap .listWrap .text .sangseTxt table th p{font-weight: normal;padding-left:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_gray01.gif) no-repeat left center;} .evePlanWrap .listWrap .text .sangseTxt table th.none{background: none;} .evePlanWrap .listWrap .text .sangseTxt table td{} .evePlanWrap .listWrap .text .sangseTxt table th.warm{color:#999;text-align: left;} /* //오픈 후 삭제 */ /*//---------------- 이벤트 기획전 ------------------------*/ /*---------------- 공정거래테이블 ------------------------*/ .tb_fairDeal{width:960px;margin-top:40px;color:#999;border:1px solid #eee;font-family: malgun Gothic,'맑은고딕',sans-serif;} .tb_fairDeal th{height:30px;background: #f9f9f9;border:1px solid #eee;border-left:0;border-top:0;} .tb_fairDeal th p{font-weight: normal;margin-left:60px;text-align: left;} .tb_fairDeal td{height:30px;border:1px solid #eee;border-left:0;border-top:0;} .tb_fairDeal td p{margin:5px 15px;} /*//---------------- 공정거래테이블 ------------------------*/ /*---------------- 연관기사 ----------------------*/ .relateNewsWrap{width:960px;margin:20px auto 0 auto;}} .relateNewsWrap:after{content: '';display: block;clear: both;} .relateNewsWrap ul.listWrap{margin-top:0;width:960px;} .relateNewsWrap ul.listWrap:after{content: '';display: block;clear: both;} .relateNewsWrap ul.listWrap li{padding-bottom:15px;border-top:1px solid #eee;} .relateNewsWrap ul.listWrap li:after{content: '';display: block;clear: both;} .relateNewsWrap ul.listWrap li:first-child{border-top: :0;} .relateNewsWrap .listBox1{width:460px;margin-top:20px;padding-right:20px;float: left;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/list_bar_1x90.gif) no-repeat right center;} .relateNewsWrap .listBox2{float:right;width:460px;margin-top:20px; } .relateNewsWrap .listBox1:after, .relateNewsWrap .listBox2:after{content: '';display: block;clear: both;} .relateNewsWrap .pic{float:left;width:88px;height:96px;} .relateNewsWrap .pic .bd{width:86px;height:94px;border:1px solid #eee;} .relateNewsWrap .txtBox{float:right;width:360px;} .relateNewsWrap .txtBox .cateTit{color:#da7a2c;} .relateNewsWrap .txtBox .subtit{margin-top:3px;} .relateNewsWrap .txtBox .con{margin-top:8px;font-size: 11px; color:#999;} .relateNewsWrap .txtBox .con .date{padding-left:5px;color:#666;} /*//---------------- 연관기사 ----------------------*/ /*---------------- 저자소개 ----------------------*/ .writerInfoWrap{width:960px;margin:20px auto 0 auto;} .writerInfoWrap .bx_btWrap{position:relative;width:960px;} .writerInfo{margin-top:20px;} .writerInfo:after{content: '';display: block;clear: both;} .writerInfo .pic{float:left;width:135px;height:150px;} .writerInfo .pic .bd{width:133px;height:148px;border:1px solid #ccc;} .writerInfo .wCont{float: right;width:800px;} .writerInfo .wCont .conTit{position:relative;} .writerInfo .wCont .conTit p{font-weight: bold;font-size: 14px;color:#444;} .writerInfo .wCont .conTit .btWrap{position: absolute;right:0;top:0;font-size: 0;line-height: 0;} .writerInfo .wCont .conWrap{margin-top:5px;border:1px solid #eee; border-top:1px solid #ccc;border-left:0;} .writerInfo .wCont .conWrap:after{content: '';display: block;clear: both;} .writerInfo .wCont .conWrap .conLeft{position:relative;float: left;width:180px;height:130px;} .writerInfo .wCont .conWrap .conLeft table{margin:10px 0;font-size: 11px;color:#999;font-family: malgun Gothic,'맑은고딕',sans-serif;} .writerInfo .wCont .conWrap .conLeft table th{text-align:left;font-weight: normal;} .writerInfo .wCont .conWrap .conLeft table td{text-align: right;padding:3px 10px 3px 0;} .writerInfo .wCont .conWrap .conLeft .smsWrap{position: absolute;left:0;bottom:-1px;font-size: 0;line-height: 0;} .writerInfo .wCont .conWrap .conLeft .facebook{display:inline-block;width:27px;height:25px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bt_facebook01.gif) no-repeat left center;} .writerInfo .wCont .conWrap .conLeft .twitter{display:inline-block;width:28px;height:25px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bt_twitter01.gif) no-repeat left center;} .writerInfo .wCont .conWrap .conRight{float: right;width:580px;min-height:110px;padding:10px 15px;border-left:1px solid #eee;background: #f9f9f9;} .writerInfo .wCont .conWrap .conRight .stit{font-weight: bold;} .writerInfo .wCont .conWrap .conRight .scon{margin-top:10px;font-weight: normal;font-size: 11px;color:#999;line-height: 150%;} .writerInfo .wCont .conWrap .conRight .btWrap{position:relative;height:15px;padding:5px 0 0 0; text-align: right} .writerInfo .wCont2{float: right;width:960px;} .writerInfo .wCont2 .conTit{position:relative;} .writerInfo .wCont2 .conTit p{font-weight: bold;font-size: 14px;color:#444;} .writerInfo .wCont2 .conTit .btWrap{position: absolute;right:0;top:0;} .writerInfo .wCont2 .conWrap{margin-top:5px;border:1px solid #eee; border-top:1px solid #ccc;border-left:0;} .writerInfo .wCont2 .conWrap:after{content: '';display: block;clear: both;} .writerInfo .wCont2 .conWrap .conLeft{position:relative;float: left;width:180px;height:130px;} .writerInfo .wCont2 .conWrap .conLeft table{margin:10px 0;font-size: 11px;color:#999;font-family: malgun Gothic,'맑은고딕',sans-serif;} .writerInfo .wCont2 .conWrap .conLeft table th{text-align:left;font-weight: normal;} .writerInfo .wCont2 .conWrap .conLeft table td{text-align: right;padding:3px 10px 3px 0;} .writerInfo .wCont2 .conWrap .conLeft .smsWrap{position: absolute;left:0;bottom:-1px;font-size: 0;line-height: 0;} .writerInfo .wCont2 .conWrap .conLeft .facebook{display:inline-block;width:27px;height:25px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bt_facebook01.gif) no-repeat left center;} .writerInfo .wCont2 .conWrap .conLeft .twitter{display:inline-block;width:28px;height:25px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bt_twitter01.gif) no-repeat left center;} .writerInfo .wCont2 .conWrap .conRight{float: right;width:740px;min-height:110px;padding:10px 15px;border-left:1px solid #eee;background: #f9f9f9;} .writerInfo .wCont2 .conWrap .conRight .stit{font-weight: bold;} .writerInfo .wCont2 .conWrap .conRight .scon{margin-top:10px;font-weight: normal;font-size: 11px;color:#999;line-height: 150%;} .writerInfo .wCont2 .conWrap .conRight .btWrap{position:relative;height:15px;padding:5px 0 0 0; text-align: right} .writerInfoWrap .wOtherBook {width:958px;border:1px solid #ccc;margin-top:10px;padding-bottom:20px;} .writerInfoWrap .wOtherBook:after{content: '';display: block;clear: both;} .writerInfoWrap .wOtherBook .tit{margin:15px 0 0 25px;font-weight: bold;} .writerInfoWrap .wOtherBook ul{margin:0;} .writerInfoWrap .wOtherBook ul:after{content: '';display: block;clear: both;} .writerInfoWrap .wOtherBook ul > li{float:left;margin-top:10px;width:159px;} .writerInfoWrap .wOtherBook ul > li .bookBox{width:130px;margin:0 auto;} .writerInfoWrap .wOtherBook ul > li .bookBox .pic{position:relative;width:110px;height:130px;margin:0 auto;} .writerInfoWrap .wOtherBook ul > li .bookBox .pic .bd{width:88px;height:128px;border:1px solid #f0f0f0;} .writerInfoWrap .wOtherBook ul > li .bookBox .txt{width:130px;text-align: center;} .writerInfoWrap .wOtherBook ul > li .bookBox .txt a{text-decoration: none;color:#666;} .writerInfoWrap .wOtherBook ul > li .bookBox .txt .bName{letter-spacing:-1px;font-size: 11px;margin:10px 0 0 10px;width:90px;height:28px;line-height: 120%;overflow: hidden;} .writerInfoWrap .wOtherBook ul > li .bookBox .txt .price{margin-top:3px;width:110px;color:#666;font-weight: bold;letter-spacing: -1px;} .writerInfoWrap .wOtherBook ul > li .bookBox .txt .price span{padding-right:5px;font-weight: normal;color:#999;text-decoration: line-through;}} /*..---------------- 저자소개 ----------------------*/ /*평점/리뷰 타이틀 - 별*/ .reView_star {display: inline-block;height:20px;margin-left:5px;vertical-align: 4px} .reView_star div{margin-left:0px;display:inline-block;height:23px;background:url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_big.png') no-repeat -9999px -9999px;} .reView_star span{display:inline-block;height:23px;background:url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_big.png') no-repeat -9999px -9999px;} .reView_star .star_Img_off{position:relative;width:125px;height:23px;background-position:0 0;margin-top:1px;} .reView_star .star_Img_on0{width:0%;position:absolute;top:0;left:0;background-position:0 -23px;} .reView_star .star_Img_on1{width:10%;position:absolute;top:0;left:0;background-position:0 -23px;} .reView_star .star_Img_on2{width:20%;position:absolute;top:0;left:0;background-position:0 -23px;} .reView_star .star_Img_on3{width:30%;position:absolute;top:0;left:0;background-position:0 -23px;} .reView_star .star_Img_on4{width:40%;position:absolute;top:0;left:0;background-position:0 -23px;} .reView_star .star_Img_on5{width:50%;position:absolute;top:0;left:0;background-position:0 -23px;} .reView_star .star_Img_on6{width:60%;position:absolute;top:0;left:0;background-position:0 -23px;} .reView_star .star_Img_on7{width:70%;position:absolute;top:0;left:0;background-position:0 -23px;} .reView_star .star_Img_on8{width:80%;position:absolute;top:0;left:0;background-position:0 -23px;} .reView_star .star_Img_on9{width:90%;position:absolute;top:0;left:0;background-position:0 -23px;} .reView_star .star_Img_on10{width:100%;position:absolute;top:0;left:0;background-position:0 -23px;} /*//평점/리뷰 타이틀 - 별*/ /*리뷰 작은 노란 - 별*/ .yellow_star {float:left;display: inline-block;height:20px;margin-left:5px;vertical-align: 4px} .yellow_star div{margin-left:0px;display:inline-block;height:13px;background:url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_yellowSmall.png') no-repeat -9999px -9999px;} .yellow_star span{display:inline-block;height:13px;background:url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_yellowSmall.png') no-repeat -9999px -9999px;} .yellow_star .star_Img_off{position:relative;width:70px;height:13px;background-position:0 0;margin-top:1px;} .yellow_star .star_Img_on0{width:0%;position:absolute;top:0;left:0;background-position:0 -13px;} .yellow_star .star_Img_on1{width:10%;position:absolute;top:0;left:0;background-position:0 -13px;} .yellow_star .star_Img_on2{width:20%;position:absolute;top:0;left:0;background-position:0 -13px;} .yellow_star .star_Img_on3{width:30%;position:absolute;top:0;left:0;background-position:0 -13px;} .yellow_star .star_Img_on4{width:40%;position:absolute;top:0;left:0;background-position:0 -13px;} .yellow_star .star_Img_on5{width:50%;position:absolute;top:0;left:0;background-position:0 -13px;} .yellow_star .star_Img_on6{width:60%;position:absolute;top:0;left:0;background-position:0 -13px;} .yellow_star .star_Img_on7{width:70%;position:absolute;top:0;left:0;background-position:0 -13px;} .yellow_star .star_Img_on8{width:80%;position:absolute;top:0;left:0;background-position:0 -13px;} .yellow_star .star_Img_on9{width:90%;position:absolute;top:0;left:0;background-position:0 -13px;} .yellow_star .star_Img_on10{width:100%;position:absolute;top:0;left:0;background-position:0 -13px;} /*//리뷰 작은 노란 - 별*/ /*평점 회색 - 별*/ .gray_Star {display: inline-block;height:20px;margin-left:5px;vertical-align: middle;} .gray_Star div{margin-left:0px;display:inline-block;height:15px;background:url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_graySmall.png') no-repeat -9999px -9999px;} .gray_Star span{display:inline-block;height:15px;background:url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_graySmall.png') no-repeat -9999px -9999px;} .gray_Star .star_Img_off{position:relative;width:75px;height:15px;background-position:0 0;margin-top:1px;} .gray_Star .star_Img_on0{width:0%;position:absolute;top:0;left:0;background-position:0 -15px;} .gray_Star .star_Img_on1{width:10%;position:absolute;top:0;left:0;background-position:0 -15px;} .gray_Star .star_Img_on2{width:20%;position:absolute;top:0;left:0;background-position:0 -15px;} .gray_Star .star_Img_on3{width:30%;position:absolute;top:0;left:0;background-position:0 -15px;} .gray_Star .star_Img_on4{width:40%;position:absolute;top:0;left:0;background-position:0 -15px;} .gray_Star .star_Img_on5{width:50%;position:absolute;top:0;left:0;background-position:0 -15px;} .gray_Star .star_Img_on6{width:60%;position:absolute;top:0;left:0;background-position:0 -15px;} .gray_Star .star_Img_on7{width:70%;position:absolute;top:0;left:0;background-position:0 -15px;} .gray_Star .star_Img_on8{width:80%;position:absolute;top:0;left:0;background-position:0 -15px;} .gray_Star .star_Img_on9{width:90%;position:absolute;top:0;left:0;background-position:0 -15px;} .gray_Star .star_Img_on10{width:100%;position:absolute;top:0;left:0;background-position:0 -15px;} /*//평점 회색 - 별*/ /*//---------------- 평점 ----------------------*/ .bt_reg{width:95px;height:51px;background-position:-260px -460px} .ctrl_btSNS{display:inline-block;background:url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/btSNS_ctrl.png) no-repeat left top;text-indent: -9999px;} .bt_snsFb1_off {width:28px;height:25px;background-position: 0 0;} .bt_snsTw1_off {width:27px;height:25px;background-position: -28px 0;} .bt_snsFb1_on{width:28px;height:25px;background-position: 0 -25px;} .bt_snsTw1_on {width:27px;height:25px;background-position: -28px -25px;} .bt_snsFb2_on {width:14px;height:14px;background-position: 0 -76px;} .bt_snsTw2_on {width:14px;height:14px;margin-left:2px;background-position: -16px -76px;} .bt_snsFb2_off {width:14px;height:14px;background-position: 0 -60px;} .bt_snsTw2_off {width:14px;height:14px;margin-left:2px;background-position: -16px -60px;} .gradeWrap{margin:20px 0 50px 0;font-family: malgun Gothic,'맑은고딕',sans-serif;} .gradeBox{clear:both;width:958px;padding-bottom:20px;margin-top:10px;border:1px solid #eee;background-color:#f9f9f9;background:#f9f9f9 } .starCheck_Wrap{margin:15px 0 10px 20px;overflow:hidden;width:100%;} .starCheck_Wrap .starBox_wrap{margin-left:80px;} .starCheck_Wrap .starBox_wrap ul{} .starCheck_Wrap .starBox_wrap ul > li{float: left;padding:0 20px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar_1x13_eee.gif) no-repeat left center;} .starCheck_Wrap .starBox_wrap ul > li:first-child{background: none;padding:0 20px 0 0;} .starCheck_Wrap .starBox_wrap ul > li .start_txt {float:left;height:26px;} .starCheck_Wrap .starBox_wrap ul > li .start_txt p{margin-top:5px;color:#666;font-weight: bold;} .starCheck_Wrap .starBox_wrap ul > li .start_w{float:left; width:80px;height:26px;} .inputText_Wrap{margin:10px 0 0 20px;;overflow:hidden;width:100%;} .inputText_Wrap:after{content:"";display:block;clear:both;} .inputText_Wrap .sns_wrap{float:left;width:75px;height:49px;font-size: 0;line-height: 0;} .inputText_Wrap .textarea_wrap textarea{float:left;color:#999;width:718px;height:33px;padding:8px;margin-left:5px;resize:none;border:none;overflow-y:scroll;border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #ccc;border-right:1px solid #ccc;scrollbar-face-color:#fff;scrollbar-track-color:#fff;scrollbar-arrow-color:#bbb;scrollbar-3dlight-color:#e0e0e0;scrollbar-shadow-color:#e0e0e0;scrollbar-darkshadow-color:#fff;} .inputText_Wrap .textarea_wrap a{float:left;margin-left:5px;} .infoTxt_wrap{margin:5px 0 0 20px;} .infoTxt_wrap:after{content: '';display: block;clear: both;} .infoTxt_wrap p{float:left;font-size:11px;color:#999;margin-left:83px;letter-spacing:-1px;} .infoTxt_wrap .bate_txt{float:right;font-size:11px;color:#999;margin-right:20px;margin-right:121px;} .replyBox{margin-top:20px;font-family: malgun Gothic,'맑은고딕',sans-serif;display: } .replyBox .replyTab{position:relative;height:25px;border-bottom:1px solid #ccc;} .replyBox .replyTab ul{position:absolute;right:0;top:5px;} .replyBox .replyTab ul:after{content: '';display: block;clear: both;} .replyBox .replyTab ul > li{float: left;padding:0 10px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar_1x13_eee.gif) no-repeat left center;} .replyBox .replyTab ul > li.on{font-weight: bold;} .replyBox .replyTab ul > li a, .replyBox .replyTab ul > li.on a{text-decoration: none;color:#666;} .replyBox .replyTab ul> li:first-child{background: none;padding:0 10px 0 0;} .replyBox .replyList{border-bottom:1px solid #ccc;} .replyBox .replyList ul{width:960px;margin:0 auto;} .replyBox .replyList ul > li{width:960px;border-top: 1px solid #eee;} .replyBox .replyList ul > li:first-child{border-top: 0} .replyBox .replyList ul > li table{width:960px;font-family: malgun Gothic,'맑은고딕',sans-serif;} .replyBox .replyList ul > li table td{text-align: center;padding:10px 0;} .replyBox .replyList ul > li table td.tr{text-align: right;} .replyBox .replyList ul > li table td.tl{text-align: left; position:relative;} .replyBox .replyList ul > li table td.snsBox{font-size: 0;line-height: 0;} /*//---------------- 평점 ----------------------*/ /*star css star*/ .rating { cursor: pointer; margin-left:6px; float:left;margin-top:7px; margin-left:7px;} .star{float:left;height:13px;overflow:hidden;text-indent:-9999em;cursor:pointer;} .rating:after {content: '.';display: block;height: 0;width: 0;clear: both; visibility: hidden;} .star {float: left;width: 14px; height: 13px;overflow: hidden;text-indent: -999em; cursor: pointer;} .star-left, .star-right { width: 7px} .star, .star a {background: url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_gray_all.png') no-repeat 0 0px;} .star-left, .star-left a {background: url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_gray_left.png') no-repeat 0 0px;} .star-right, .star-right a {background: url('http://bimage.interpark.com/renewPark/reBookpark/last_inc/markStar_gray_right.png') no-repeat 0 0px;} .star a { display: block; width: 100%; height: 100%; background-position: 0 0px;} div.rating div.on a { background-position: 0 -13px;} div.rating div.hover a, div.rating div a:hover {background-position: 0 -13px;} /*star css end*/ /*---------------- 리뷰 ----------------------*/ .reviewWrap{width:960px;margin:20px auto 0 auto;} .reviewWrap:after{content: '';display: block;clear: both;} .reviewWrap .stit{margin:10px 0 5px 0;} .reviewWrap .stit:after{content: '';display: block;clear: both;} .reviewWrap .stit .totalTxt{float:left;} .reviewWrap .stit .totalTxt p{margin-top:5px;font-weight:normal;font-size:12px;color:#666;padding-left:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_gray01.gif) no-repeat left center;} .reviewWrap .stit .totalTxt p span{font-weight: bold;} .reviewWrap .stit .btWrap{float: right;} .reviewWrap .bReview_list{background: #f9f9f9;padding:20px;margin-top:10px;} .reviewWrap .bReview_list .bR_tit{} .reviewWrap .bReview_list .bR_tit p{font-weight:bold;color:#e15148;padding:3px 0 3px 20px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/ico_reviewMedal2.png) no-repeat left center;} .reviewWrap .nReview_list{padding:20px;margin:0;} .reviewWrap .nReview_tit{margin-top:15px;padding-bottom:5px;border-bottom:1px solid #ccc;} .reviewWrap .nReview_tit:after{content: '';display: block;clear: both;} .reviewWrap .nReview_tit ul{float: right;} .reviewWrap .nReview_tit ul > li{float:left;padding:0 0 0 8px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar03.gif) no-repeat left center;} .reviewWrap .nReview_tit ul > li:first-child{background: none;padding:0 8px 0 8px;} .reviewWrap .nReview_tit ul > li.select{font-weight: bold;} .reviewWrap ul.bR_list{margin-top:10px;} .reviewWrap ul.bR_list > li{margin-top:30px;} .reviewWrap ul.bR_list > li:first-child{margin-top:0px;} .reviewWrap ul.bR_list > li .txt_tit{ border-bottom:1px solid #eee;padding-bottom:5px;} .reviewWrap ul.bR_list > li .txt_tit:after{content: '';display: block;clear: both;} .reviewWrap ul.bR_list > li .txt_tit p{font-weight: bold;margin:5px 0;} .reviewWrap ul.bR_list > li .txt_tit .vote{} .reviewWrap ul.bR_list > li .txt_tit .vote:after{content: '';display: block;clear: both;} .reviewWrap ul.bR_list > li .txt_tit .txt1{float:left;} .reviewWrap ul.bR_list > li .txt_tit .txt2{float:left;margin-left:5px;} .reviewWrap ul.bR_list > li .con{margin-top:10px;line-height: :140%;} .reviewWrap ul.bR_list > li .vote{margin-top:10px;color:#999;} /*//---------------- 리뷰 ----------------------*/ /*---------------- 초특가 /시리즈 상품 ----------------------*/ .specialPriceWrap{width:960px;margin:20px auto 0 auto;} .specialPriceWrap:after{content: '';display: block;clear: both;} .specialPriceWrap .seriseBox{margin-top:20px;} .specialPriceWrap .seriseBox .seriseTit{margin-left:10px;color:#333;} .specialPriceWrap .seriseBox .seriseTit p{} .specialPriceWrap .seriseBox .seriseTit p .bName{color:#7aa8d3; } .specialPriceWrap ul.blist{margin:0 0;} .specialPriceWrap ul.blist:after{content: '';display: block;clear: both;} .specialPriceWrap ul.blist > li{float:left;margin-top:20px;width:160px;} .specialPriceWrap ul.blist > li .bookBox{width:130px;height:180px;margin:0 auto;} .specialPriceWrap ul.blist > li .bookBox .pic{position:relative;width:110px;height:130px;margin:0 auto;} .specialPriceWrap ul.blist > li .bookBox .pic .imgBox{width:88px;height:128px;border:1px solid #f0f0f0;display: table-cell;vertical-align: middle;font-size: 0;line-height: 0;} .specialPriceWrap ul.blist > li .bookBox .pic .bd{width:88px;max-height:128px;text-align: center;} .specialPriceWrap ul.blist > li .bookBox .txt{width:130px;text-align: center;} .specialPriceWrap ul.blist > li .bookBox .txt a{text-decoration: none;color:#666;} .specialPriceWrap ul.blist > li .bookBox .txt .bName{letter-spacing:-1px;font-size: 11px;margin:10px 0 0 10px;width:90px;line-height: 120%;} .specialPriceWrap ul.blist > li .bookBox .txt .price{margin-top:3px;width:110px;color:#e15148;font-weight: bold;} .specialPriceWrap ul.blist > li .bookBox .txt .price span{padding-right:5px;font-weight: normal;color:#999;text-decoration: line-through;} .specialPriceWrap ul.blist > li .bookBox .txt .price2{margin-top:3px;width:110px;color:#666;font-weight: bold;} .specialPriceWrap ul.blist > li .bookBox .txt .price2 span{padding-right:5px;font-weight: normal;color:#999;text-decoration: line-through;} /*//---------------- 초특가 /시리즈 상품 ----------------------*/ /*---------------- 교환/환불 ------------------------*/ .tb_refundChange{width:960px;margin-top:0px;color:#666;border:1px solid #eee;border-top:0;font-family: malgun Gothic,'맑은고딕',sans-serif;} .tb_refundChange th{height:30px;background: #f9f9f9;border-bottom:1px solid #eee;text-align: left;} .tb_refundChange th p{padding:6px 0 5px 0;font-weight: normal;margin-left:20px;} .tb_refundChange td{height:30px;border-bottom:1px solid #eee;} .tb_refundChange td p{margin:6px 0 5px 15px;} /*//---------------- 교환/환불 ------------------------*/ /*---------------- 배송안내 ------------------------*/ .tb_shipGuide{width:960px;font-size:11px;margin-top:10px;color:#666;border:1px solid #eee;font-family: malgun Gothic,'맑은고딕',sans-serif;} .tb_shipGuide th{height:30px;background: #f9f9f9;border-bottom:1px solid #eee;} .tb_shipGuide th p{font-weight: normal;padding:6px 0 5px 0;margin-left:20px;text-align: left;} .tb_shipGuide td{height:30px;border-bottom:1px solid #eee;;} .tb_shipGuide td p{margin:6px 15px 5px 15px;} /*//---------------- 배송안내 ------------------------*/ /*---------------------------------------------------------------------------- Layer All----------------------------------------------------------------------------*/ .incLayerWrap {z-index:10000;position: absolute; margin:0; z-index: 250;display: ; cursor: text;font-family: malgun Gothic,'맑은고딕',sans-serif;} .incAutoLayerWrap {z-index:10000;position: absolute; margin:0; z-index: 250;display: ; cursor: text;font-family: malgun Gothic,'맑은고딕',sans-serif;} #releaseSchedule {width: 412px;} #shipSchedule {width:450px;} #americaShip {width:255px; margin:27px 0 0 -25px;} #globalOrder {width:280px;margin:-1px 0 0 0;} #oldRegistSMS {width:260px;margin:0px 0 0 310px;} #oldRegistSMS_1 {width:260px;margin:-2px 0 0 0;} #saleStarttSMS {width:260px;margin:-18px 0 0 131px;} #newBookSMS {} #smartCon {width:315px;} #excellMem {width:420px;} #lexile {width:200px;margin:-15px 0 0 35px;} #eventDetail {width:345px;} #postZip_login {width:300px;margin:5px 0 0 10px;} #postZip {width:345px;margin:5px 0 0 10px;} #publicSelect {margin:-1px 0 0 10px;} #bcartGuide {width:275px;margin:-1px 0 0 10px;} #reViewGuide {width:250px;margin:-1px 0 0 84px;} #claimSale{width:200px;margin:0 0 0 0;} #cardInterest{width:345px;margin:0 0 0 65px;} #shipPriceGuide {width:375px;margin:0 0 0 195px;} #iPointDoubleSave{width:360px;margin:0 0 0 65px;} .LyBox { clear:both;border:2px solid #555555;padding:9px 9px 0 9px; text-align:left; background-color:#fff } .LyBox .lyTitle {margin-bottom:8px;font-size:12px;color:#444;padding-bottom:5px;border-bottom:1px solid #eee;} .LyBox .lyTitle:after{content: '';display: block;clear: both;} .LyBox .lyTitle p{font-weight: bold;} .LyBox .lyTitle .ftBlue{color:#17a9ef;} .LyBox .lyTitle .tit{float:left;} .LyBox .bt_close{float:right;} .LyBox .ly_subTxt1 { margin-bottom:11px; color:#555;} .LyBox .ly_subTxt1 p{clear:both;font-size:11px;font-weight: normal; line-height:16px; } .LyBox .ly_subTxt1 p.lytxt{clear:both;font-size:11px;font-weight: normal; line-height:16px; } .LyBox .ly_subTxt1 p.stit{font-weight:bold;margin:20px 0 8px 0;font-size:12px;color:#444;padding-bottom:5px;border-bottom:1px solid #eee;} .LyBox .ly_subTxt1 p.douPoint{clear:both;font-size:11px;font-weight: normal; line-height:16px; color:#666;} .LyBox .ly_subTxt1 .ftRed{font-size: 11px!important;color:#de7872;} .LyBox .ly_subTxt1 .text1 {color:#d05233} .LyBox .ly_subTxt1 .moreBt{text-align: right;padding:0;font-weight: bold;text-decoration: underline;} .LyBox .ly_subTxt1 .txtGo{padding-right:8px;color:#555;text-decoration: underline;font-weight:bold;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrow09.gif) no-repeat right center;} .LyBox ul.dotStyle{font-size: 11px;color:#666;} .LyBox ul.dotStyle > li{padding:3px 0 3px 10px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_gray01.gif) no-repeat left center;} .LyBox ul.dotStyle > li a{color:#666;text-decoration: none;} .LyBox ul.basicStyle1{font-size: 11px;color:#999;} .LyBox ul.basicStyle1 > li{padding:1px 0 1px 0} .LyBox ul.basicStyle1 > li a{color:#999;text-decoration: none;} .LyBox .ico{vertical-align: middle;margin-right:5px;} .LyBox .ly_subTxt2 { margin: 5px 0 10px 0; color:#444;line-height:16px;font-family: malgun Gothic,'맑은고딕',sans-serif; display:inline-block} .LyBox .ly_subTxt2 .tb_ly1{color:#444;font-family: malgun Gothic,'맑은고딕',sans-serif;} .LyBox .ly_subTxt2 .tb_ly1 th{vertical-align: top;font-weight: bold;} .LyBox .ly_subTxt2 .tb_ly1 th p.txt{padding-left:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_black01.gif) no-repeat left center;} .LyBox .ly_subTxt2 .tb_ly1 td{color:#444;} .LyBox .ly_subTxt2 .tb_ly1 td.h10{height:10px;} .LyBox .ly_subTxt3 { margin-bottom:11px; color:#555;padding:10px 10px 5px 10px;} .LyBox .ly_subTxt3 p { font:normal 11px malgun Gothic,'맑은고딕'; line-height:16px; margin-left:5px;} .LyBox .ly_subTxt3 .btWrap{margin:5px 0 0 0;text-align: center;} .LyBox .ly_subImg1 { margin:4px 0;} .LyBox1 { border:2px solid #555555;padding:7px 4px; text-align:left; background-color:#fff } .LyBox1 .tb_ship{text-align: center;font-family: malgun Gothic,'맑은고딕',sans-serif;} .LyBox1 .tb_ship th{font-size: 11px;font-weight: normal;padding:5px 0;border-right:1px solid #eee;} .LyBox1 .tb_ship td{font-weight: bold;color:#7aa8d3;padding:2px 0 5px 0;border-right:1px solid #eee;} .LyBox1 .tb_ship th.last, .LyBox1 .tb_ship td.last{border-right:0;} .LyBox2 {position:relative;border:1px solid #999;padding:9px 9px 0 9px; text-align:left; background-color:#fff } .LyBox2 .lyTitle {margin-bottom:8px;color:#444;padding-bottom:5px;border-bottom:1px solid #eee;font-size: 12px;} .LyBox2 .lyTitle p{font-weight: bold;} .LyBox2 .ly_subTxt1 { margin-bottom:11px; } .LyBox2 .ly_subTxt1 p { font:normal 11px malgun Gothic,'맑은고딕'; line-height:16px; } .LyBox2 .ly_subTxt1 p.lytxt{ font:normal 11px malgun Gothic,'맑은고딕'; line-height:16px; } .LyBox2 ul.dotStyle{font-size: 11px;color:#999;font-weight: normal;} .LyBox2 ul.dotStyle > li{padding-left:5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_gray01.gif) no-repeat left center;} .LyBox2 ul.dotStyle > li a:link, .LyBox2 ul.dotStyle > li a:visited, .LyBox2 ul.dotStyle > li a:active{color:#999;text-decoration: none;} .LyBox2 ul.dotStyle > li a:hover{color:#666;text-decoration: underline!important;} .LyPostZip { border:2px solid #666;padding:0; text-align:left; background-color:#fff } .LyPostZip .zipTitle {margin-bottom:8px;color:#fff;padding:5px 9px;border-bottom:1px solid #eee;background: #666;} .LyPostZip .zipTitle:after{content: '';display: block;clear: both;} .LyPostZip .zipTitle p{font-weight: bold;} .LyPostZip .zipTitle .tit{float:left;} .LyPostZip .zipTitle .bt_close{float:right;} .LyPostZip .loginText { margin-bottom:12px; color:#444;padding:10px 9px;} .LyPostZip .loginText p { font:normal 12px malgun Gothic,'맑은고딕'; line-height:16px; } .LyPostZip .loginText p a{color:#444;text-decoration: underline;font-weight: bold;} .LyPostZip .zipConWrap {color:#444;padding:0 9px 10px 9px;} .LyPostZip .zipConWrap .zip_txt1 {margin-bottom:10px;} .LyPostZip .zipConWrap .zip_select {margin-bottom:10px;} .LyPostZip .zipConWrap .zip_select .ra{vertical-align: -3px;} .LyPostZip .zipConWrap .zip_select span{vertical-align: middle;} .LyPostZip .zipConWrap .zip_select label{cursor: pointer;} .LyPostZip .zipConWrap .searchBOx {} .LyPostZip .zipConWrap .searchBOx .stit{font-size:11px; color:#de7872;font-weight: bold;} .LyPostZip .zipConWrap .searchBOx .inputBox{position:relative;width:320px;margin:5px 0;} .LyPostZip .zipConWrap .searchBOx .inputBox span{margin:0;padding:0;padding-right:4px;} .LyPostZip .zipConWrap .searchBOx .ipBox1 {width:249px;margin-right: 5px;height: 16px;border: 1px solid #d9d9d9;} .LyPostZip .zipConWrap .searchBOx .ipBox2 {width:73px;margin-right: 4px;height: 16px;border: 1px solid #d9d9d9;} :root .LyPostZip .zipConWrap .searchBOx .ipBox2 {margin-right: 4px;} .LyPostZip .zipConWrap .searchList{width:320px;margin-top:10px;} .LyPostZip .zipConWrap table.tbHeader{width:100%; margin-bottom:5px;font-size: 11px;border-top: 2px solid #ccc; border-bottom: 1px solid #ccc;} .LyPostZip .zipConWrap table.tbHeader th{height:25px;text-align: center;font-weight: bold;color:#999;background:url(http://bimage.interpark.com/renewPark/reBookpark/common/bar03.gif) no-repeat left center;} .LyPostZip .zipConWrap table.tbHeader th:first-child{background: none;} .LyPostZip .zipConWrap table.tbHeader th p{margin-top:2px;} .LyPostZip .zipConWrap .tbScroll{height: expression( this.scrollHeight > 120 ? "121px" : "auto" ); max-height:120px;margin:0px;padding:0; overflow:auto;} .LyPostZip .zipConWrap table.tbBody{width:100%; font-size: 11px;color:#999;} .LyPostZip .zipConWrap table.tbBody td{text-align: center;font-family: malgun Gothic,'맑은고딕',sans-serif;} .LyPostZip .zipConWrap table.tbBody td.tl{padding-left:20px;text-align: left;letter-spacing: -1px;} .LyPostZip .zipConWrap table.tbBody td p, .LyPostZip .zipConWrap table.tbBody td.tl p{padding:3px 0;} .LyPostZip .zipConWrap th, .LyPostZip .zipConWrap td{height:20px;} .LyPostZip .zipConWrap table.tbHeader .noList{margin:60px 0;text-align: center;} .LyPostZip .zipConWrap table.tbHeader .noList .txt1{font:normal 12px malgun Gothic,'맑은고딕';color:#666;} .LyPostZip .zipConWrap table.tbHeader .noList .txt2{font-size: 11px;color:#666;} .incReadLayerWrap {z-index:10000;position: absolute; margin:0;left:-20px;top:27px; z-index: 250;display: ; cursor: text;font-family: malgun Gothic,'맑은고딕',sans-serif;} .incReadLayerWrap .lyArrow{position:absolute;left:52px;top:-6px;display:inline-block;width:13px;height:7px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/inc_Ly/lyRead_arrow.png) no-repeat left top;z-index: 10001;} .Ly_readBox {position:relative; clear:both;padding:9px 19px 0 19px; text-align:left;border:1px solid #868686; border-left:none;border-right:none;background-color:#fff } .Ly_readBox .lyTitle {margin-bottom:8px;font-size:12px;color:#444;padding-bottom:5px;border-bottom:1px solid #eee;} .Ly_readBox .lyTitle:after{content: '';display: block;clear: both;} .Ly_readBox .lyTitle .tit{float:left;} .Ly_readBox .bt_close{float:right;} .Ly_readBox .ly_subTxt1 { margin-bottom:11px; color:#555;} .Ly_readBox .ly_subTxt1 p{clear:both;font-size:11px;font-weight: normal; line-height:16px; } .Ly_readBox .btGuide{clear:both;font-size:11px;padding:0 5px 0 0;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrow06.gif) no-repeat right center;color:#999;cursor: pointer;text-decoration: none;} /* -------------------------------------- Layer All-------------------------------------- */ /* -------------------------------------------- Window Full Layer --------------------------------*/ #mask {position:absolute;left:0;top:0;width:100%;height:100%;z-index:30000;background:#000;display:none;} .winAllLayer{position:absolute;z-index:50000;left:50%;margin-left:-480px;top:279px;} .winFixed{position:relative; margin:0; padding:0;width:960px;height:770px;} .winLayer_wrap{position:relative;width:954px;height:770px;border:3px solid #de7872;background: #fff;font-family: malgun Gothic,'맑은고딕',sans-serif;} .winLayer_wrap .ProductLayerTitle {width:914px;height:55px;padding:15px 0px 0 20px;} .winLayer_wrap .titleWrap {float:left;width:914px;border-bottom:1px solid #555;} .winLayer_wrap .titleWrap .title{color:#444;font-weight: bold;font-size: 16px;} .winLayer_wrap .titleWrap .title .serise{font-size: 12px;font-weight: normal;} .winLayer_wrap .titleWrap .title .stit{font-size: 11px;font-weight:normal;color:#666;} .winLayer_wrap .titleWrap .smallTxt {float:left;margin-top:2px;font-size:12px;letter-spacing:0px;background-position:right 1px} .winLayer_wrap .titleWrap .grade {margin-top:3px;display:inline-block;font-weight:bold;color:#e25147} .winLayer_wrap .titleWrap .infoLeft {float:left;height:23px;margin:7px 0 0 0} .winLayer_wrap .titleWrap .infoLeft .boookPublic{} .winLayer_wrap .titleWrap .infoLeft .boookPublic:after{content: '';display: block;clear: both;} .winLayer_wrap .titleWrap .infoLeft .boookPublic ul{margin-top:0;font-size: 11px;color:#666;} .winLayer_wrap .titleWrap .infoLeft .boookPublic ul > li{float:left;padding:0 5px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar04.gif) no-repeat left center;} .winLayer_wrap .titleWrap .infoLeft .boookPublic ul > li:first-child{padding:0 5px 0 0;background: none;} .winLayer_wrap .titleWrap .infoRight {float:right;margin-bottom:-1px;} .winLayer_wrap .titleWrap .infoRight a {float:left;width:129px;height:20px;padding:7px 0 2px 0;margin-left:-1px;border:1px solid #ccc;border-bottom:none;font-weight:bold;text-align:center;background-color:#fff;color:#999;font-size:12px;text-decoration:none} .winLayer_wrap .titleWrap .infoRight a.selected {width:129px;height:21px;padding:7px 0 2px 0;border:1px solid #555;border-bottom:none;color:#555;font-size:12px;z-index:1;position:relative;} .winLayer_wrap .titleWrap .review {float:left;margin:2px 6px 0 0;font-weight:bold;} .winLayer_wrap .ProductLayerContent {width:954px;height:440px;padding:15px 0px 0 0;} .winLayer_wrap .ProductLayerContent .bookInfo {float:left;width:220px;} .winLayer_wrap .ProductLayerContent .bookInfo .picWrap{width:220px;text-align: center} .winLayer_wrap .ProductLayerContent .bookInfo .picWrap .bd{width:180px;height:256px;border:1px solid #ccc;} .winLayer_wrap .ProductLayerContent .bookInfo .priceWrp .tb_price{margin-top:10px;width:180px;margin-left:20px;font-family: malgun Gothic,'맑은고딕',sans-serif;} .winLayer_wrap .ProductLayerContent .bookInfo .priceWrp .tb_price th{text-align: left;padding:3px 0;} .winLayer_wrap .ProductLayerContent .bookInfo .priceWrp .tb_price th.bigSaleTitle{color:#e15148;} .winLayer_wrap .ProductLayerContent .bookInfo .priceWrp .tb_price td{text-align: right;padding:3px 0;} .winLayer_wrap .ProductLayerContent .bookInfo .priceWrp .tb_price td.bigSale .normalPrice{color:#666;font-weight: bold;;} .winLayer_wrap .ProductLayerContent .bookInfo .priceWrp .tb_price td.bigSale{color:#e15148;} .winLayer_wrap .ProductLayerContent .bookInfo .priceWrp .tb_price td.bigSale .bigPrice{font-size: 16px;font-weight: bold;font-family:tahoma,Helvetica,sans-serif; } .winLayer_wrap .ProductLayerContent .bookInfo .priceWrp .tb_price td.bigSale .bigPrice span{font-size: 12px;} .winLayer_wrap .ProductLayerContent .bookInfo .rankWrap{width:220px;margin:10px auto 5px auto;padding-top:10px;border-top:1px solid #eee;} .winLayer_wrap .ProductLayerContent .bookInfo .rankWrap ul{} .winLayer_wrap .ProductLayerContent .bookInfo .rankWrap ul > li{text-align:center;padding-bottom: 3px;} .winLayer_wrap .ProductLayerContent .bookInfo .rankWrap ul > li .icoArow{padding-right:5px;} .winLayer_wrap .ProductLayerContent .bookInfo .rankWrap ul > li span{color:#e15148;font-weight:bold;padding-left:3px;} .winLayer_wrap .ProductLayerContent .bookInfo .buttonWrap{padding-top:10px;width:220px;text-align:center;font-size: 0;line-height: 0;} .winLayer_wrap .ProductLayerContent .bookContent {float:left;width:713px;border-left:1px solid #eee;} .winLayer_wrap .ProductLayerContent .bookContent .tatolCount{width:694px;margin-left: 19px;} .winLayer_wrap .ProductLayerContent .bookContent ul{} .winLayer_wrap .ProductLayerContent .bookContent ul:after{content: '';display: block;clear: both;} .winLayer_wrap .ProductLayerContent .bookContent ul > li{float: left;padding:0 10px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar_1x13_eee.gif) no-repeat left center;} .winLayer_wrap .ProductLayerContent .bookContent ul > li:first-child{background: none;padding:0 10px 0 0;} .winLayer_wrap .ProductLayerContent .bookContent ul > li:after{content: '';display: block;clear: both;} .winLayer_wrap .ProductLayerContent .bookContent ul > li .countTxt{padding-left:7px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bul/bul_black01.gif) no-repeat left center} .winLayer_wrap .ProductLayerContent .bookContent ul > li .countTxt span{padding-left:5px;font-weight: bold;color:#e15148;text-decoration: underline;} .winLayer_wrap .ProductLayerContent .bookContent ul > li .starWrap{float: left;padding:0 5px 0 3px;} .winLayer_wrap .ProductLayerContent .bookContent ul > li .starTxt{float: left} .winLayer_wrap .ProductLayerContent .bookContent .detailScroll{width:672px;max-height:370px;min-height:369px;padding:20px 0;border:1px solid #eee;background: #f9f9f9;margin:8px 0 0 19px;height:auto;overflow:auto;scrollbar-face-color:#fff;scrollbar-track-color:#fff;scrollbar-arrow-color:#bbb;scrollbar-3dlight-color:#e0e0e0;scrollbar-shadow-color:#e0e0e0;scrollbar-darkshadow-color:#fff;} :root .winLayer_wrap .ProductLayerContent .bookContent .detailScroll{max-height:365px;min-height:364px;} .winLayer_wrap .ProductLayerContent .bookContent .detailContent{width:622px;padding:0 15px;} .winLayer_wrap .ProductLayerContent .bookContent .detailContent .detailTit{padding-left:10px;margin-bottom:15px;font-weight:bold;color:#444;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/arrow/ico_arrow09.gif) no-repeat left center;} .winLayer_wrap .ProductLayerContent .bookContent .detailContent .detailTxt{color:#666;line-height: 150%;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview{width: 622px;margin: 0 0 0 20px;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .reviewBox{} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .reviewBox_on{border: 1px solid #ddd;margin-top:-1px;border-bottom:0;background: #fff;padding-bottom:10px;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .rev_tit {width:570px;margin:10px auto 7px auto;color:#444;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .rev_tit .btit{position:relative;font-weight:bold;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .rev_tit .ico_medal{position:absolute;left:-15px;top:2px;display:inline-block;width:13px;height:12px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/ico_reviewMedal.png) no-repeat center;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .rev_tit .ntit{font-weight:normal;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .rev_info{width:570px;margin:0 auto;font-size: 11px;color:#999; padding-bottom:10px;border-bottom: 1px solid #eee;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .rev_info:after{content: '';display: block;clear: both;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .rev_info .rev_star {float:left;margin-right:4px;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .rev_info .rev_writer{float:left;margin-right:4px;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .rev_info .rev_date {float:left;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .reviewCont{background-color: #fff;border: 1px solid #ddd;border-top:0;} .winLayer_wrap .ProductLayerContent .bookContent .detailReview .reviewCont .rev_txtWrap{width:570px;margin:0 auto;padding:0 0 15px 0;color:#666;font-size:11px;line-height: 150%;} .winLayer_wrap .ProductLayerRecomm{width:934px;margin: 5px 10px 20px 10px;} .winLayer_wrap .ProductLayerRecomm:after{content: '';display: block;clear: both;} .winLayer_wrap .ProductLayerRecomm .recomBook{float: left;} .winLayer_wrap .ProductLayerRecomm .recomBook .recomTit{color:#444;font-weight:bold;} .winLayer_wrap .ProductLayerRecomm .recomBook ul.txtTab{margin:10px 0 15px 12px;font-weight:bold;} .winLayer_wrap .ProductLayerRecomm .recomBook ul.txtTab:after{content: '';display: block;clear: both;} .winLayer_wrap .ProductLayerRecomm .recomBook ul.txtTab > li{float:left;padding:0 8px;background: url(http://bimage.interpark.com/renewPark/reBookpark/common/bar04.gif) no-repeat left center;} .winLayer_wrap .ProductLayerRecomm .recomBook ul.txtTab > li:first-child{background: none;padding:0 8px 0 0;} .winLayer_wrap .ProductLayerRecomm .recomBook ul.txtTab > li.select{color:#4693d4;font-weight: bold;} .winLayer_wrap .ProductLayerRecomm .recomBook ul.txtTab > li.select a{color:#4693d4;;font-weight: bold;} .winLayer_wrap .ProductLayerRecomm .topicBook{float: right;width:200px;} .winLayer_wrap .ProductLayerRecomm .topicBook .topicTit{color:#e15148;font-weight:bold;margin:10px 0 15px 12px;} .winLayer_wrap .ProductLayerRecomm ul.recomList{width:705px;padding-right:12px;border-right:1px solid #eee;} .winLayer_wrap .ProductLayerRecomm ul.recomList:after{content: '';display: block;clear: both;} .winLayer_wrap .ProductLayerRecomm ul.topicList{width:200px;} .winLayer_wrap .ProductLayerRecomm ul.topicList:after{content: '';display: block;clear: both;} .winLayer_wrap .ProductLayerRecomm ul.recomList > li{position:relative;float: left;width:100px;} .winLayer_wrap .ProductLayerRecomm ul.recomList > li .selected{position:absolute;left:0;top:-10px;width:100px;height:200px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bigLayer_selectBg.png) no-repeat center ;} .winLayer_wrap .ProductLayerRecomm ul.recomList > li:first-child{margin-left: 0;} .winLayer_wrap .ProductLayerRecomm ul.topicList > li{position:relative;float: left;width:100px;} .winLayer_wrap .ProductLayerRecomm ul.topicList > li .selected{position:absolute;left:0;top:-10px;width:100px;height:200px;background: url(http://bimage.interpark.com/renewPark/reBookpark/last_inc/bigLayer_selectBg.png) no-repeat center ;} .winLayer_wrap .ProductLayerRecomm ul.topicList > li:first-child{margin-left: 0;} .winLayer_wrap .ProductLayerRecomm li .bookList{width:80px;margin: 0 auto;} .winLayer_wrap .ProductLayerRecomm li .bookList .pic{position:relative;width:75px;margin:0 auto;} .winLayer_wrap .ProductLayerRecomm li .bookList .pic .imgBox{width:73px;height:106px;border:1px solid #eee;display: table-cell;vertical-align: middle;font-size: 0;line-height: 0;} .winLayer_wrap .ProductLayerRecomm li .bookList .pic .bd{width:73px;max-height:106px;text-align: center;} .winLayer_wrap .ProductLayerRecomm li .bookList .txt{margin-top:5px;font-size: 11px;width:80px;} .winLayer_wrap .ProductLayerRecomm li .bookList .txt a{text-decoration: none;} .winLayer_wrap .ProductLayerRecomm li .bookList .bName{color: #666;letter-spacing: -1px;} .winLayer_wrap .ProductLayerRecomm li .bookList .price{margin-top:3px;font-weight: bold;} .winLayer_wrap .ProductLayerRecomm li .bookList .price span{font-weight:normal;color:#999;letter-spacing: -1px;} .winLayer_wrap .ProductLayerRecomm li .bookList .nowSale{margin-top:3px;width:100px;font-weight: bold;color:#e15148;} .winLayer_wrap .ProductLayerRecomm li .bookList .nowSale span{font-weight: normal;color:#999;}