단순한 프로세스와 쉬운 제작툴로 당신을 지원합니다.
카페24의 특화된 디자인 단순복사기능!작업한 디자인은 고객의 쇼핑몰에 그대로
적용할 수 있는 기능으로 하나의
디자인을 수백, 수천 개의 쇼핑몰에 판매할 수 있습니다.
고객들이 실제로 사용하는 환경에서 디자인 상품을
제작하여 모든 HTML, CSS 등의 파일이 구매한 고객의
쇼핑몰에 자동 적용되도록 만들어져 있습니다.
고객의 커스터마이징 요구가 있을 경우에는, 고객이
추가 비용을 지불하여 파트너사에게 커스텀을
의뢰하는 방식으로 진행하게 됩니다.
원활한 디바이스 연동을 위한
반응형도 제작 가능합니다.
개발 단계 없이도 원하는 디자인을 표현해 낼 수 있습니다
쇼핑몰을 꾸미기 위해 많은 카페24 쇼핑몰 운영자가
스토어에 방문합니다.
디자인 파트너들의 이야기를 들어 보세요.
저희는 카페24에서 14년째 함께 해온 경험과 그동안의 신뢰가 있습니다. 다양한 업체들이 저희처럼 함께 성장할 수 있는 디자인 파트너를 만들어주셔서 감사합니다.
모렌비, 이수진처음엔 다양한 고객이 많다 보니 원하는 조건을 빠르고 정확하게 응대해야 하는 부분이 다소 어렵게 느껴지곤 했었어요. 그래도 다양한 고객도 만나볼 수 있고 웹 디자인 관련해 창의적이고 실용적인 상품을 판매하기에는 카페24가 가장 좋은 것 같아요.
굿디몰디자인, 조혜영다른 플랫폼을 사용하다 카페24로 오신 고객분이 있으셨는데 작업을 마치고 한 달 뒤에 사이트 관리나 수정이 편하고, 온라인 매출이 늘어나셨다며 감사의 연락과 선물을 보내주신 적이 있었어요.
웹테리어, 우형욱초보자도 쉽게 구축할 수 있고 확장성과 커스텀까지 가능해 고객들의 요구를 만족도 있게 수용할 수 있었습니다. 카페24와 동반 성장의 기대가 큽니다.the131DESIGN, 박진영
상품을 제작하는 저희 입장에서는 카페24가 타 솔루션보다 작업 환경이 훌륭합니다. 특별히 에디터를 사용하지 않아도 될 정도로 "디자인 편집" 영역이 잘 되어있습니다. 벌써 10년째 함께하고 있어요.
라스트 디자인, 배홍식비즈니스를 하면서 가장 어려운 것이 고객을 만나는 일이지요. 디자인 파트너는 다양한 글로벌 고객과의 비즈니스를 가능하게 해줄 뿐 아니라 앞으로 더 많은 글로벌 국가로의 진출을 목표로 하고 있어 상생과 성장의 방향성에 거는 기대가 큽니다.
플루이드, 김강<div module="product_listmain_[seq]">
<!--@css(/css/module/product/listmain_1.css)-->
<!--
$count = 8
$basket_result = /product/add_basket.html
$basket_option = /product/basket_option.html
-->
<h2><span>{$category_title_text}</span></h2>
<ul class="prdList column4">
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" id="{$image_medium_id}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$benefit_icons}</div>
<div class="button"><div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}</div>
</div>
<p class="name">
<strong><a href="/product/detail.html{$param}" class="{$product_name_display|display}"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
<li class="item" id="anchorBoxId_{$product_no}">
<div class="box">
<a href="/product/detail.html{$param}" name="anchorBoxName_{$product_no}"><img src="{$image_medium}" id="{$image_medium_id}" alt="" class="thumb" /></a>
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$benefit_icons}</div>
<div class="button"><div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}</div>
</div>
<p class="name">
<strong><a href="/product/detail.html{$param}" class="{$product_name_display|display}"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong>
</p>
<ul module="product_ListItem">
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
<li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
</ul>
</div>
</li>
</ul>
</div>
/* 공통 */
.xans-product-[seq] { margin:22px 0 0; }
.xans-product-[seq] h2 { margin:0 0 16px; font-weight:normal; font-size:20px; font-family:Arial, "돋움", Dotum, sans-serif; color:#2e2e2e; text-align:center; }
.xans-product-[seq] img { vertical-align:middle; }
.xans-product-[seq] ul.prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.xans-product-[seq] ul.prdList li.item { display:inline-block; margin:20px 0; color:#757575; vertical-align:top; *display:inline; *zoom:1; }
.xans-product-[seq] ul.prdList li.item .box { margin:0 auto; font-size:12px; line-height:18px; text-align:center; }
.xans-product-[seq] ul.prdList li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.xans-product-[seq] ul.prdList.column3 li .color { width:176px; }
.xans-product-[seq] ul.prdList.column4 li .color { width:116px; }
.xans-product-[seq] ul.prdList.column5 li .color { width:76px; }
.xans-product-[seq] ul.prdList li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }
.xans-product-[seq] ul.prdList .thumb { margin:0 0 10px; border:1px solid #ececec; }
.xans-product-[seq] ul.prdList .name { text-align:left; }
.xans-product-[seq] ul.prdList .name a { color:#2e2e2e; }
.xans-product-[seq] ul.prdList .name .title { font-weight:normal; }
.xans-product-[seq] ul.prdList .status { margin:0 0 16px; padding:0 80px 4px 0; border-bottom:1px solid #e8e8e8; text-align:right; line-height:0; *zoom:1; }
.xans-product-[seq] ul.prdList .status:after { content:""; display:block; clear:both; }
.xans-product-[seq] ul.prdList .icon { float:left; text-align:left; }
.xans-product-[seq] ul.prdList .icon img { margin:0 -3px 6px 0; }
.xans-product-[seq] ul.prdList .button { margin:0 -80px 0 0; *zoom:1; }
.xans-product-[seq] ul.prdList .button img { margin:0 0 6px -3px; cursor:pointer; }
.xans-product-[seq] ul.prdList .button .option { display:inline; position:relative; *zoom:1; }
.xans-product-[seq] ul.prdList .mileage { display:block; }
.xans-product-[seq] ul.prdList span.grid { display:block; }
.xans-product-listitem li { text-align:left; }
/* 진열방식 */
.xans-product-[seq] ul.column4 li.item { width:25%; }
.xans-product-[seq] ul.column4 li.item .box { width:240px; }
.xans-product-[seq] ul.column4 li.item .thumb { max-width:238px; }
.xans-product-[seq] ul.column5 li.item { width:20%; }
.xans-product-[seq] ul.column5 li.item .box { width:189px; }
.xans-product-[seq] ul.column5 li.item .thumb { max-width:187px; }
/* module="product_ListItem" */
.xans-product-[seq] .xans-product-listitem { margin:0; }
.xans-product-[seq] .xans-product-listitem li .title { font-weight:normal; vertical-align:top; }
.xans-product-[seq] .xans-product-listitem li .title span { vertical-align:top; }
/* 할인기간 레이어 */
.xans-product-[seq] .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; *zoom:1; *display:inline; }
.xans-product-[seq] .discountPeriod .edge { position:absolute; left:50%; top:-6px; width:10px; height:6px; margin:0 0 0 -5px; font-size:0; line-height:0; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_tip_edge.gif") no-repeat 0 0; }
.xans-product-[seq] .layerDiscountPeriod { display:none; position:absolute; left:50%; top:26px; width:247px; margin:0 0 0 -124px; border:1px solid #565960; font-size:12px; background-color:#fff; }
.xans-product-[seq] .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.xans-product-[seq] .layerDiscountPeriod .content { padding:9px 10px 12px 14px; font-family:Verdana, "돋움", Dotum, sans-serif; }
.xans-product-[seq] .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; color:#000; line-height:16px; color:#757575; letter-spacing:-1px; }
.xans-product-[seq] .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.xans-product-[seq] .layerDiscountPeriod .content p strong span { font-size:11px; }
.xans-product-[seq] .layerDiscountPeriod .close { position:absolute; right:14px; top:14px; }
.xans-product-[seq] .layerDiscountPeriod .close img { cursor:pointer; }
<div module="product_detail">
<!--@css(/css/module/product/detail.css)-->
<!--@js(/js/module/product/product_image.js)-->
<div class="headingArea">
<h2>[{$product_code}] {$name}</h2>
<span class="delivery {$delvtype_display|display}">(해외배송 가능상품)</span>
<span class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$benefit_icons}</span>
<!-- 공급사 바로가기버튼 영역 -->
<div class="supply {$supply_link_display|display}">
<span>{$supply_top_logo}</span>
<a href="#none" onclick="{$supply_go_action}"><img src="{$supply_go_img}" alt="공급사 바로가기" /></a>
</div>
<!-- //공급사 바로가기버튼 영역 -->
</div>
<div class="detailArea">
<!-- 이미지 영역 -->
<div class="imgArea" module="product_image">
<div class="keyImg">
<a href="/product/image_zoom2.html{$zoom_param}" alt="{$product_code}" onclick="window.open(this.href, 'image_zoom2', 'toolbar=no,scrollbars=auto,resizable=yes,width=450,height=693,left=0,top=0', this);return false;"><img src="{$big_img}" alt="" class="{$big_img_class} {$img_display|display}" /></a>
</div>
<!-- 참고 : 뉴상품관리 전용 모듈입니다. 뉴상품관리 이외의 곳에서 사용하면 정상동작하지 않습니다. -->
<div class="listImg" module="product_addimage">
<ul>
<li>{$add_img}</li>
<li>{$add_img}</li>
</ul>
</div><!-- //참고 -->
<div class="control">
<span class="prev"><a href="#none" onclick="{$action_prev_product}" style="display:{$btn_prev_display};"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_product_prev.gif" alt="이전상품" /></a></span>
<span class="next"><a href="#none" onclick="{$action_next_product}" style="display:{$btn_next_display};"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_product_next.gif" alt="다음 제품 보기" /></a></span>
<a href="/product/image_zoom2.html{$zoom_param}" onclick="window.open(this.href, 'image_zoom2', 'toolbar=no,scrollbars=auto,resizable=yes,width=560,height=710,left=0,top=0', this);return false;"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_product_zoom.gif" alt="확대보기" /></a>
</div>
<!-- 참고 : 뉴상품관리 전용 모듈입니다. 뉴상품관리 이외의 곳에서 사용하면 정상동작하지 않습니다. -->
<div class="{$colorchip_display|display}">
<div class="color" module="product_Colorchip">
<span class="chips" style="background-color:{$color}"></span>
<span class="chips" style="background-color:{$color}"></span>
</div>
</div>
<!-- //참고 -->
<!-- 참고 : 뉴상품관리 전용 변수가 포함되어 있습니다. 뉴상품관리 이외의 곳에서 사용하면 일부 변수가 정상동작하지 않을 수 있습니다. -->
<div class="button" module="product_action">
<a href="#none" onclick="{$action_recommend}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_recommend_email.gif" alt="추천메일 보내기" /></a>
<a href="#none" onclick="{$action_request}" class="{$request_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_product_request.gif" alt="상품조르기" /></a>
<a href="/board/inquiry/write.html{$inquiry_param}" class="{$inquiry_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_large_purchase.gif" alt="대량구매문의" /></a>
</div><!-- //참고 -->
</div><!-- //이미지 영역 -->
<!-- 상세정보 내역 -->
<div class="infoArea">
<div module="product_detaildesign">
<!--
출력 갯수 지정 변수, 없으면 설정된 전체가 나옵니다.
count = 10
-->
<table border="1" summary="">
<caption>{$name} 기본 정보</caption>
<tbody>
<tr class="{$item_display|display}">
<th scope="row">{$item_title}</th>
<td>{$item_content}</td>
</tr>
<tr class="{$item_display|display}">
<th scope="row">{$item_title}</th>
<td>{$item_content}</td>
</tr>
</tbody>
</table>
</div>
<table border="1" summary="">
<caption>SNS 상품홍보</caption>
<tbody>
<tr class="{$sns_display|display}">
<th scope="row">SNS 상품홍보</th>
<td class="social">{$facebook_icon} {$twitter_icon} <ul module="product_customsns"><li>{$customsns_icon}</li></ul></td>
</tr>
</tbody>
</table>
<div id="zoom_wrap"></div>
<p class="{$naver_mileage_exception_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/txt_naver.gif" alt="개인결제창을 통한 결제 시 네이버 마일리지 적립 및 사용이 가능합니다." /></p>
<!-- //상세정보 내역 -->
<table border="1" summary="">
<caption>상품 옵션</caption>
<tbody module="product_option">
<!-- 참고 : 뉴상품관리 전용 변수가 포함되어 있습니다. 뉴상품관리 이외의 곳에서 사용하면 일부 변수가 정상동작하지 않을 수 있습니다. -->
<tr module="product_addoption">
<th scope="row">{$add_option_name}</th>
<td>
<span class="inputWrap">{$form.add_option}</span>
<span class="txtByte" title="현재글자수/최대글자수">(<strong class="length">0</strong>/{$option_maxlength})</span>
</td>
</tr>
<tr module="product_option">
<th scope="row">{$option_name}</th>
<td>{$form.option}</td>
</tr>
<tr class="{$option_push_button_display|display}" id="{$option_push_button_id}">
<td colspan="2" class="selectButton"><a href="#none" onclick="{$action_push_button}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_manual_select.gif" alt="옵션 선택" /></a></td>
</tr>
<tr module="product_fileoption">
<th scope="row">{$file_option_name}</th>
<td class="fileInfo">
{$form.file_option}
<ul class="infoDesc">
<li>- 파일은 최대 5개까지 {$file_option_limit}M 이하로 개별업로드 가능합니다.</li>
<li>- 동일상품이 장바구니에 있을 경우 현재 업로드 되는 파일로 교체됩니다.</li>
</ul>
</td>
</tr><!-- //참고 -->
</tbody>
</table>
<div class="guideArea">
<!-- 참고 : 뉴상품관리 전용 변수가 포함되어 있습니다. 뉴상품관리 이외의 곳에서 사용하면 일부 변수가 정상동작하지 않을 수 있습니다. -->
<p class="info {$limit_display|display}">(최소주문수량 {$minimum_limit}개 이상<span class="{$maximum_limit_display|display}"> / 최대주문수량 {$maximum_limit}개 이하</span>)</p>
<!-- //참고 -->
<span class="sizeGuide {$size_guide_display|display}"><a href="#none" class="{$size_guide_class}" product_no="{$product_no}">사이즈 가이드</a></span>
</div>
<!-- 참고 : 뉴상품관리 전용 모듈입니다. 뉴상품관리 이외의 곳에서 사용하면 정상동작하지 않습니다. -->
<div class="productSet normal" module="product_setproduct">
<div class="product">
<div class="seperate">
<table border="1" summary="">
<caption>기본 정보</caption>
<tbody>
<tr>
<th scope="row">상품명</th>
<td><strong>{$product_name}</strong> ({$set_quantity}개씩 구매되는 상품)</td>
</tr>
<tr class="{$product_price_display|display}">
<th scope="row">판매가</th>
<td class="price {$product_price_del}">{$product_price}</td>
</tr>
<tr class="{$product_sale_price_display|display}">
<th scope="row">할인판매가</th>
<td class="sale">{$product_sale_price}</td>
</tr>
<tr class="{$stock_quantity_display|display}" >
<th scope="row">재고수량</th>
<td>{$stock_quantity}</td>
</tr>
</tbody>
</table>
</div>
<div class="option">
<table border="1" summary="">
<caption>옵션 정보</caption>
<tbody>
<tr module="product_addoption">
<th>{$add_option_name}</th>
<td>
<span class="inputWrap">{$form.add_option}</span>
<span class="txtByte" title="현재글자수/최대글자수">(<strong class="length">0</strong>/{$option_maxlength})</span>
</td>
</tr>
<tr module="product_option">
<th>{$option_name}</th>
<td>{$form.option}</td>
</tr>
<tr module="product_noneoption">
<th>상품선택</th>
<td>{$form.noneoption}</td>
</tr>
</tbody>
</table>
</div>
<div class="sizeGuide {$size_guide_display|display}">
<a href="#none" class="{$size_guide_class}" product_no="{$product_no}"><span>사이즈 가이드</span></a>
</div>
</div>
<div class="product">
<div class="seperate">
<table border="1" summary="">
<caption>기본 정보</caption>
<tbody>
<tr>
<th scope="row">상품명</th>
<td><strong>{$product_name}</strong> ({$set_quantity}개씩 구매되는 상품)</td>
</tr>
<tr class="{$product_price_display|display}">
<th scope="row">판매가</th>
<td class="price {$product_price_del}">{$product_price}</td>
</tr>
<tr class="{$product_sale_price_display|display}">
<th scope="row">할인판매가</th>
<td class="sale">{$product_sale_price}</td>
</tr>
<tr class="{$stock_quantity_display|display}" >
<th scope="row">재고수량</th>
<td>{$stock_quantity}</td>
</tr>
</tbody>
</table>
</div>
<div class="option">
<table border="1" summary="">
<caption>옵션 정보</caption>
<tbody>
<tr module="product_addoption">
<th>{$add_option_name}</th>
<td>
<span class="inputWrap">{$form.add_option}</span>
<span class="txtByte" title="현재글자수/최대글자수">(<strong class="length">0</strong>/{$option_maxlength})</span>
</td>
</tr>
<tr module="product_option">
<th>{$option_name}</th>
<td>{$form.option}</td>
</tr>
<tr module="product_noneoption">
<th>상품선택</th>
<td>{$form.noneoption}</td>
</tr>
</tbody>
</table>
</div>
<div class="sizeGuide {$size_guide_display|display}">
<a href="#none" class="{$size_guide_class}" product_no="{$product_no}"><span>사이즈 가이드</span></a>
</div>
</div>
</div><!-- //참고 -->
<!-- 참고 : 뉴상품관리 전용 모듈입니다. 뉴상품관리 이외의 곳에서 사용하면 정상동작하지 않습니다. -->
<div class="productSet" module="product_addproduct">
<div class="recommend">
<strong>추가구성상품</strong> 추가로 구매를 원하시면 선택하세요.
<a href="#self" class="toggle"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_recommend_close.gif" alt="추가구성상품 닫기" /></a>
</div>
<div class="product">
<div class="seperate">
<table border="1" summary="">
<caption>기본 정보</caption>
<tbody>
<tr>
<th scope="row">이미지</th>
<td class="thumbnail"><a href="/product/detail.html?product_no={$product_no}"><img src="{$product_image}" alt="" /></a></td>
</tr>
<tr>
<th scope="row">상품명</th>
<td><strong>{$product_name}</strong></td>
</tr>
<tr class="{$product_price_display|display}">
<th scope="row">판매가</th>
<td class="price {$product_price_del}">{$product_price}</td>
</tr>
<tr class="{$product_sale_price_display|display}">
<th scope="row">할인판매가</th>
<td class="sale">{$product_sale_price}</td>
</tr>
</tbody>
</table>
</div>
<div class="option">
<table border="1" summary="">
<caption>옵션 정보</caption>
<tbody>
<tr module="product_addoption">
<th>{$add_option_name}</th>
<td>
<span class="inputWrap">{$form.add_option}</span>
<span class="txtByte" title="현재글자수/최대글자수">(<strong class="length">0</strong>/{$option_maxlength})</span>
</td>
</tr>
<tr module="product_option">
<th>{$option_name}</th>
<td>{$form.option}</td>
</tr>
<tr module="product_noneoption">
<th>상품선택</th>
<td>{$form.noneoption}</td>
</tr>
<tr class="{$add_option_push_button_display|display}" id="{$add_option_push_button_id}">
<td colspan="2" class="selectButton"><a href="#none" onclick="{$add_action_push_button}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_manual_select.gif" alt="옵션 선택" /></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="product">
<div class="seperate">
<table border="1" summary="">
<caption>기본 정보</caption>
<tbody>
<tr>
<th scope="row">이미지</th>
<td class="thumbnail"><a href="/product/detail.html?product_no={$product_no}"><img src="{$product_image}" alt="" /></a></td>
</tr>
<tr>
<th scope="row">상품명</th>
<td><strong>{$product_name}</strong></td>
</tr>
<tr class="{$product_price_display|display}">
<th scope="row">판매가</th>
<td class="price {$product_price_del}">{$product_price}</td>
</tr>
<tr class="{$product_sale_price_display|display}">
<th scope="row">할인판매가</th>
<td class="sale">{$product_sale_price}</td>
</tr>
</tbody>
</table>
</div>
<div class="option">
<table border="1" summary="">
<caption>옵션 정보</caption>
<tbody>
<tr module="product_addoption">
<th>{$add_option_name}</th>
<td>
<span class="inputWrap">{$form.add_option}</span>
<span class="txtByte" title="현재글자수/최대글자수">(<strong class="length">0</strong>/{$option_maxlength})</span>
</td>
</tr>
<tr module="product_option">
<th>{$option_name}</th>
<td>{$form.option}</td>
</tr>
<tr module="product_noneoption">
<th>상품선택</th>
<td>{$form.noneoption}</td>
</tr>
<tr class="{$add_option_push_button_display|display}" id="{$add_option_push_button_id}">
<td colspan="2" class="selectButton"><a href="#none" onclick="{$add_action_push_button}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_manual_select.gif" alt="옵션 선택" /></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- //참고 -->
<!-- 참고 : 뉴상품관리 전용 변수가 포함되어 있습니다. 뉴상품관리 이외의 곳에서 사용하면 일부 변수가 정상동작하지 않을 수 있습니다. -->
<div id="{$total.total_id}" class="{$total.total_display|display}">
<p class="info {$single_item_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/ico_information.gif" alt="" /> 수량을 선택해주세요.</p>
<p class="info {$several_item_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/ico_information.gif" alt="" /> 위 옵션선택 박스를 선택하시면 아래에 상품이 추가됩니다.</p>
<table border="1" summary="">
<caption>상품 목록</caption>
<colgroup>
<col style="width:284px;" />
<col style="width:80px;" />
<col style="width:110px;" />
</colgroup>
<thead>
<tr>
<th scope="col">상품명</th>
<th scope="col">상품수</th>
<th scope="col">가격</th>
</tr>
</thead>
<tbody class="{$quantity_display|display}">
<tr>
<td>{$name}</td>
<td>
<span class="quantity">
{$quantity}
<a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_count_up.gif" alt="수량증가" class="{$quantity_up_class} up" /></a>
<a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_count_down.gif" alt="수량감소" class="{$quantity_down_class} down" /></a>
</span>
</td>
<td class="right"><span class="{$total.quantity_price}">{$product_price}</span> <span class="mileage {$mileage_display|display}">(<img src="{$mileage_mileage_icon}" /> <span class="{$total.mileage_price}">{$mileage_value}</span>)</span></td>
</tr>
</tbody>
<!-- 참고 : 옵션선택 또는 세트상품 선택시 상품이 추가되는 영역입니다. 쇼핑몰 화면에는 아래와 같은 마크업구조로 표시됩니다. 삭제시 기능이 정상동작 하지 않습니다.-->
<tbody>
<!-- tr>
<td>
<p class="product">
$상품명<br />
<span>$옵션</span>
</p>
</td>
<td>
<span class="quantity">
<input type="text" class="quantity_opt" />
<a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_count_up.gif" alt="수량증가" class="up" /></a>
<a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_count_down.gif" alt="수량감소" class="down" /></a>
</span>
<a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_price_delete.gif" alt="삭제" class="option_box_del" /></a>
</td>
<td class="right">
<span>$가격</span>
<span class="mileage">(<img src="http://img.echosting.cafe24.com/design/skin/admin/ko_KR/product/ico_pay_point.gif" /> <span class="mileage_price">$적립금</span>)</span>
</td>
</tr -->
</tbody>
<!-- //참고 -->
<tfoot>
<tr>
<td colspan="3"><strong>총 상품금액</strong>(수량) : <span class="{$total.total_cnt}"><strong><em>0</em></strong> (0개)</span></td>
</tr>
</tfoot>
</table>
</div><!-- //참고 -->
<!-- 참고 : 뉴상품관리 전용 변수가 포함되어 있습니다. 뉴상품관리 이외의 곳에서 사용하면 일부 변수가 정상동작하지 않을 수 있습니다. -->
<div module="product_action">
<div class="btnArea">
<a href="#none" class="first {$buy_display|display}" onclick="{$action_buy}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_buy_big.gif" alt="바로구매하기" /></a>
<a href="#none" class="{$basket_display|display}" onclick="{$action_basket}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_cart_big.gif" alt="장바구니 담기" /></a>
<span class="{$soldout_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_sold_out.gif" alt="SOLD OUT" /></span>
<a href="#none" onclick="{$action_wishlist}" class="{$wishlist_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_wish2.gif" alt="관심상품등록" /></a>
</div>
<!-- 네이버 체크아웃 구매 버튼 -->
<div id="NaverChk_Button"></div><!-- //네이버 체크아웃 구매 버튼 -->
<div module="myshop_benefit">
<p class="thanks {$display_benefit|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/ico_information.gif" alt="" /> 저희 쇼핑몰을 이용해 주셔서 감사합니다.</strong></p>
<div class="myInfo {$display_benefit|display}">
<p class="myThumb"><img src="{$group_image}" alt="{$group_name}" onerror="this.src='http://img.echosting.cafe24.com/skin/base_ko_KR/member/img_member_default.gif';" /></p>
<p class="member"><strong>{$member_name} 님</strong>은 <em>[{$group_name}]</em> 회원이십니다.</p>
<p class="{$display_no_benefit|display}"><strong>{$dc_pay} {$dc_min_price}</strong> 구매시 <strong>{$dc_price}{$dc_type}</strong>을 {$use_dc} 받으실 수 있습니다. {$dc_max_percent}</p>
<p class="{$display_with_all|display}"><strong>{$dc_pay} {$dc_min_price_mileage}</strong> 구매시 <strong>{$dc_price_mileage}{$dc_type_mileage}</strong>을 {$use_dc_mileage} 받으실 수 있습니다. {$dc_max_mileage_percent}</p>
</div>
</div>
{$common_event_b}
</div><!-- //참고 -->
</div>
</div>
<!-- 공급사:판매사정보 -->
<div class="supplyInfo {$supply_info_display|display}">
{$supply_info}
</div>
<!-- //공급사:판매사정보 -->
<div class="eventArea {$common_event_a|display}">
<h3><span>이벤트</span></h3>
<div class="event">{$common_event_a}</div>
</div>
</div>
.xans-product-detail { position:relative; margin:0 auto; padding:30px 0 0 0; }
.xans-product-detail .detailArea { padding:0 0 0 540px; *zoom:1; }
.xans-product-detail .detailArea:after { content:""; display:block; clear:both; }
/* headingArea */
.xans-product-detail .headingArea { position:relative; padding:0 0 10px; margin:0 0 15px; line-height:24px; border-bottom:1px solid #e8e8e8; font-family:'굴림', Gulim; }
.xans-product-detail .headingArea h2 { display:inline; font-size:14px; color:#2e2e2e; }
.xans-product-detail .headingArea .icon img { margin:0 -3px 0 0; vertical-align:middle; }
.xans-product-detail .headingArea .supply { overflow:hidden; float:right; *zoom:1; }
.xans-product-detail .headingArea .supply span { padding:0 3px 0 0; font-size:16px; font-weight:bold; color:#555; }
/* imgArea */
.xans-product-detail .imgArea { float:left; width:546px; margin:0 0 0 -546px; }
.xans-product-detail .imgArea .keyImg { width:346px; margin:0 auto; }
.xans-product-detail .imgArea .keyImg img { max-width:344px; border:1px solid #ececec; cursor:pointer; }
.xans-product-detail .imgArea .listImg { overflow:hidden; width:346px; margin:30px auto 0; }
.xans-product-detail .imgArea .listImg ul { height:77px; margin:0 0 0 2px; font-size:0; line-height:0; }
.xans-product-detail .imgArea .listImg li { display:inline-block; margin:0 1px; font-size:12px; line-height:14px; vertical-align:top; *display:inline; *zoom:1; }
.xans-product-detail .imgArea .listImg li img { width:65px; height:75px; border:1px solid #ececec; cursor:pointer; }
.xans-product-detail .imgArea .listImg button { position:absolute; top:0; width:21px; height:77px; font-size:0; line-height:0; color:transparent; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_product_detail_ctrl.png") no-repeat; }
.xans-product-detail .imgArea .listImg .prev { left:0; background-position:0 0; }
.xans-product-detail .imgArea .listImg .next { right:0; background-position:-31px 0; }
.xans-product-detail .imgArea .control { overflow:hidden; width:346px; margin:30px auto 0; border:1px solid #d7d5d5; text-align:center; background:#fbfafa; }
.xans-product-detail .imgArea .control .prev { float:left; border-right:1px solid #d7d5d5; }
.xans-product-detail .imgArea .control .next { float:right; border-left:1px solid #d7d5d5; }
.xans-product-detail .imgArea .color { overflow:hidden; margin:20px 0 17px; }
.xans-product-detail .imgArea .chips { float:left; width:28px; height:18px; margin:0 3px 3px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }
.xans-product-detail .imgArea .button { float:none; width:346px; margin:30px auto 0; padding:0 0 23px; border-top:0; border-bottom:1px solid #e8e8e8; text-align:center; }
.xans-product-detail .imgArea .button img { margin:0 3px; }
/* infoArea */
.xans-product-detail .infoArea p.delivery { padding:10px 0 20px; }
.xans-product-detail .infoArea .guideArea { position:relative; }
.xans-product-detail .infoArea .guideArea .info { margin:7px 0 0; padding:8px 0 0 11px; border-top:1px solid #e8e8e8; color:#757575; }
.xans-product-detail .infoArea .guideArea .sizeGuide { position:absolute; bottom:0; right:0; margin:8px 0 0; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide.gif") no-repeat 0 3px; }
.xans-product-detail .infoArea .sizeGuide a { display:inline-block; padding:2px 15px 2px 24px; color:#353535; vertical-align:top; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide_go.gif") no-repeat 100% 6px; *zoom:1; }
.xans-product-detail .infoArea .sizeGuide a:hover { text-decoration:none; }
.xans-product-detail .infoArea table { border:0; font-size:12px; margin:10px 0 0; }
.xans-product-detail .infoArea th { font-weight:normal; color:#353535; width:115px; padding:7px 0 8px 9px; text-align:left; vertical-align:middle; }
.xans-product-detail .infoArea td { padding:7px 10px 8px 0; vertical-align:middle; }
.xans-product-detail .infoArea img { vertical-align:middle; }
.xans-product-detail .infoArea input { height:22px; color:#353535; }
.xans-product-detail .infoArea select { width:100%; height:24px; font-size:12px; color:#353535; }
.xans-product-detail .infoArea td #delivery_cost_prepaid { margin:0 0 5px; }
.xans-product-detail .infoArea td .inputWrap { display:block; padding:0 4px; border:1px solid #c5c5c5; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; }
.xans-product-detail .infoArea td .inputWrap input { width:100%; border:0; font-size:11px; line-height:22px; }
.xans-product-detail .infoArea td.social { padding:4px 0 0; }
.xans-product-detail .infoArea td.social img { cursor:pointer; }
.xans-product-detail .infoArea td .sale { text-decoration:line-through; }
.xans-product-detail .infoArea td .period { display:block; margin:7px 0 0; font-size:11px; color:#353535; }
.xans-product-detail .infoArea td .mileage li { line-height:1.7em; }
.xans-product-detail .infoArea td .quantity { position:relative; display:block; }
.xans-product-detail .infoArea td .quantity input { width:30px; height:18px; border:1px solid #bcbcbc; }
.xans-product-detail .infoArea td .quantity .QuantityUp { position:absolute; left:32px; top:0; }
.xans-product-detail .infoArea td .quantity .QuantityDown { position:absolute; left:32px; bottom:0; }
.xans-product-detail .infoArea td .delivery input { border:0; }
.xans-product-detail .infoArea td .delivery label { margin:0 30px 0 0; }
.xans-product-detail .infoArea td img.qrcode { border:1px solid #e1e1e1; }
.xans-product-detail .infoArea td #span_product_price_text { font-weight:normal; }
.xans-product-detail .infoArea td #span_product_coupon_dc_price { color:#070705; }
.xans-product-detail .infoArea td.fileInfo { color:#757575; }
.xans-product-detail .infoArea td.fileInfo input { width:288px; border:1px solid #c5c5c5; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; }
.xans-product-detail .infoArea td.fileInfo .infoDesc { margin:0 0 10px 0; }
.xans-product-detail .infoArea td.fileInfo li { margin:4px 0 0; color:#757575; font-size:11px; }
.xans-product-detail .infoArea td.fileInfo li img { vertical-align:bottom; }
.xans-product-detail .delv_price_B strong { font-weight:normal; }
.xans-product-detail .btnTooltip { display:inline-block; position:relative; z-index:10; vertical-align:middle; *display:inline; *zoom:1; }
.xans-product-detail .infoArea .xans-product-option tr th { padding:5px 0 5px 4px; }
.xans-product-detail .infoArea .xans-product-option tr td { padding:4px 10px 4px 0; }
.xans-product-detail .infoArea .xans-product-option tr:first-child th,
.xans-product-detail .infoArea .xans-product-option .xans-product-fileoption th { padding-top:14px; border-top:1px solid #e8e8e8; }
.xans-product-detail .infoArea .xans-product-option tr:first-child td,
.xans-product-detail .infoArea .xans-product-option .xans-product-fileoption td { padding-top:10px; border-top:1px solid #e8e8e8; }
.xans-product-detail .infoArea .xans-product-option td.selectButton { text-align:right; }
.xans-product-detail .infoArea .xans-product-addoption td .inputWrap { display:inline-block; width:280px; }
.xans-product-detail .infoArea .xans-product-addoption .txtByte { font-size:11px; vertical-align:middle; letter-spacing:-1px; }
.xans-product-detail .infoArea .xans-product-addoption .txtByte strong { color:#008bcc; }
/* xans-product-action */
.xans-product-action { width:468px; padding:30px 0 10px; border-top:1px solid #e8e8e8; }
.xans-product-action .btnArea { overflow:hidden; margin:0 0 15px; text-align:left; font-size:0; line-height:0; }
.xans-product-action .btnArea a { display:inline-block; vertical-align:top; }
.xans-product-action .btnArea a img { margin:0 0 0 10px; font-size:12px; line-height:14px; cursor:pointer; }
.xans-product-action .btnArea a:first-child img { margin-left:0; }
/* eventArea */
.xans-product-detail .eventArea { color:#353535; }
.xans-product-detail .eventArea h3 { padding:0 0 0 9px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-size:12px; color:#008bcc; line-height:39px; }
.xans-product-detail .eventArea .event { padding:27px 10px 46px 9px; color:#353535; line-height:18px; }
/* xans-myshop-benefit */
.xans-myshop-benefit { margin:30px 0; }
.xans-myshop-benefit .thanks { padding:7px 0 11px 9px; border:1px solid #d6d4d4; border-bottom:1px solid #e8e7e7; color:#353535; background:#fbfbfb; }
.xans-myshop-benefit .thanks img { margin:-1px 6px 0 0; vertical-align:middle; }
.xans-myshop-benefit .myInfo { overflow:hidden; padding:9px 10px 10px 100px; border:1px solid #d6d4d4; border-top:0; }
.xans-myshop-benefit .myInfo p { color:#757575; line-height:18px; }
.xans-myshop-benefit .myThumb { float:left; margin:0 0 0 -91px; }
.xans-myshop-benefit .member { margin:2px 0 19px; }
.xans-myshop-benefit .member strong { color:#353535; }
.xans-myshop-benefit .member em { font-style:normal; color:#353535; }
/* 상품 미리보기 이미지 */
#image_zoom_small { display:block; position:absolute; z-index:999; background:#fff; border:1px solid #aaa; filter:alpha(opacity=50); opacity:0.5; }
#zoom_wrap { position:absolute; top:30px; left:380px; z-index:100; }
.image_zoom_large { position:absolute; z-index:999; width:350px; height:350px; overflow:hidden; background:#fff; border:1px solid #aaa; }
.image_zoom_large .image_zoom_large_relative { position:relative; }
.image_zoom_large .image_zoom_large_relative #zoom_image { position:absolute; z-index:99; }
#NaverChk_Button { clear:both; margin:10px 0 0; float:right; }
#divNvPointInfo { display:none; position:absolute; z-index:99; width:245px; padding:10px; color:#777; font-size:11px; background:#fff; border:1px solid #5B9761; }
#divNvPointInfo a { display:block; padding:5px 0 0; color:#1ec228; }
#divNvPointInfo a img { vertical-align:middle; }
#imgNaverMileageHelp { cursor:pointer; }
/* 세트상품 및 추가구성상품 */
.infoArea .productSet { margin:10px 0 0; border:1px solid #d7d5d5; }
.infoArea .productSet table { table-layout:fixed; margin:0; }
.infoArea .productSet th { width:100px; padding:5px 5px 5px 8px; color:#353535; }
.infoArea .productSet td { padding:5px 10px; color:#353535; }
.infoArea .productSet td.del { text-decoration:line-through; }
.infoArea .productSet td.price { font-weight:bold; color:#ff8a56; }
.infoArea .productSet td.sale { font-weight:bold; color:#f95959; }
.infoArea .productSet td.thumbnail img { width:78px; height:108px; margin:3px 0 7px; border:1px solid #ececec; }
.infoArea .productSet .product { padding:9px 0 4px; border-top:1px solid #e9e9e9; vertical-align:top; }
.infoArea .productSet .sizeGuide { padding:5px 10px; height:19px; border-top:1px solid #d7d5d5; text-align:right; }
.infoArea .productSet .sizeGuide a { margin:0; padding-left:0; position:static; }
.infoArea .productSet .sizeGuide a span { display:inline-block; padding:0 0 0 24px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide.gif") no-repeat 0 2px; *zoom:1; }
.infoArea .productSet .seperate,
.infoArea .productSet .option { vertical-align:top; *zoom:1; }
.infoArea .productSet .option td { padding:4px 10px; }
.infoArea .productSet .info { padding:0 0 0 58px; font-size:11px; color:#8f8f91; }
.infoArea .productSet .selectButton { text-align:right; }
.infoArea .productSet .recommend { position:relative; padding:0 0 0 8px; font-size:11px; color:#757575; line-height:38px; background:#fbfafa; }
.infoArea .productSet .recommend strong { padding:0 7px 0 0; font-size:12px; color:#353535; }
.infoArea .productSet .recommend .toggle { position:absolute; right:10px; top:4px; }
.infoArea .productSet.normal { border:0; }
.infoArea .productSet.normal th { border-right:1px solid #d7d5d5; }
.infoArea .productSet.normal tr:first-child th,
.infoArea .productSet.normal tr:first-child td { padding-top:11px; padding-bottom:11px; border-bottom:1px solid #d7d5d5; background:#fbfafa; }
.infoArea .productSet.normal .option th { padding-top:0; }
.infoArea .productSet.normal .option td { padding:1px 10px 7px; }
.infoArea .productSet.normal .option tr:first-child th { padding-top:5px; padding-bottom:6px; border-bottom:0; background:none; }
.infoArea .productSet.normal .option tr:first-child td { padding-top:1px; padding-bottom:6px; border-bottom:0; background:none; }
.infoArea .productSet.normal .product { margin:1px 0 0; padding:0; border:1px solid #d7d5d5; }
.infoArea .productSet .xans-product-addoption td .inputWrap { display:inline-block; width:273px; }
.infoArea .productSet.hide .product { display:none; }
/* 총 상품 */
#totalProducts { margin:21px 0 0; }
#totalProducts .info { padding:0 0 9px; font-size:11px; color:#f65b54; line-height:14px; }
#totalProducts .info img { margin:0 5px 0 0; }
#totalProducts table { margin:0; }
#totalProducts table .left { text-align:left; }
#totalProducts table .center { text-align:center; }
#totalProducts table .right { padding-right:9px; font-weight:bold; color:#008bcc; text-align:right; }
#totalProducts thead th { height:0; padding:0; font-size:0; line-height:0; *position:absolute;}
#totalProducts tbody th { vertical-align:middle; }
#totalProducts tbody td { padding:9px 0; border-top:1px solid #ebebeb; color:#353535; line-height:18px; vertical-align:middle; word-wrap:break-word; word-break:break-all; }
#totalProducts tbody tr td:first-child { padding-left:4px; }
#totalProducts tbody tr:first-child td { border-top:1px solid #9a9ba0; }
#totalProducts tbody td p { padding:0 10px 0 0; font-weight:bold; line-height:21px; }
#totalProducts tbody td p.product span { font-weight:normal; color:#757575; line-height:18px; }
#totalProducts tbody td p.product span.soldOut { color:#008bcc; }
#totalProducts tbody td img { vertical-align:middle; }
#totalProducts tbody td .quantity { display:inline-block; position:relative; width:50px; vertical-align:top; *margin:0 4px 0 0; }
#totalProducts tbody td .quantity input { width:22px; height:23px; padding:0 2px 0 3px; line-height:23px; border:1px solid #d4d8d9; border-radius:3px 0 0 3px; *margin-top:-1px; }
#totalProducts tbody td .quantity .up { position:absolute; left:28px; top:0; }
#totalProducts tbody td .quantity .down { position:absolute; left:28px; top:12px; }
#totalProducts tbody.option_products tr td .quantity input,
#totalProducts tbody.add_products tr td .quantity input { height:19px; line-height:19px; }
#totalProducts tbody.option_products tr td .quantity .down,
#totalProducts tbody.add_products tr td .quantity .down { bottom:0; top:auto; }
#totalProducts tbody td .mileage { display:block; white-space:nowrap; }
#totalProducts tbody td .mileage_price { }
#totalProducts tfoot td { padding:34px 9px 19px; border-top:1px solid #9a9ba0; color:#353535; vertical-align:middle; background:#fff; }
#totalProducts tfoot td .total { color:#008bcc; }
#totalProducts tfoot td .total em { font-style:normal; font-size:21px; }
#totalProducts + .xans-product-action { margin-top:0; }
/* 배송비 차등부과 레이어 */
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; font-size:11px; color:#80aeef; text-align:right; }
/* SNS 상품 홍보 */
.xans-product-customsns,
.xans-product-customsns ul,
.xans-product-customsns li { display:inline; vertical-align:middle; }
.xans-product-customsns img { margin-bottom:2px; }
/* 회원등급별 할인가 적용 */
.xans-product-detail .infoArea td > span > ul.discountMember > li { position:relative; float:left; }
.xans-product-detail .infoArea td ul.discountMember li a { display:block; margin:0 4px 4px 0; }
.xans-product-detail .infoArea td ul li .discount_layer { z-index:10; overflow:auto; position:absolute; left:-140px; top:19px; margin-top:7px; padding:15px; min-width:300px; max-height:400px; border:1px solid #565960; background:#fff; }
.xans-product-detail .infoArea td ul li .discount_layer h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; background:url("http://img.echosting.cafe24.com/skin/admin_ko_KR/product/ico_layer_title.gif") no-repeat 0 50%; }
.xans-product-detail .infoArea td ul li .discount_layer p,
.xans-product-detail .infoArea td ul li .discount_layer ul { padding:0 10px; }
.xans-product-detail .infoArea td ul li .discount_layer p strong { color:#0088d4; }
.xans-product-detail .infoArea td ul li .discount_layer ul li { float:none; padding:0 0 5px 5px; line-height:1.4em; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/board/ico_function.gif") no-repeat 0 5px; }
.xans-product-detail .infoArea td ul li .discount_layer thead th { padding:0; height:0; font-size:0; line-height:0; }
.xans-product-detail .infoArea td ul li .discount_layer tbody { border:1px solid #d7d5d6; }
.xans-product-detail .infoArea td ul li .discount_layer th { padding:5px 0 5px 15px; background:#fbf9fa; border-right:1px solid #e8e8e8; color:#363636; }
.xans-product-detail .infoArea td ul li .discount_layer.member_rating th { width:50px; }
.xans-product-detail .infoArea td ul li .discount_layer th,
.xans-product-detail .infoArea td ul li .discount_layer td { height:15px; border-bottom:1px solid #e8e8e8; }
.xans-product-detail .infoArea td ul li .discount_layer td { padding:5px 15px 5px 5px; text-align:right; }
.xans-product-detail .infoArea td ul li .discount_layer tr:last-of-type th,
.xans-product-detail .infoArea td ul li .discount_layer tr:last-of-type td { border-bottom:0; }
.xans-product-detail .infoArea td ul li .discount_layer .close { position:absolute; right:15px; top:15px; border:0; }
.xans-product-detail .infoArea td ul li .discount_layer h4 { margin:10px 10px 3px; }
.xans-product-detail .infoArea td ul li .discount_layer p.info { margin:5px 0 0; }
.xans-product-detail .infoArea td ul li .discount_layer p.bullet { margin:12px 10px 0; padding:0 0 0 5px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/board/ico_function.gif") no-repeat 0 5px; }
.xans-product-detail .infoArea td ul li .arrow { z-index:20; position:absolute; left:46%; top:22px; }
/**
* 상품상세 섬네일 롤링
*/
$(document).ready(function(){
$.fn.prdImg = function(parm){
var index = 0;
var target = parm.target;
var view = parm.view;
var listWrap = target.find('.xans-product-addimage');
var limit = listWrap.find('> ul > li').length;
var ul = target.find('.xans-product-addimage > ul');
var liFirst = target.find('.xans-product-addimage > ul > li:first-child');
var liWidth = parseInt(liFirst.width());
var liHeight = parseInt(liFirst.height());
var blockWidth = liWidth + parseInt(liFirst.css('marginRight')) + parseInt(liFirst.css('marginLeft'));
var columWidth = blockWidth * view;
var colum = Math.ceil(limit / view);
var roll = {
init : function(){
function struct(){
var ulWidth = limit * parseInt(blockWidth);
listWrap.append('');
listWrap.append('');
ul.css({'position':'absolute', 'left':0, 'top':0, 'width':ulWidth});
listWrap.find('> ul > li').each(function(){
$(this).css({'float':'left'});
});
listWrap.css({'position':'relative', 'height':liHeight});
var prev = listWrap.find('.prev');
var next = listWrap.find('.next');
prev.click(function(){
if(index > 0){
index --;
}
roll.slide(index);
});
next.click(function(){
if(index < (colum-1) ){
index ++;
}
roll.slide(index);
});
if(index == 0){
prev.hide();
} else {
prev.show();
}
if(index >= (colum-1)){
next.hide();
} else {
next.show();
}
}
if(limit > view){
struct();
}
},
slide : function(index){
var left = '-' + (index * columWidth) +'px';
var prev = listWrap.find('.prev');
var next = listWrap.find('.next');
if(index == 0){
prev.hide();
} else {
prev.show();
}
if(index >= (colum-1)){
next.hide();
} else {
next.show();
}
ul.stop().animate({'left':left},500);
}
}
roll.init();
};
// 함수호출 : 상품상세 페이지
$.fn.prdImg({
target : $('.xans-product-image'),
view : 5
});
// 함수호출 : 상품확대보기팝업
$.fn.prdImg({
target : $('.xans-product-zoom'),
view : 5
});
});
<div module="MyShop_OrderHistoryDetail" unroll="1">
<!--@css(/css/module/myshop/orderHistoryDetail.css)-->
<!--
$print_spec_url = /myshop/order/print/spec.html
$print_pg_card_url = /myshop/order/print/pg.html
$print_tax_url = /myshop/order/print/tax.html
$issue_tax_url = /myshop/order/issue/tax.html
$issue_cash_url = /myshop/order/issue/cash.html
$select_gift_url = /order/gift_select.html
-->
<!-- 주문정보 -->
<div class="orderArea">
<div class="title">
<h3>주문정보</h3>
</div>
<div class="boardView">
<table border="1" summary="">
<caption>주문정보</caption>
<tbody>
<tr>
<th scope="row">주문번호</th>
<td>{$order.order_id}</td>
</tr>
<tr>
<th scope="row">주문일자</th>
<td>{$order.date}</td>
</tr>
<tr>
<th scope="row">주문자</th>
<td>{$order.name}</td>
</tr>
<tr>
<th scope="row">주문처리상태</th>
<td>
{$order.state}
<input type="image" src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_cancel.gif" alt="주문취소" class="{$cancel_display|display}" />
<span class="{$escrow_display|display}">
<a href="#none" onclick="{$action_escrow_confirm}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_buy.gif" alt="구매확인" /></a>
<a href="#none" onclick="{$action_escrow_reject}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_refund.gif" alt="환불요청" /></a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 결제정보 -->
<div class="orderArea">
<div class="title">
<h3>결제정보</h3>
</div>
<div class="boardTotal">
<table border="1" summary="">
<caption>결제정보</caption>
<tbody>
<tr class="total first">
<th scope="row">총 주문금액</th>
<td>
<span class="grid">
{$total.total_order_price_front_head}<strong>{$total.total_order_price_front}</strong>{$total.total_order_price_front_tail}
<span class="{$total.total_order_price_ref_display|display}">{$total.total_order_price_back_head}{$total.total_order_price_back}{$total.total_order_price_back_tail}</span>
</span>
<a href="#none" onclick="{$total.total_order_layer_on}" class="more"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_list.gif" alt="내역보기" /></a>
</td>
</tr>
</tbody>
<tbody class="{$total.total_addsale_summary_display|display}">
<tr class="total">
<th scope="row">총 할인금액</th>
<td>{$total.price_unit_head}<strong>{$total.total_addsale_price}</strong>{$total.price_unit_tail}</td>
</tr>
<tr class="{$total.total_coupon_price_display|display}">
<th scope="row">쿠폰할인</th>
<td>
<span class="grid">{$total.price_unit_head}{$total.total_coupon_price}{$total.price_unit_tail}</span>
<a href="#none" class="eUsedCouponDetail"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_list.gif" alt="내역보기" /></a>
</td>
</tr>
<tr class="$total.total_benefit_price_display|display}">
<th scope="row" >추가할인금액</th>
<td>
<span class="grid">{$total.price_unit_head}{$total.total_benefit_price}{$total.price_unit_tail}</span>
<a href="#none" onclick="{$total.total_benefit_layer_on}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_list.gif" alt="내역보기" /></a>
</td>
</tr>
</tbody>
<tbody class="{$total.total_addpay_summary_display|display}">
<tr class="total">
<th scope="row">총 부가결제금액</th>
<td>{$total.price_unit_head}<strong>{$total.total_addpay_price}</strong>{$total.price_unit_tail}</td>
</tr>
<tr class="{$total.mileage_display|display}">
<th scope="row">적립금</th>
<td>{$total.mileage_unit_head}{$total.mileage_used}{$total.mileage_unit_tail}</td>
</tr>
<tr class="{$total.naver_mileage_display|display}">
<th scope="row">네이버 마일리지/캐쉬</th>
<td>
{$total.total_naver_mileage_rate} 적립 / {$total.price_unit_head}{$total.naver_mileage_cash_used}{$total.price_unit_tail}
(마일리지 {$total.price_unit_head}<strong>{$total.naver_mileage_used}</strong>{$total.price_unit_tail} + 캐쉬 {$total.price_unit_head}<strong>{$total.naver_cash_used}</strong>{$total.price_unit_tail})
</td>
</tr>
<tr class="{$total.deposit_display|display}">
<th scope="row">예치금</th>
<td>{$total.price_unit_head}{$total.deposit_used}{$total.price_unit_tail}</td>
</tr>
</tbody>
</table>
</div>
<div class="boardTotal summaryBtm">
<table border="1" summary="">
<caption>결제정보</caption>
<tbody>
<tr class="total first">
<th scope="row">총 결제금액</th>
<td>
<strong>{$payment.price_front_head}{$payment.price_front}</strong>{$payment.price_front_tail}
<span class="{$payment.price_ref_display|display}">{$payment.price_ref}</span>
</td>
</tr>
<tr class="{$payment.paymethod_display|display}">
<th scope="row">결제수단</th>
<td>
<strong>{$payment.paymethod}</strong>
<p>
{$payment.paymethod_detail} <a target="_blank" href="{$payment.bank_url}" class="{$payment.display_banking|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_banking.gif" alt="인터넷뱅킹 바로가기" /></a>
<a target="_blank" href="{$payment.pay_extra_url}" class="{$payment.paymenturl_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/order/btn_order_payment.gif" id="{$payment.btn_payment_link_id}" alt="결제사이트 바로가기" /></a>
</p>
</td>
</tr>
<tr class="{$payment.eguarantee_display|display}">
<th scope="row">전자보증보험<br/>서비스정보</th>
<td>{$payment.eguarantee_detail}</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 주문 상품 정보 -->
<div class="orderArea">
<div class="title">
<h3>주문 상품 정보</h3>
</div>
<!-- 기본배송 -->
<table border="1" summary="" class="boardList {$basic_display|display}">
<caption>기본배송</caption>
<thead>
<tr>
<th scope="col" class="thumb">이미지</th>
<th scope="col" class="product">상품정보</th>
<th scope="col" class="quantity">수량</th>
<th scope="col" class="price">상품구매금액</th>
<th scope="col" class="delivery">배송구분</th>
<th scope="col" class="state">주문처리상태</th>
<th scope="col" class="service">취소/교환/반품</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7"><strong class="type">[기본배송]</strong> 상품구매금액 <strong>{$basic.product_price}</strong> + 배송비 {$basic.ship_fee} + 지역별배송비 {$basic.special_ship_fee} = 합계 : <strong class="total"><span>{$basic.total_price_front_head}{$basic.total_price_front}{$basic.total_price_front_tail}</span></strong> <span class="{$basic.total_price_ref_display|display}">{$basic.total_price_back_head}{$basic.total_price_back}{$basic.total_price_back_tail}</span></td>
</tr>
</tfoot>
<tbody module="Myshop_OrderHistoryDetailBasic">
<tr>
<td class="thumb"><a href="/product/detail.html{$param_product}"><img src="{$thumbnail}" alt="{$product_name_alt}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" /></a></td>
<td class="product">
<a href="/product/detail.html{$param_product}"><strong>{$product_name}</strong></a>
<div class="option {$option_display|display}">{$option_str}</div>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
</ul>
<p class="free {$card_installment_display|display}">무이자할부 상품</p>
</td>
<td class="quantity">{$quantity}</td>
<td class="price"><strong>{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</strong><div class="{$product_price_ref_display|display}">{$product_price_back_head}{$product_price_back}{$product_price_back_tail}</div></td>
<td class="delivery">{$type_all}<div class="{$oversea_able_display|display}">(해외배송가능)</div></td>
<td class="state">
<p>{$status}</p>
<p class="{$shipping_company_display|display}"><a href="{$shipping_company_link}" target="{$shipping_company_target}">{$shipping_company}</a></p>
<p class="{$invoice_no_display|display}"><a href="#none" class="line" onclick="{$shipping_trace_popup}">[{$invoice_no}]</a></p>
<a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract.gif" alt="취소철회" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract2.gif" alt="교환철회" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract3.gif" alt="반품철회" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[상세정보]</a></p>
<p class="{$hyphen_display|display}" >-</p>
</td>
</tr>
<tr>
<td class="thumb"><a href="/product/detail.html{$param_product}"><img src="{$thumbnail}" alt="{$product_name_alt}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" /></a></td>
<td class="product">
<a href="/product/detail.html{$param_product}"><strong>{$product_name}</strong></a>
<div class="option {$option_display|display}">{$option_str}</div>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
</ul>
<p class="free {$card_installment_display|display}">무이자할부 상품</p>
</td>
<td class="quantity">{$quantity}</td>
<td class="price"><strong>{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</strong><div class="{$product_price_ref_display|display}">{$product_price_back_head}{$product_price_back}{$product_price_back_tail}</div></td>
<td class="delivery">{$type_all}<div class="{$oversea_able_display|display}">(해외배송가능)</div></td>
<td class="state">
<p>{$status}</p>
<p class="{$shipping_company_display|display}"><a href="{$shipping_company_link}" target="{$shipping_company_target}">{$shipping_company}</a></p>
<p class="{$invoice_no_display|display}"><a href="#none" class="line" onclick="{$shipping_trace_popup}">[{$invoice_no}]</a></p>
<a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract.gif" alt="취소철회" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract2.gif" alt="교환철회" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract3.gif" alt="반품철회" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[상세정보]</a></p>
<p class="{$hyphen_display|display}" >-</p>
</td>
</tr>
</tbody>
</table>
<!-- 개별배송 -->
<table border="1" summary="" class="boardList {$individual_display|display}">
<caption>개별배송</caption>
<thead>
<tr>
<th scope="col" class="thumb">이미지</th>
<th scope="col" class="product">상품정보</th>
<th scope="col" class="quantity">수량</th>
<th scope="col" class="price">상품구매금액</th>
<th scope="col" class="delivery">배송구분</th>
<th scope="col" class="state">주문처리상태</th>
<th scope="col" class="service">취소/교환/반품</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7"><strong class="type">[개별배송]</strong> 상품구매금액 <strong>{$individual.product_price}</strong> + 배송비 {$individual.ship_fee} + 지역별배송비 {$individual.special_ship_fee} = 합계 : <strong class="total"><span>{$individual.total_price_front_head}{$individual.total_price_front}{$individual.total_price_front_tail}</span></strong> <span class="{$individual.total_price_ref_display|display}">{$individual.total_price_back_head}{$individual.total_price_back}{$individual.total_price_back_tail}</span></td>
</tr>
</tfoot>
<tbody module="Myshop_OrderHistoryDetailIndividual">
<tr>
<td class="thumb"><a href="/product/detail.html{$param_product}"><img src="{$thumbnail}" alt="{$product_name_alt}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" /></a></td>
<td class="product">
<a href="/product/detail.html{$param_product}"><strong>{$product_name}</strong></a>
<div class="option {$option_display|display}">{$option_str}</div>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
</ul>
<p class="free {$card_installment_display|display}">무이자할부 상품</p>
</td>
<td class="quantity">{$quantity}</td>
<td class="price"><strong>{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</strong><div class="{$product_price_ref_display|display}">{$product_price_back_head}{$product_price_back}{$product_price_back_tail}</div></td>
<td class="delivery">{$type_all}<div class="{$oversea_able_display|display}">(해외배송가능)</div></td>
<td class="state">
<p>{$status}</p>
<p class="{$shipping_company_display|display}"><a href="{$shipping_company_link}" target="{$shipping_company_target}">{$shipping_company}</a></p>
<p class="{$invoice_no_display|display}"><a href="#none" class="line" onclick="{$shipping_trace_popup}">[{$invoice_no}]</a></p>
<a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract.gif" alt="취소철회" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract2.gif" alt="교환철회" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract3.gif" alt="반품철회" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[상세정보]</a></p>
<p class="{$hyphen_display|display}" >-</p>
</td>
</tr>
<tr>
<td class="thumb"><a href="/product/detail.html{$param_product}"><img src="{$thumbnail}" alt="{$product_name_alt}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" /></a></td>
<td class="product">
<a href="/product/detail.html{$param_product}"><strong>{$product_name}</strong></a>
<div class="option {$option_display|display}">{$option_str}</div>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
</ul>
<p class="free {$card_installment_display|display}">무이자할부 상품</p>
</td>
<td class="quantity">{$quantity}</td>
<td class="price"><strong>{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</strong><div class="{$product_price_ref_display|display}">{$product_price_back_head}{$product_price_back}{$product_price_back_tail}</div></td>
<td class="delivery">{$type_all}<div class="{$oversea_able_display|display}">(해외배송가능)</div></td>
<td class="state">
<p>{$status}</p>
<p class="{$shipping_company_display|display}"><a href="{$shipping_company_link}" target="{$shipping_company_target}">{$shipping_company}</a></p>
<p class="{$invoice_no_display|display}"><a href="#none" class="line" onclick="{$shipping_trace_popup}">[{$invoice_no}]</a></p>
<a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract.gif" alt="취소철회" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract2.gif" alt="교환철회" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract3.gif" alt="반품철회" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[상세정보]</a></p>
<p class="{$hyphen_display|display}" >-</p>
</td>
</tr>
</tbody>
</table>
<!-- 해외배송 -->
<table border="1" summary="" class="boardList {$oversea_display|display}">
<caption>해외배송</caption>
<thead>
<tr>
<th scope="col" class="thumb">이미지</th>
<th scope="col" class="product">상품정보</th>
<th scope="col" class="quantity">수량</th>
<th scope="col" class="price">상품구매금액</th>
<th scope="col" class="delivery">배송구분</th>
<th scope="col" class="state">주문처리상태</th>
<th scope="col" class="service">취소/교환/반품</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7"><strong class="type">[해외배송]</strong> 상품구매금액 <strong>{$oversea.product_price}</strong> + 배송비 {$oversea.ship_fee} + 보험료 {$oversea.insurance_price} = 합계 : <strong class="total"><span>{$oversea.total_price_front_head}{$oversea.total_price_front}{$oversea.total_price_front_tail}</span></strong> <span class="{$oversea.total_price_ref_display|display}">{$oversea.total_price_back_head}{$oversea.total_price_back}{$oversea.total_price_back_tail}</span></td>
</tr>
</tfoot>
<tbody module="Myshop_OrderHistoryDetailOversea">
<tr>
<td class="thumb"><a href="/product/detail.html{$param_product}"><img src="{$thumbnail}" alt="{$product_name_alt}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" /></a></td>
<td class="product">
<a href="/product/detail.html{$param_product}"><strong>{$product_name}</strong></a>
<div class="option {$option_display|display}">{$option_str}</div>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
</ul>
<p class="free {$card_installment_display|display}">무이자할부 상품</p>
</td>
<td class="quantity">{$quantity}</td>
<td class="price"><strong>{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</strong><div class="{$product_price_ref_display|display}">{$product_price_back_head}{$product_price_back}{$product_price_back_tail}</div></td>
<td class="delivery">{$type_all}</td>
<td class="state">
<p>{$status}</p>
<p class="{$shipping_company_display|display}"><a href="{$shipping_company_link}" target="{$shipping_company_target}">{$shipping_company}</a></p>
<p class="{$invoice_no_display|display}"><a href="#none" class="line" onclick="{$shipping_trace_popup}">[{$invoice_no}]</a></p>
<a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract.gif" alt="취소철회" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract2.gif" alt="교환철회" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract3.gif" alt="반품철회" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[상세정보]</a></p>
<p class="{$hyphen_display|display}">-</p>
</td>
</tr>
<tr>
<td class="thumb"><a href="/product/detail.html{$param_product}"><img src="{$thumbnail}" alt="{$product_name_alt}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" /></a></td>
<td class="product">
<a href="/product/detail.html{$param_product}"><strong>{$product_name}</strong></a>
<div class="option {$option_display|display}">{$option_str}</div>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
<li><strong>{$product_name}</strong>{$option_str} ({$qty}개)</li>
</ul>
<p class="free {$card_installment_display|display}">무이자할부 상품</p>
</td>
<td class="quantity">{$quantity}</td>
<td class="price"><strong>{$product_price_front_head}{$product_price_front}{$product_price_front_tail}</strong><div class="{$product_price_ref_display|display}">{$product_price_back_head}{$product_price_back}{$product_price_back_tail}</div></td>
<td class="delivery">{$type_all}</td>
<td class="state">
<p>{$status}</p>
<p class="{$shipping_company_display|display}"><a href="{$shipping_company_link}" target="{$shipping_company_target}">{$shipping_company}</a></p>
<p class="{$invoice_no_display|display}"><a href="#none" class="line" onclick="{$shipping_trace_popup}">[{$invoice_no}]</a></p>
<a href="#none" class="{$withdraw_cancel_display|display}" onclick="{$action_withdraw_cancel}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract.gif" alt="취소철회" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract2.gif" alt="교환철회" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_retract3.gif" alt="반품철회" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[상세정보]</a></p>
<p class="{$hyphen_display|display}">-</p>
</td>
</tr>
</tbody>
</table>
</div>
<!-- 사은품 -->
<div class="orderArea {$gift_display|display}">
<div class="title">
<h3>사은품</h3>
</div>
<table border="1" summary="" class="boardList">
<caption>사은품</caption>
<thead>
<tr>
<th scope="col" class="thumb">이미지</th>
<th scope="col" class="product">상품정보</th>
<th scope="col" class="quantity">수량</th>
<th scope="col" class="state">사은품 구분</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="4"><strong class="type">[사은품]</strong></td>
</tr>
</tfoot>
<tbody module="Myshop_OrderHistoryDetailGift">
<tr>
<td class="thumb"><img src="{$thumbnail}" alt="{$product_name_alt}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" /></td>
<td class="product">
<span class="{$gift_icon_display|display}"><img src="{$gift_icon}" /></span> {$product_name}
<div class="option">{$option_str}</div>
</td>
<td class="quantity">{$quantity}</td>
<td class="state">{$gift_type_text}</td>
</tr>
<tr>
<td class="thumb"><img src="{$thumbnail}" alt="{$product_name_alt}" onerror="this.src='http://img.echosting.cafe24.com/thumb/img_product_small.gif';" /></td>
<td class="product">
<span class="{$gift_icon_display|display}"><img src="{$gift_icon}" /></span> {$product_name}
<div class="option">{$option_str}</div>
</td>
<td class="quantity">{$quantity}</td>
<td class="state">{$gift_type_text}</td>
</tr>
</tbody>
</table>
</div>
<!-- 최종 결제 정보 -->
<div class="orderArea {$final_payed_display|display}">
<div class="title">
<h3>최종 결제 정보</h3>
</div>
<div class="boardTotal summaryTop">
<table border="1" summary="">
<caption>최종 결제 정보</caption>
<tbody>
<tr class="total first">
<th scope="row">총 결제금액</th>
<td>
{$total.price_unit_head}<strong>{$total.final_payed_order_price}</strong>{$total.price_unit_tail}
<span class="{$total.final_payed_order_price_ref_display|display}">{$total.final_payed_order_price_ref}</span>
</td>
</tr>
</tbody>
</table>
</div>
<div class="boardTotal">
<table border="1" summary="">
<caption>최종 결제 정보</caption>
<tbody module="Myshop_OrderHistoryDetailPaymentFinal">
<tr>
<th scope="row">{$title}</th>
<td>
<strong>{$price_unit_head}{$price}{$price_unit_tail}</strong>
<p>{$detail}</p>
</td>
</tr>
<tr>
<th scope="row">{$title}</th>
<td>
<strong>{$price_unit_head}{$price}{$price_unit_tail}</strong>
<p>{$detail}</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 환불정보 -->
<div class="orderArea" module="Myshop_OrderHistoryDetailRefundNew">
<div class="title">
<h3>환불정보</h3>
</div>
<div class="boardPay">
<table border="1" summary="">
<caption>환불정보</caption>
<tbody>
<tr>
<th scope="row">상품정보</th>
<td class="product">
<ul module="Myshop_cancelProduct">
<li>
<strong>{$product_name}</strong> <span class="option">{$option_str}</span>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str}</li>
<li><strong>{$product_name}</strong>{$option_str}</li>
</ul>
</li>
<li>
<strong>{$product_name}</strong> <span class="option">{$option_str}</span>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str}</li>
<li><strong>{$product_name}</strong>{$option_str}</li>
</ul>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row">{$display_date_title} (처리상태)</th>
<td>{$display_date} <strong>({$status})</strong></td>
</tr>
<tr class="{$cancel_form_display|display}">
<th scope="row">{$refund_amount_title}</th>
<td class="total">상품금액 {$product_amount_org} {$additional_amount} = 합계 : <strong>{$payment_amount_front_head}{$payment_amount_front}{$payment_amount_front_tail}<span class="{$payment_amount_ref_display|display}">{$payment_amount_back_head}{$payment_amount_back}{$payment_amount_back_tail}</span></strong></td>
</tr>
<tr class="{$hold_show_ord_detail|display}">
<th scope="row">보류 사유</th>
<td>{$hold_reason_customer_display|nl2br}</td>
</tr>
<tr>
<th scope="row">환불수단</th>
<td>{$refund_paymethod}</td>
</tr>
<tr class="{$bank_display|display}">
<th scope="row">환불계좌</th>
<td>
[{$bank_name}] {$bank_acc_no} 예금주 : {$bank_acc_owner}
<a href="#none" onclick="{$action_bank_acc_change}" class="{$bank_acc_change_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_account.gif" alt="환불계좌변경" /></a>
</td>
</tr>
<tr class="{$additional_display|display}">
<th scope="row">할인 및 부가결제<br />복원 내역</th>
<td>
<ul class="coupon">
<li class="{$coupon_display|display}">쿠폰 복원 금액 : {$total.price_unit_head}<strong>{$coupon_price}</strong>{$total.price_unit_tail}</li>
<li class="{$addsale_display|display}">할인 복원 금액 : {$total.price_unit_head}<strong>{$addsale_price}</strong>{$total.price_unit_tail}</li>
<li class="{$mileage_display|display}">적립금 복원 : {$total.price_unit_head}<strong>{$mileage_price}</strong>{$total.price_unit_tail}</li>
<li class="{$deposit_display|display}">예치금 복원 : {$total.price_unit_head}<strong>{$deposit_price}</strong>{$total.price_unit_tail}</li>
<li class="{$navermileage_display|display}">네이버마일리지 & 캐시 복원 : {$total.price_unit_head}<strong>{$navermileage_price}</strong>{$total.price_unit_tail} ({$navermieage_detail})</li>
</ul>
</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">상품정보</th>
<td class="product">
<ul module="Myshop_cancelProduct">
<li>
<strong>{$product_name}</strong> <span class="option">{$option_str}</span>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str}</li>
<li><strong>{$product_name}</strong>{$option_str}</li>
</ul>
</li>
<li>
<strong>{$product_name}</strong> <span class="option">{$option_str}</span>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str}</li>
<li><strong>{$product_name}</strong>{$option_str}</li>
</ul>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row">{$display_date_title} (처리상태)</th>
<td>{$display_date} <strong>({$status})</strong></td>
</tr>
<tr class="{$cancel_form_display|display}">
<th scope="row">{$refund_amount_title}</th>
<td class="total">상품금액 {$product_amount_org} {$additional_amount} = 합계 : <strong>{$payment_amount_front_head}{$payment_amount_front}{$payment_amount_front_tail}<span class="{$payment_amount_ref_display|display}">{$payment_amount_back_head}{$payment_amount_back}{$payment_amount_back_tail}</span></strong></td>
</tr>
<tr class="{$hold_show_ord_detail|display}">
<th scope="row">보류 사유</th>
<td>{$hold_reason_customer_display|nl2br}</td>
</tr>
<tr>
<th scope="row">환불수단</th>
<td>{$refund_paymethod}</td>
</tr>
<tr class="{$bank_display|display}">
<th scope="row">환불계좌</th>
<td>
[{$bank_name}] {$bank_acc_no} 예금주 : {$bank_acc_owner}
<a href="#none" onclick="{$action_bank_acc_change}" class="{$bank_acc_change_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_account.gif" alt="환불계좌변경" /></a>
</td>
</tr>
<tr class="{$additional_display|display}">
<th scope="row">할인 및 부가결제<br />복원 내역</th>
<td>
<ul class="coupon">
<li class="{$coupon_display|display}">쿠폰 복원 금액 : {$total.price_unit_head}<strong>{$coupon_price}</strong>{$total.price_unit_tail}</li>
<li class="{$addsale_display|display}">할인 복원 금액 : {$total.price_unit_head}<strong>{$addsale_price}</strong>{$total.price_unit_tail}</li>
<li class="{$mileage_display|display}">적립금 복원 : {$total.price_unit_head}<strong>{$mileage_price}</strong>{$total.price_unit_tail}</li>
<li class="{$deposit_display|display}">예치금 복원 : {$total.price_unit_head}<strong>{$deposit_price}</strong>{$total.price_unit_tail}</li>
<li class="{$navermileage_display|display}">네이버마일리지 & 캐시 복원 : {$total.price_unit_head}<strong>{$navermileage_price}</strong>{$total.price_unit_tail} ({$navermieage_detail})</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 추가결제 -->
<div class="orderArea" module="Myshop_OrderHistoryDetailPaymentAdd">
<div class="title">
<h3>추가결제</h3>
</div>
<div class="boardPay">
<table border="1" summary="">
<caption>추가결제</caption>
<tbody>
<tr>
<th scope="row">상품정보</th>
<td class="product">
<ul module="Myshop_cancelProduct">
<li>
<strong>{$product_name}</strong> <span class="option">{$option_str}</span>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str}</li>
<li><strong>{$product_name}</strong>{$option_str}</li>
</ul>
</li>
<li>
<strong>{$product_name}</strong> <span class="option">{$option_str}</span>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str}</li>
<li><strong>{$product_name}</strong>{$option_str}</li>
</ul>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row">결제금액</th>
<td class="total"><strong>{$total_payment_price_front_head}{$total_payment_price_front}{$total_payment_price_front_tail} <span class="{$total_payment_price_ref_display|display}">{$total_payment_price_back_head}{$total_payment_price_back}{$total_payment_price_back_tail}</span></strong></td>
</tr>
<tr>
<th scope="row">결제(입금)자</th>
<td>{$payer_name} </td>
</tr>
<tr>
<th scope="row">결제수단</th>
<td>{$paymethod} {$paymethod_detail}</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">상품정보</th>
<td class="product">
<ul module="Myshop_cancelProduct">
<li>
<strong>{$product_name}</strong> <span class="option">{$option_str}</span>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str}</li>
<li><strong>{$product_name}</strong>{$option_str}</li>
</ul>
</li>
<li>
<strong>{$product_name}</strong> <span class="option">{$option_str}</span>
<ul class="option" module="Myshop_optionSet">
<li><strong>{$product_name}</strong>{$option_str}</li>
<li><strong>{$product_name}</strong>{$option_str}</li>
</ul>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row">결제금액</th>
<td class="total"><strong>{$total_payment_price_front_head}{$total_payment_price_front}{$total_payment_price_front_tail} <span class="{$total_payment_price_ref_display|display}">{$total_payment_price_back_head}{$total_payment_price_back}{$total_payment_price_back_tail}</span></strong></td>
</tr>
<tr>
<th scope="row">결제(입금)자</th>
<td>{$payer_name} </td>
</tr>
<tr>
<th scope="row">결제수단</th>
<td>{$paymethod} {$paymethod_detail}</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 배송지정보 -->
<div class="orderArea">
<div class="title">
<h3>배송지정보</h3>
</div>
<div class="boardView">
<table border="1" summary="">
<caption>배송지정보</caption>
<tbody>
<tr>
<th scope="row">받으시는분</th>
<td>{$delivery.name}</td>
</tr>
<tr class="{$delivery.english_name_display|display}">
<th scope="row">영문이름</th>
<td>{$delivery.english_name}</td>
</tr>
<tr class="{$delivery.pron_name_display|display}">
<th scope="row">이름(발음기호)</th>
<td>{$delivery.pron_name}</td>
</tr>
<tr class="{$delivery.country_name_display|display}">
<th scope="row">국가</th>
<td>{$delivery.country_name}</td>
</tr>
<tr>
<th scope="row">우편번호</th>
<td>{$delivery.rzipcode}</td>
</tr>
<tr>
<th scope="row">주소</th>
<td>{$delivery.raddr}</td>
</tr>
<tr class="{$delivery.si_gun_do_display|display}">
<th scope="row">도시</th>
<td>{$delivery.si_gun_do}</td>
</tr>
<tr class="{$delivery.ju_do_display|display}">
<th scope="row">주/지방</th>
<td>{$delivery.ju_do}</td>
</tr>
<tr>
<th scope="row">일반전화</th>
<td>{$delivery.rphone_1}</td>
</tr>
<tr>
<th scope="row">휴대전화</th>
<td>{$delivery.rphone_2}</td>
</tr>
<tr>
<th scope="row">배송메시지</th>
<td>{$delivery.message}</td>
</tr>
<tr class="{$hope_shipping_date_display|display}">
<th scope="row">희망 배송일</th>
<td>{$delivery.hope_shipping_date}</td>
</tr>
<tr class="{$delivery.sc_display|display}">
<th scope="row">배송업체</th>
<td>{$delivery.sc_name}</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 추가정보 -->
<div class="orderArea {$ordadd.display|display}">
<div class="title">
<h3>추가정보</h3>
</div>
<div class="boardView">
<table border="1" summary="">
<caption>추가 정보</caption>
<tbody module="Myshop_ordadd">
<tr>
<th scope="row">{$title}</th>
<td>{$content}</td>
</tr>
<tr>
<th scope="row">{$title}</th>
<td>{$content}</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 고객알림 -->
<div class="orderArea {$customer_msg_display|display}">
<div class="title">
<h3>고객알림</h3>
</div>
<p class="customer">{$customer_msg}</p>
</div>
<div class="btnArea">
<span class="left">
<a href="#none" onclick="{$action_issue_tax}" class="{$issue_tax_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_tax1.gif" alt="세금계산서 신청" /></a>
<a href="#none" onclick="{$action_print_tax}" class="{$print_tax_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_tax2.gif" alt="세금계산서 인쇄" /></a>
<a href="#none" onclick="{$action_issue_cash}" class="{$issue_cash_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_cash1.gif" alt="현금영수증 신청" /></a>
<a href="#none" onclick="{$action_print_pg_cash}" class="{$print_pg_cash_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_cash2.gif" alt="현금영수증전표 인쇄" /></a>
<a href="#none" onclick="{$action_print_spec}" class="{$print_spec_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_spec.gif" alt="거래명세서 인쇄" /></a>
<a href="#none" onclick="{$action_print_pg_card}" class="{$print_pg_card_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_card.gif" alt="카드매출전표 인쇄" /></a>
<a href="#none" onclick="{$action_select_gift}" class="{$select_gift_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_gift.gif" alt="사은품 선택" /></a>
</span>
<a href="/myshop/order/list.html{$param_list}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/btn_order_list.gif" alt="주문목록보기" /></a>
</div>
<!-- 총 주문금액 상세내역 레이어 -->
<div id="{$total.total_order_layer}" class="totalDetail">
<h3>총 주문금액 상세내역</h3>
<div class="content">
<p>{$total.price_unit_head}{$total.total_order_price}{$total.price_unit_tail}</p>
<ul>
<li><strong>상품금액</strong><span>{$total.price_unit_head}{$total.total_product_price}{$total.price_unit_tail}</span></li>
<li class="{$total.total_vat_price_display|display}"><strong>부가세</strong><span>{$total.price_unit_head}{$total.total_vat_price}{$total.price_unit_tail}</span></li>
<li><strong>배송비</strong><span>{$total.price_unit_head}{$total.total_ship_fee}{$total.price_unit_tail}</span></li>
<li><strong>지역별 배송비</strong><span>{$total.price_unit_head}{$total.total_local_ship_fee}{$total.price_unit_tail}</span></li>
</ul>
</div>
<div class="close"><a href="#none" onclick="{$total.total_order_layer_off}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/common/btn_close.png" alt="닫기" /></a></div>
</div>
<!-- 추가금액할인 내역보기 레이어 -->
<div id="{$total.total_benefit_layer}" class="totalDetail">
<h3>추가금액할인 내역보기</h3>
<div class="content">
<p>{$total.price_unit_head}{$total.total_benefit_price}{$total.price_unit_tail}</p>
<ul>
<li class="{$total.total_mobilesale_price_display|display}"><strong>모바일할인</strong><span>{$total.price_unit_head}{$total.total_mobilesale_price}{$total.price_unit_tail}</span></li>
<li class="{$total.total_periodsale_price_display|display}"><strong>기간할인</strong><span>{$total.price_unit_head}{$total.total_periodsale_price}{$total.price_unit_tail}</span></li>
<li class="{$total.total_membersale_price_display|display}"><strong>회원할인</strong><span>{$total.price_unit_head}{$total.total_membersale_price}{$total.price_unit_tail}</span></li>
<li class="{$total.total_rebuysale_price_display|display}"><strong>{$rebuysale_head}재구매할인</strong><span>{$total.price_unit_head}{$total.total_rebuysale_price}{$total.price_unit_tail}</span></li>
<li class="{$total.total_paymethodsale_price_display|display}"><strong>결제수단할인</strong><span>{$total.price_unit_head}{$total.total_paymethodsale_price}{$total.price_unit_tail}</span></li>
<li class="{$total.total_newproductsale_price_display|display}"><strong>신규상품할인</strong><span>{$total.price_unit_head}{$total.total_newproductsale_price}{$total.price_unit_tail}</span></li>
<li class="{$total.total_bulksale_price_display|display}"><strong>대량구매할인</strong><span>{$total.price_unit_head}{$total.total_bulksale_price}{$total.price_unit_tail}</span></li>
<li class="{$total.total_pbpsale_price_display|display}"><strong>어바웃pbp할인</strong><span>{$total.price_unit_head}{$total.total_pbpsale_price}{$total.price_unit_tail}</span></li>
<li class="{$total.total_livelinkonsale_price_display|display}"><strong>바로가기(링콘)할인</strong><span>{$total.price_unit_head}{$total.total_livelinkonsale_price}{$total.price_unit_tail}</span></li>
<li class="{$total.total_membergroupsale_price_display|display}"><strong>회원등급할인</strong><span>{$total.price_unit_head}{$total.total_membergroupsale_price}{$total.price_unit_tail}</span></li>
<li class="{$total.explode_set_product_discount_amount_display|display}"><strong>세트상품할인</strong><span>{$total.price_unit_head}{$total.explode_set_product_discount_amount}{$total.price_unit_tail}</span></li>
</ul>
</div>
<div class="close"><a href="#none" onclick="{$total.total_benefit_layer_off}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/common/btn_close.png" alt="닫기" /></a></div>
</div>
</div>
/* Title */
.xans-myshop-orderhistorydetail .title { margin:40px 0 10px 10px; }
.xans-myshop-orderhistorydetail .title h3 { color:#353535; font-size:12px; }
.xans-myshop-orderhistorydetail .orderArea:first-child .title { margin-top:0; }
/* View */
.xans-myshop-orderhistorydetail .boardView { border:1px solid #d7d5d5; }
.xans-myshop-orderhistorydetail .boardView table { table-layout:fixed; color:#353535; line-height:1.5; }
.xans-myshop-orderhistorydetail .boardView th { width:120px; padding:11px 0 10px 19px; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; font-weight:normal; text-align:left; background:#fbfafa; }
.xans-myshop-orderhistorydetail .boardView td { width:auto; padding:9px 0 8px 10px; border-top:1px solid #e9e9e9; }
.xans-myshop-orderhistorydetail .boardView tbody tr:first-child th,
.xans-myshop-orderhistorydetail .boardView tbody tr:first-child td { border-top:0; }
.xans-myshop-orderhistorydetail .boardView img { vertical-align:middle; }
/* List */
.xans-myshop-orderhistorydetail .boardList { table-layout:fixed; margin:0 0 1px; border:1px solid #d7d5d5; color:#353535; line-height:1.5; }
.xans-myshop-orderhistorydetail .boardList th { padding:11px 0 9px; border-left:1px solid #e9e9e9; font-weight:normal; background:#fbfafa; }
.xans-myshop-orderhistorydetail .boardList th:first-child { border-left:0; }
.xans-myshop-orderhistorydetail .boardList td { padding:8px 0 5px; border-top:1px solid #e9e9e9; text-align:center; vertical-align:middle; word-wrap:break-word; }
.xans-myshop-orderhistorydetail .boardList tfoot td { padding:15px 10px 17px; background:#fbfafa; text-align:right; }
.xans-myshop-orderhistorydetail .boardList tfoot td .type { float:left; margin:6px 0 0; font-weight:normal; }
.xans-myshop-orderhistorydetail .boardList tfoot td .total { margin:0 0 0 15px; color:#008bcc; }
.xans-myshop-orderhistorydetail .boardList tfoot td .total span { font-size:17px; letter-spacing:-1px; }
.xans-myshop-orderhistorydetail .boardList .thumb { width:92px; }
.xans-myshop-orderhistorydetail .boardList .product { width:auto; }
.xans-myshop-orderhistorydetail .boardList .quantity { width:40px; }
.xans-myshop-orderhistorydetail .boardList .price { width:100px; }
.xans-myshop-orderhistorydetail .boardList .delivery { width:95px; }
.xans-myshop-orderhistorydetail .boardList .state { width:110px; }
.xans-myshop-orderhistorydetail .boardList .service { width:110px; }
.xans-myshop-orderhistorydetail .boardList td .line { text-decoration:underline; }
.xans-myshop-orderhistorydetail .boardList td.thumb img { width:80px; }
.xans-myshop-orderhistorydetail .boardList td.product { padding-left:10px; text-align:left; }
.xans-myshop-orderhistorydetail .boardList td.product a { color:#353535; }
.xans-myshop-orderhistorydetail .boardList td.product div.option,
.xans-myshop-orderhistorydetail .boardList td.product ul.option > li { margin:9px 0 0; color:#757575; line-height:16px; }
.xans-myshop-orderhistorydetail .boardList td.product ul.option > li > strong { display:block; color:#353535; }
.xans-myshop-orderhistorydetail .boardList td.product div.option span.file a,
.xans-myshop-orderhistorydetail .boardList td.product ul.option > li > span.file a { margin:0 0 0 4px; padding:0 0 0 11px; color:#757575; text-decoration:underline; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_attach.gif") no-repeat 0 2px; }
.xans-myshop-orderhistorydetail .boardList td.product .free { margin:5px 0 0; }
.xans-myshop-orderhistorydetail .boardList td.delivery { color:#757575; }
.xans-myshop-orderhistorydetail .boardList td.state img { margin:1px 0; }
.xans-myshop-orderhistorydetail .boardList td.state p { color:#008bcc; }
.xans-myshop-orderhistorydetail .boardList td.state a { color:#353535; }
/* Button */
.xans-myshop-orderhistorydetail .btnArea { overflow:hidden; position:relative; margin:20px 0 40px; text-align:right; *zoom:1; }
.xans-myshop-orderhistorydetail .btnArea span.left { float:left; }
.xans-myshop-orderhistorydetail .btnArea span.right { float:right; }
/* 결제정보, 최종결제정보 */
.xans-myshop-orderhistorydetail .boardTotal { border:1px solid #d7d5d5; }
.xans-myshop-orderhistorydetail .boardTotal th { width:140px; padding:11px 0 10px 20px; border-top:1px solid #e9e9e9; text-align:left; font-weight:normal; }
.xans-myshop-orderhistorydetail .boardTotal td { padding:9px 0 8px 10px; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; vertical-align:middle; }
.xans-myshop-orderhistorydetail .boardTotal img { vertical-align:middle; }
.xans-myshop-orderhistorydetail .boardTotal .first th,
.xans-myshop-orderhistorydetail .boardTotal .first td { border-top:0; }
.xans-myshop-orderhistorydetail .boardTotal .total th,
.xans-myshop-orderhistorydetail .boardTotal .total td { font-weight:bold; background:#fbfafa; }
.xans-myshop-orderhistorydetail .boardTotal .total th { width:150px; padding-left:10px; }
.xans-myshop-orderhistorydetail .boardTotal .total td strong { font-size:14px; }
.xans-myshop-orderhistorydetail .boardTotal .grid { display:inline-block; min-width:100px; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm { position:relative; margin:-1px 0 0; border:1px solid #777; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm th { background:#fbfafa; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total td { color:#008bcc; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total td strong { font-size:17px; }
.xans-myshop-orderhistorydetail .boardTotal.summaryTop { position:relative; margin:0 0 -2px; border:1px solid #777; }
.xans-myshop-orderhistorydetail .boardTotal.summaryTop th { padding-top:21px; padding-bottom:20px; }
.xans-myshop-orderhistorydetail .boardTotal.summaryTop td { padding-top:15px; padding-bottom:13px; }
.xans-myshop-orderhistorydetail .boardTotal.summaryTop .total td { color:#008bcc; font-size:14px; background:#fff; }
.xans-myshop-orderhistorydetail .boardTotal.summaryTop .total td strong { font-size:23px; }
/* 환불정보, 추가결제 */
.xans-myshop-orderhistorydetail .boardPay { border:1px solid #777; border-top:0; }
.xans-myshop-orderhistorydetail .boardPay table { table-layout:fixed; color:#353535; line-height:1.5; }
.xans-myshop-orderhistorydetail .boardPay th { width:120px; padding:11px 0 10px 19px; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; font-weight:normal; text-align:left; background:#fbfafa; }
.xans-myshop-orderhistorydetail .boardPay td { width:auto; padding:9px 0 8px 10px; border-top:1px solid #e9e9e9; }
.xans-myshop-orderhistorydetail .boardPay tbody tr:first-child th,
.xans-myshop-orderhistorydetail .boardPay tbody tr:first-child td { border-top:1px solid #777; }
.xans-myshop-orderhistorydetail .boardPay img { vertical-align:middle; }
.xans-myshop-orderhistorydetail .boardPay td.product .option { color:#757575; }
.xans-myshop-orderhistorydetail .boardPay td.product ul.option > li { margin:9px 0 0; line-height:16px; }
.xans-myshop-orderhistorydetail .boardPay td.product ul.option > li > strong { display:block; color:#353535; }
.xans-myshop-orderhistorydetail .boardPay td.total strong { color:#008bcc; }
.xans-myshop-orderhistorydetail .boardPay .coupon li { padding:0 0 0 6px; line-height:25px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_info2.gif") no-repeat 0 10px; }
/* 고객알림 */
.xans-myshop-orderhistorydetail .customer { padding:10px 19px; border:1px solid #d7d5d5; line-height:20px; }
/* 총 주문금액 상세내역 레이어 */
.xans-myshop-orderhistorydetail .totalDetail { display:none; position:absolute; z-index:100; width:300px; color:#757575; }
.xans-myshop-orderhistorydetail .totalDetail h3 { height:35px; padding:0 35px 0 19px; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.xans-myshop-orderhistorydetail .totalDetail .content { padding:20px; border:1px solid #757575; border-top:0; background:#fff; }
.xans-myshop-orderhistorydetail .totalDetail .close { position:absolute; right:20px; top:10px; }
.xans-myshop-orderhistorydetail .totalDetail .close img { cursor:pointer; }
.xans-myshop-orderhistorydetail .totalDetail .content p { color:#008bcc; font-size:16px; font-weight:bold; font-family:verdana, sans-serif; text-align:right; }
.xans-myshop-orderhistorydetail .totalDetail .content ul { line-height:25px; }
.xans-myshop-orderhistorydetail .totalDetail .content li { overflow:hidden; padding:0 0 0 6px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_info2.gif") no-repeat 0 10px; *zoom:1; }
.xans-myshop-orderhistorydetail .totalDetail .content li:first-child { margin:8px 0 0; padding-top:6px; border-top:1px dotted #b0b1b3; background-position:0 16px; }
.xans-myshop-orderhistorydetail .totalDetail .content li strong { float:left; font-weight:normal; }
.xans-myshop-orderhistorydetail .totalDetail .content li span { float:right; }
/* 취소/교환/반품 상세정보 레이어 */
.csDetail { overflow:hidden; position:fixed; top:50%; left:50%; z-index:100; width:450px; margin:-250px 0 0 -225px; color:#757575; }
.csDetail h1 { height:35px; padding:0 35px 0 19px; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.csDetail .content { overflow:auto; overflow-x:hidden; max-height:400px; padding:20px; border-right:1px solid #757575; border-left:1px solid #757575; background:#fff; }
.csDetail .close { position:absolute; right:20px; top:10px; }
.csDetail .close img { cursor:pointer; }
.csDetail .btnArea { margin:0; padding:9px 0; border:1px solid #757575; border-top:1px solid #d7d5d5; text-align:center; background:#fbfafa; }
.csDetail .btnArea a:first-child img { margin-left:1px; }
.csDetail .btnArea img { margin:0 1px 0 0; }
.csDetail .prdInfo { padding:10px 10px 5px; border:1px solid #e8e5e4; background:#fff8f5; }
.csDetail .prdInfo h2 { color:#353535; font-size:12px; }
.csDetail .prdInfo p,
.csDetail .prdInfo ul > li { margin:9px 0 5px; color:#757575; line-height:16px; }
.csDetail .prdInfo ul > li > strong { display:block; color:#353535; }
.csDetail .csArea { margin:0 0 20px; }
.csDetail .csArea h3 { margin:25px 0 7px; color:#353535; font-size:12px; }
.csDetail .csArea .boardCS { border:1px solid #d7d5d5; }
.csDetail .csArea .boardCS table { table-layout:fixed; color:#353535; line-height:1.5; }
.csDetail .csArea .boardCS th { width:100px; padding:11px 0 10px 19px; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; font-weight:normal; text-align:left; background:#fbfafa; }
.csDetail .csArea .boardCS td { width:auto; padding:9px 0 8px 10px; border-top:1px solid #e9e9e9; word-wrap:break-word; }
.csDetail .csArea .boardCS tbody tr:first-child th,
.csDetail .csArea .boardCS tbody tr:first-child td { border-top:0; }
.csDetail .csArea .boardCS img { vertical-align:middle; }