로그인
비회원
카테고리
사전
경제/경영
문학
만화
대학교재
과학
가정/건강/생활
정치/사회
어린이
여행/지도
역사/문화
예술/대중문화
외국도서
외국어/어학
유아
인문
인물
잡지
종교
청소년
취미/레저
컴퓨터/IT
수험서/자격증
학술도서
기술/공학
초등참고서
중/고등참고서
베스트셀러
화제의신간
저자채널
북팡
주요서비스
북포스트
북스크린
이벤트/기획
공지사항
1:1문의
고객센터
장바구니 담기
close
장바구니
에 상품을 담았습니다.
장바구니로
계속쇼핑하기
도서상세
무료배송
추천도서
소득공제
꿀잠 선물 가게
박초은
☆☆☆☆☆
평점(
0
/5) | 리뷰(
0
)
토닥스토리 | 2024-11-15 출간
판매가
17,000
원
즉시할인가
[10% 할인]
15,300
원
적립금
적립5%
850
원
배송비
무료배송
네이버페이 적립
2%
적립
카드할인
0%할인
0
원
대상카드
삼성/신한/현대/BC/KB국민/롯데/하나(외환)/하나/NH채움/우리/씨티/수협/광주/제주/전북
구성도서
상품정보
책 소개
목차</div> <div class="contents"> 프롤로그<br><br>백년시계-첫번째 손님<br>첫눈 커튼-두번째 손님<br>구름나라패스포트-세번째 손님<br>따뜻한 마음을 처방합니다-네번째 손님<br>오로라 망토를 둘러맨 조수 부엉이-오늘은 휴일<br>달빛 스노볼-다섯번째 손님<br>걱정 인형과 걱정 처방전-여섯번째 손님<br>체크무늬의 비밀-오슬로와 정이안<br>소곤소곤 귀마개-일곱번째 손님<br>쓱싹쓱싹 빗자루 이불-여덟번째 손님<br>특별한 외출-마지막 손님<br><br>작가의 말 </div> </dd> </dl> <dl class="hidden_box user_review"> <dt> <a href="javascript:;"> <span class="title">회원리뷰</span> <span class="add"><i class="material-icons"></i></span> <span class="remove"><i class="material-icons"></i></span> </a> </dt> <dd> </dd> </dl> <dl class="hidden_box book_data"> <dt> <a href="javascript:;"> <span class="title">책제원정보</span> <span class="add"><i class="material-icons"></i></span> <span class="remove"><i class="material-icons"></i></span> </a> </dt> <dd> <table cellpadding="0" cellspacing="0"> <tr> <td class="tit">ISBN</td> <td class="con">9788936434687</td> </tr> <tr> <td class="tit">판형정보</td> <td class="con">244쪽 / 132 X 200 X 20mm / 479g</td> </tr> <tr> <td class="tit">출판사</td> <td class="con">토닥스토리</td> </tr> <tr> <td class="tit">출판일</td> <td class="con">2024-11-15 출간</td> </tr> </table> </dd> </dl> <dl class="hidden_box detail_cs"> <dt> <a href="javascript:;"> <span class="title">교환 및 환불안내</span> <span class="add"><i class="material-icons"></i></span> <span class="remove"><i class="material-icons"></i></span> </a> </dt> <dd> <div> <span>도서 교환 및 환불</span> <ul> <li>ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)</li> <li>ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.</li> <li>ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.</li> <li>ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.</li> <li>ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.</li> <li>ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.<br> (카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)</li> <li>ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.</li> <li>ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.</li> <li>ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.</li> <li>ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.</li> <li>ㆍ군부대(사서함) 및 해외배송은 불가능합니다. </li> <li>ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다. </li> </ul> </div> <div> <span>반품안내</span> <ul> <li>마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 1800-7327</li> </ul> </div> <div> <span>교환/반품주소</span> <ul> <li>경기도 파주시 광인사길 193 / (주)북채널 / 전화 : 1800-7327</li> <li>택배안내 : CJ대한통운(1588-1255)</li> <li>고객님의 변심으로 인한 교환 또는 반품시에는 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.</li> </ul> </div> </dd> </dl> <!-- book_cs --> </div> <!-- detail_area --> <div class="buy_layer"> <div class="buy_select_box"> <div class="naver_pay"> <a href="javascript:;"> <div class="in"> <span class="icon"><img src="/image/m/common/naver_pay_icon.png"></span> <span>네이버페이</span> </div> </a> </div> <div class="normal_buy"> <a href="javascript:;"> <div class="in"> <span class="icon"><img src="/image/m/common/normal_buy_icon.png"></span> <span>구매하기</span> </div> </a> </div> </div> <div class="buy_box_wrap"> <div class="option_area"> <div class="opt_close"> <a href="javascript:;" class="on close"><i class="material-icons"></i></a> <a href="javascript:;" class="open"><i class="material-icons"></i></a> </div> <div class="option_box"> <div class="opt_box_close"> <span>옵션을 선택해주세요</span> <a href="javascript:;"><i class="material-icons"></i></a> </div> <div class="option_box_in"> <dl class="op2"> <dt> <a href="javascript:;"> <strong>추가상품</strong> <span><i class="material-icons"></i></span> </a> </dt> <dd> <div class="opt_title"> <a href="javascript:;"> <strong>상품선택</strong> <span><i class="material-icons"></i></span> <span><i class="material-icons"></i></span> </a> </div> <ul class="opt_list"> <li> <a href="javascript:func_opt_change('add_prod', 7900)"> <div class="in"> <span class="name">독서대</span> <span class="price">7,900원</span> </div> </a> </li> <li> <a href="javascript:func_opt_change('add_prod', 0)"> <div class="in"> <span class="name">독서대 선택안함</span> <span class="price">0원</span> </div> </a> </li> </ul> </dd> </dl> </div> </div> <div class="my_option_box"> <div class="my_opt"> <h4>선택된 상품</h4> <ul> <li data-value="0" data-opt="0" data-quantity="1"> <div class="top"> <div class="in"> <div class="name"> <span class="tit">꿀잠 선물 가게</span> </div> </div> </div> <div class="bottom"> <div class="in"> <div class="amount_box"> <input type="text" value="1" name="quantity" readonly > <a href="javascript:;" class="down"><i class="material-icons"></i></a> <a href="javascript:;" class="up"><i class="material-icons"></i></a> </div> <div class="price"> 15,300원 </div> </div> </div> </li> </ul> </div> <!-- my_opt --> </div> <div class="last_price"> <p class="le">총 주문금액</p> <p class="ri"><span class="sale_amount">15,300</span>원</p> </div> </div> <div class="buy_box"> <div class="inner"> <div class="back"> <a href="javascript:;"> <i class="material-icons"></i> </a> </div> <div class="left normal_btn" style="display: none;"> <div class="basket_btn"> <a href="javascript:order('cart');"> <div class="in"> <span>장바구니</span> </div> </a> </div> <div class="normal_buy"> <a href="javascript:order('order');"> <div class="in"> <span class="icon"><img src="/image/m/common/normal_buy_icon.png"></span> <span>구매하기</span> </div> </a> </div> </div> <div class="left naver_btn" style="display: none;"> <script type="text/javascript" src="http://pay.naver.com/customer/js/mobile/naverPayButton.js" charset="UTF-8"></script> <script type="text/javascript">//<![CDATA[ function naverpay_buy() { var product_id = '848991'; var product_nm = '꿀잠 선물 가게-토닥스토리'; var product_isbn = '9788936434687'; var product_amount = 15300; var product_quantity = $("input[name='quantity']").val(); var option1 = ''; var option2 = ''; $('.my_option_box > .my_opt li').each(function (){ if( $(this).attr('data-type') == 'add_prod' ) // 해당 상품의 옵션 2 (독서대) { option2 = $(this).attr('data-value')*1; } else if( $(this).attr('data-type') == 'part_prod' ) // 해당 상품의 옵션 1 (스프링제본) { option1 = $(this).attr('data-value')*1; } }); var option1_subject = parseInt(option1/1500)>0?'스프링제본('+option1/1500+'권) + '+comma(option1)+'원':''; var option2_subject = parseInt(option2)>0?'독서대 선택( +7,900원)':''; /* ajax 전송을 위해서 배열로 data 정리 */ /* Jquery된 부분들은 각 홈페이지 테마 마다 다를수 있습니다. 확인하시고 수정하여야 됩니다.*/ /* 예 - $("input[name=cpf_product_price]").val(); 이런부분 말씀입니다.*/ var order_data = []; var form_data = new Object(); form_data.ITEM_ID = product_id; // 상품 번호 form_data.EC_MALL_PID = product_id; // 상품 번호 form_data.PRODUCT_NAME = product_nm; // 상품명 form_data.PRODUCT_PRICE = product_amount; // 상품가격 form_data.quantity = product_quantity; // 상품 수량 form_data.isbn = product_isbn; // 옵션값 form_data.option_price1 = option1 ; // 옵션값 form_data.option_price2 = option2 ; // 옵션값 form_data.option1 = option1_subject; // 옵션값 form_data.option2 = option2_subject; // 옵션값 order_data.push(form_data); // 배열에 담기 $('.my_option_box > .my_opt li').each(function (){ if( $(this).attr('data-type') == 'opt_prod' || $(this).attr('data-type') == 'essent_opt_prod' ) // 해당 상품의 옵션 2 (독서대) { var form_data = new Object(); var opt_book_sq = $(this).attr('data-book'); var option1 = $(this).attr('data-opt'); var option1_subject = parseInt(option1/1500)>0?'스프링제본('+option1/1500+'권) + '+comma(option1)+'원':''; var quantity = $(this).attr('data-quantity'); form_data.ITEM_ID = opt_book_sq; // 상품 번호 form_data.EC_MALL_PID = opt_book_sq; // 상품 번호 form_data.option_price1 = option1 ; // 옵션값 form_data.option1 = option1_subject; // 옵션값 form_data.quantity = quantity; // 옵션수량 order_data.push(form_data); // 배열에 담기 } }); if(order_data.length == 1 && product_amount == 0){ alert('옵션 상품을 선택해 주세요.'); return; } var jsondata = JSON.stringify(order_data); // JSON화 시키기 /* ajax 전송 */ /* 초보자라... url을 php페이지 만들어서 전송처리 하였습니다.. 고수분들은 수정하셔서 사용하세요. */ $.ajax({ type: 'POST', contentType: 'application/json; charset=UTF-8', url: '/common/naver/naver_pay2/mobile', // 이 주소는 FTP에 넣으신 주소로 하시면 됩니다. 저같은경우는 테마 폴더에 넣었습니다. data: jsondata, success: function (text) { // 성공시 리턴값 받기 var url = text; // console.log(text); // 리턴된 text값의 로그 체크 위해서 사용하였습니다. 개발시에는 주석 지우시고 테스트하시다가 결과값 전송잘되면 주석처리 하시면됩니다. location.href = url; }, error: function(xhr, status, error){ // 실패시 에러값 받기 console.log(error); } }); } function not_buy_nc(){ alert("죄송합니다. 네이버페이로 구매가 불가한 상품입니다."); return; } /* 찜 하기 연동 function 입니다. */ function wishlist_nc(){ var product_id = '848991'; var product_nm = '꿀잠 선물 가게'; var product_amount = 15300; var wishlist_data = []; var form_data = new Object(); form_data.ITEM_ID = product_id; // 상품번호 form_data.EC_MALL_PID = product_id; // 상품번호 form_data.PRODUCT_NAME = product_nm; // 상품명 form_data.PRODUCT_PRICE = product_amount; //상품 가격 form_data.img = 'https://image.studych.co.kr/bookch/data/book/2024/11/21/9788936434687/9788936434687.jpg'; // 상품 이미지 form_data.thumb = 'https://image.studych.co.kr/bookch/data/book/2024/11/21/9788936434687/9788936434687_ns.png'; // 상품 썸네일 이미지 wishlist_data.push(form_data); // 배열에 추가 var wishlist_jsondata = JSON.stringify(wishlist_data); // JSON화 시키기 $.ajax({ type: 'POST', contentType: 'application/json; charset=UTF-8', url: '/common/naver/naver_wish2/mobile', // 이 주소는 FTP에 넣으신 주소로 하시면 됩니다. 저같은경우는 테마 폴더에 넣었습니다. data: wishlist_jsondata, success: function (text) { var url = text; // console.log(text); // 리턴된 text값의 로그 체크 위해서 사용하였습니다. 개발시에는 주석 지우시고 테스트하시다가 결과값 전송잘되면 주석처리 하시면됩니다. location.href = url; // window.open(url,"","scrollbars=yes,width=400,height=267"); }, error: function(xhr, status, error){ console.log(error); } }); } naver.NaverPayButton.apply({ BUTTON_KEY: "721277E5-DE44-42AB-B1A7-4BD17E42A369", // 페이에서 제공받은 버튼 인증 키 입력 TYPE: "MA", // 버튼 모음 종류 설정 COLOR: 1, // 버튼 모음의 색 설정 COUNT: 2, // 버튼 개수 설정. 구매하기 버튼만 있으면 1, 찜하기 버튼도 있으면 2를 입력. ENABLE: "Y", // 품절 등의 이유로 버튼 모음을 비활성화할 때에는 "N" 입력 BUY_BUTTON_HANDLER: naverpay_buy, // 구매하기 버튼 이벤트 Handler 함수 등록, 품절인 경우 not_buy_nc 함수 사용 WISHLIST_BUTTON_HANDLER: wishlist_nc, // 찜하기 버튼 이벤트 Handler 함수 등록 "":"" }); //]]> </script> <script type="text/javascript" src="http://pay.naver.com/js/mobile/naverPayButton.js" charset="UTF-8"></script> </div> </div> <!--inner --> </div> <!-- buy_box --> </div> <div class="naver_pay_wrap"></div> </div> </form> </div> <!-- book_view --> <script> page_move(1); var carousel; $(window).ready(function(){ $('.book_detail').addClass('on'); $('.book_detail dd').css('display','block'); $('.option_book').addClass('on'); $('.option_book dd').css('display','block'); carousel = $('.option_book dd ul.scroling'); carousel.itemslide( { disable_slide: false, duration: 300, left_sided:true } ); $('.hidden_box dt').click(function(){ $(this).parent().toggleClass('on'); $(this).siblings('dd').stop('true','true').slideToggle(); return; }); $('.buy_select_box .normal_buy a').click(function(){ $('.buy_box').css('height', '50px'); $('.buy_select_box').hide(); $('.buy_box_wrap').slideDown(300); $('.normal_btn').show(); $('.naver_btn').hide(); return; }); $('.buy_select_box .naver_pay a').click(function(){ $('.buy_box').css('height', '100px'); $('.buy_select_box').hide(); $('.buy_box_wrap').slideDown(300); $('.normal_btn').hide(); $('.naver_btn').show(); return; }); $('.buy_box_wrap .back a').click(function(){ $('.buy_box_wrap').hide(); $('.buy_select_box').slideDown(300); return }); $('.option_area .opt_close a.close').click(function(){ $('.option_area .my_option_box').slideToggle(500); $('.option_area .opt_close a').addClass('on'); $(this).removeClass('on'); $('.option_box').css('display','none'); return; }); $('.option_area .opt_close a.open').click(function(){ $('.option_area .my_option_box').slideToggle(500); $('.option_area .opt_close a').addClass('on'); $(this).removeClass('on'); return; }); $('.option_box .opt_title').click(function(){ $(this).parent().toggleClass('on'); $(this).siblings('dd').stop('true','true').slideToggle(); $(this).children().children('span').toggleClass('on'); return; }); $('.my_opt_btn a').click(function(){ $('.option_box').css('display','block'); $('.my_option_box').css('display','none'); return; }); // $('.option_box li a').click(function(){ // $('.option_box').css('display','none'); // $('.my_option_box').css('display','block'); // }); $('.opt_box_close a').click(function(){ $('.option_box').css('display','none'); $('.my_option_box').css('display','block'); }); }); function page_move( page ) { var book_sq = $("input[name='book_sq']").val(); $.ajax({ type:'POST', url:'/m/book/ajax_review_list', dataType:'html', data: { 'ajax' : 'Y', 'page' : page, 'book_sq' : book_sq }, success:function (data){ $(".user_review > dd").html(data); }, error:function (){ // alert('error'); } }); } function change_opt_quantity(book, type) { var idx = '100'; $('.my_opt > ul > li').each(function (){ $(this).css('color', '#595959'); if( $(this).attr('data-type') == 'opt_prod' && $(this).attr('data-book') == book) idx = $(this).index(); }); var count = type == 'up' ? +1 : -1; var opt_quantity = $('.opt_quantity_'+book).val(); if((opt_quantity < 99 && type == 'up') || (opt_quantity > 1 && type == 'down')){ $('.opt_quantity_'+book).val(parseInt($('.opt_quantity_'+book).val())+count); $('.my_opt > ul > li').eq(idx).css('color','rgb(255, 100, 0)'); $('.my_opt > ul > li').eq(idx).attr('data-quantity', parseInt($('.opt_quantity_'+book).val())); } calculation(); } function func_opt_insert(mode, val, book, opt, title) { book = typeof book !== 'undefined' ? book : ""; opt = typeof opt !== 'undefined' ? opt : ""; title = typeof title !== 'undefined' ? title : ""; var html = ''; html += '<dd class="opt2 addition">'; html += '<div class="opt_title">'; html += '<a href="javascript:;">'; html += '<strong>스프링제본 선택</strong>'; html += '<span class="on"><i class="material-icons"></i></span>'; html += '<span><i class="material-icons"></i></span>'; html += '</a>'; html += '</div>'; html += '<ul class="opt_list" style="display:block;">'; html += '<li>'; html += '<a href="javascript:func_option_flag(\'opt_prod\','+val+','+book+','+opt+',\''+title+'\');"><div class="in"><span class="name">스프링제본 선택</span>'; html += '<span class="price">'+comma(opt)+'원</span></div></a>'; html += '</li>'; html += '<li>'; html += '<a href="javascript:func_option_flag(\'opt_prod\','+val+','+book+',0,\''+title+'\');"><div class="in"><span class="name">스프링제본 선택안함</span>'; html += '<span class="price">0원</span></div></a>'; html += '</li>'; html += '</ul>'; html += '</dd>'; $(".option_area > .option_box > .option_box_in > .op1 > .opt1").hide(); $(".option_area > .option_box > .option_box_in > .op1 > dd.opt1").removeClass('on'); $(".option_area > .option_box > .option_box_in > .op2 > dd").removeClass('on'); $(".option_area > .option_box > .option_box_in > .op1").append(html); } function func_option_flag(mode, val, book, opt, title) { book = typeof book !== 'undefined' ? book : ""; opt = typeof opt !== 'undefined' ? opt : ""; title = typeof title !== 'undefined' ? title : ""; var idx = '100'; if( book == ''){ $('.my_opt > ul > li').each(function (){ if( $(this).attr('data-type') == mode ) idx = $(this).index(); }); }else{ $('.my_opt > ul > li').each(function (){ $('.my_opt > ul > li').eq(idx).css('color','#595959'); if( $(this).attr('data-type') == mode && $(this).attr('data-book') == book) idx = $(this).index(); }); } if ( parseInt(idx) == 100 && val > 0){ var html = '<li class="op_pd" data-type="'+mode+'" data-value="'+val+'" data-book="'+book+'" data-opt="'+opt+'" data-quantity="1">'; html += '<input type="hidden" name="input_array[]" value="opt_prod, '+val+','+book+', '+opt+'">'; html += '<div class="top">'; html += '<div class="in">'; html += '<div class="name">'; html += '<span class="tit">'+title+'</span>'; if( opt > 0){ html +='<span class="bu">ㄴ 스프링제본 선택완료(+'+comma(opt)+'원)<strong style="color:#ff0000"> (반품/교환/환불 불가)</strong></span>'; alert('스프링제본을 선택하셨습니다.\n반품/교환/환불이 불가합니다.'); } html += '</div>'; html += '<div class="del">'; html += '<a href="javascript:;" class="del_btn"><i class="material-icons"></i></a>'; html += '</div>'; html += '</div>'; html += '</div>'; html += '<div class="bottom"><div class="in"><div class="amount_box">'; html += '<input type="text" value="1" class="opt_quantity_'+book+'" readonly >'; html += '<a href="javascript:change_opt_quantity('+book+', \'down\');"><i class="material-icons"></i></a>'; html += '<a href="javascript:change_opt_quantity('+book+', \'up\');"><i class="material-icons"></i></a>'; html += '</div><div class="price">'+comma(val)+'원</div></div></div>'; html += '</li>'; }else{ $('.my_opt > ul > li').eq(idx).css('color','#ff0000'); alert('이미 선택한 상품 입니다.'); } $(".option_area > .option_box > .option_box_in > .op1 > dd.opt1").removeClass('on'); $(".option_area > .option_box > .option_box_in > .op2 > dd").removeClass('on'); $('.option_area > .my_option_box > .my_opt > ul').append(html); $(".option_area > .option_box > .option_box_in > .op1 > .opt2.addition").remove(); $(".option_area > .option_box > .option_box_in > .op1 > .opt1").show(); $('.option_box').css('display','none'); $('.my_option_box').css('display','block'); calculation(); } function func_opt_change( mode, val, book, opt, title) { book = typeof book !== 'undefined' ? book : ""; opt = typeof opt !== 'undefined' ? opt : ""; title = typeof title !== 'undefined' ? title : ""; var essent_list = '0'; var idx = '100'; if( book == ''){ $('.my_opt > ul > li').each(function (){ if( $(this).attr('data-type') == mode ) idx = $(this).index(); }); }else{ $('.my_opt > ul > li').each(function (){ $('.my_opt > ul > li').eq(idx).css('color','#595959'); if( $(this).attr('data-type') == mode && $(this).attr('data-book') == book) idx = $(this).index(); }); } if( opt != '' && opt > 0) { func_opt_insert(mode, val, book, opt, title); return; } if ( parseInt(idx) == 100 && val > 0){ if( book == ''){ if(essent_list > 0){ $('.my_opt > ul > li').each(function (){ if($(this).attr('data-type') == 'essent_opt_prod'){ var essent_opt = $(this).attr('data-essent_opt'); $(this).attr('data-opt', essent_opt); $(this).find('.name').append('<span class="bu">ㄴ 스프링제본 선택완료<strong style="color:#ff0000"> (반품/교환/환불 불가)</strong></span>'); var essent_amount_val = $(this).find('input[name="input_array[]"]').val(); essent_amount_val = essent_amount_val.split(","); essent_amount_val[3] = essent_opt; essent_amount_val = essent_amount_val.join(','); $(this).find('input[name="input_array[]"]').val(essent_amount_val); } }); var html = '<li data-type="'+mode+'" data-value="0" data-book="" data-opt="0" data-quantity="1" style="display:none;">'; html += '<input type="hidden" name="input_array[]" value="'+mode+', 0, 0, 0">'; html += '<div class="top">'; html += '<div class="in">'; html += '<div class="name">'; html += '<span class="tit">스프링제본 선택 '+val/1500+'권</span>'; html += '</div>'; html += '<div class="del">'; html += '<a href="javascript:;" class="del_btn"><i class="material-icons"></i></a>'; html += '</div>'; html += '</div>'; html += '</div>'; html += '<div class="bottom"><div class="in"><div class="amount_box" style="height: 26px;"></div><div class="price">'+comma(val)+'원</div></div></div>'; html += '</li>'; }else{ var html = '<li data-type="'+mode+'" data-value="'+val+'" data-book="" data-opt="0" data-quantity="1">'; html += '<input type="hidden" name="input_array[]" value="'+mode+', '+val+', 0, 0">'; html += '<div class="top">'; html += '<div class="in">'; html += '<div class="name">'; if( mode == 'part_prod'){ html += '<span class="tit">스프링제본 선택 '+val/1500+'권</span>'; alert('스프링제본을 선택하셨습니다.\n반품/교환/환불이 불가합니다.'); }else{ html += '<span class="tit">독서대 선택( +7,900원)</span>'; } html += '</div>'; html += '<div class="del">'; html += '<a href="javascript:;" class="del_btn"><i class="material-icons"></i></a>'; html += '</div>'; html += '</div>'; html += '</div>'; html += '<div class="bottom"><div class="in"><div class="amount_box" style="height: 26px;"></div><div class="price">'+comma(val)+'원</div></div></div>'; html += '</li>'; } }else{ var html = '<li class="op_pd" data-type="'+mode+'" data-value="'+val+'" data-book="'+book+'" data-opt="'+opt+'" data-quantity="1">'; html += '<input type="hidden" name="input_array[]" value="opt_prod, '+val+','+book+', '+opt+'">'; html += '<div class="top">'; html += '<div class="in">'; html += '<div class="name">'; html += '<span class="tit">'+title+'</span>'; html += '</div>'; html += '<div class="del">'; html += '<a href="javascript:;" class="del_btn"><i class="material-icons"></i></a>'; html += '</div>'; html += '</div>'; html += '</div>'; html += '<div class="bottom"><div class="in"><div class="amount_box">'; html += '<input type="text" value="1" class="opt_quantity_'+book+'" readonly >'; html += '<a href="javascript:change_opt_quantity('+book+', \'down\');"><i class="material-icons"></i></a>'; html += '<a href="javascript:change_opt_quantity('+book+', \'up\');"><i class="material-icons"></i></a>'; html += '</div><div class="price">'+comma(val)+'원</div></div></div>'; html += '</li>'; } $('.my_option_box > .my_opt > ul').append(html); }else{ if( val == 0){ if(essent_list > 0){ $('.my_opt > ul > li').each(function (){ if($(this).attr('data-type') == 'essent_opt_prod'){ $(this).attr('data-opt', 0); $(this).find('.bu').remove(); var essent_amount_val = $(this).find('input[name="input_array[]"]').val(); essent_amount_val = essent_amount_val.split(","); essent_amount_val[3] = 0; essent_amount_val = essent_amount_val.join(','); $(this).find('input[name="input_array[]"]').val(essent_amount_val); } }); } $('.my_opt > ul > li').eq(idx).remove(); }else{ $('.my_opt > ul > li').eq(idx).css('color','#ff0000'); alert('이미 선택한 상품 입니다.'); } } $(".option_area > .option_box > .option_box_in > .op1 > dd.opt1").removeClass('on'); $(".option_area > .option_box > .option_box_in > .op2 > dd").removeClass('on'); // if( $('.my_option_box > .my_opt > ul').size() > 0 ) // $('.my_opt').show(); // else // $('.my_opt').hide(); $('.option_box').css('display','none'); $('.my_option_box').css('display','block'); calculation(); } </script> <iframe name="hiddenProcessId" id="hiddenProcessId" src="about:blank" style="display: none;" title="hiddenProcess">