<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>Order Details</h3>
</div>
<div class="boardView">
<table border="1" summary="">
<caption>Order Details</caption>
<tbody>
<tr>
<th scope="row">Order No.</th>
<td>{$order.order_id}</td>
</tr>
<tr>
<th scope="row">Date</th>
<td>{$order.date}</td>
</tr>
<tr>
<th scope="row">Bill to</th>
<td>{$order.name}</td>
</tr>
<tr>
<th scope="row">Order Status</th>
<td>
{$order.state}
<input type="image" src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_cancel.gif" alt="Cancel Order" 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_en_US/myshop/btn_order_buy.gif" alt="Confirm Purchase" /></a>
<a href="#none" onclick="{$action_escrow_reject}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_refund.gif" alt="Request Refund" /></a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="orderArea">
<div class="title">
<h3>Billing Information</h3>
</div>
<div class="boardTotal">
<table border="1" summary="">
<caption>Billing Information</caption>
<tbody>
<tr class="total first">
<th scope="row">Order Total</th>
<td>
<span class="grid">
{$total.price_unit_head}<strong>{$total.total_order_price}</strong>{$total.price_unit_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_en_US/order/btn_list.gif" alt="See History" /></a>
</td>
</tr>
</tbody>
<tbody class="{$total.total_addsale_summary_display|display}">
<tr class="total">
<th scope="row">Total discounted amount</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">Coupon discount</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_en_US/order/btn_list.gif" alt="See History" /></a>
</td>
</tr>
<tr class="$total.total_benefit_price_display|display}">
<th scope="row" >Additional discount</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_en_US/order/btn_list.gif" alt="See History" /></a>
</td>
</tr>
</tbody>
<tbody class="{$total.total_addpay_summary_display|display}">
<tr class="total">
<th scope="row">Alternative Payment Method</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">Reward Points</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">Naver Mileage/Case</th>
<td>
{$total.total_naver_mileage_rate} Điểm thưởng / {$total.price_unit_head}{$total.naver_mileage_cash_used}{$total.price_unit_tail}
(Mileage {$total.price_unit_head}<strong>{$total.naver_mileage_used}</strong>{$total.price_unit_tail} + Cash {$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">Store Credits</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>Billing Information</caption>
<tbody>
<tr class="total first">
<th scope="row">Order Total</th>
<td>
<strong>{$payment.price_front_head}{$payment.price_front}</strong>{$payment.price_front_tail}
<span class="{$payment.price_ref_display|display}">{$payment.price_back_head}{$payment.price_back}{$payment.price_back_tail}</span>
<div class="btnTooltip {$dcc_info_display|display}">
(DCC <a href="#none" onclick="{$dcc_tooltip_layer_on}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/common/ico_tooltip.gif" alt="Help" /></a> : {$dcc_info})
<div class="eximbayDCC" id="{$dcc_tooltip_layer}">
<strong>Eximbay DCC (Dynamic Currency Conversion)</strong>
<div class="content">
<ul>
<li>- The payment for this order was made using the DCC (Dynamic Currency Conversion) service provided by Eximbay.
<span class="dccLink"><a href="https://www.eximbay.com/service/dcc_service.do?pageGroup=MS0000001&pageType=M&m_root_seq=1000&m_mnu_seq=5000" target="_blank">[About Eximbay DCC (Dynamic Currency Conversion) Service ▶]</a></span>
</li>
<li>- The payment total was determined based on the exchange rate set by EXIMBAY at the time of the transaction.</li>
<li>- Any partial cancellation will be processed based on the exchange rate used at the time of the transaction.</li>
</ul>
</div>
<div class="close"><a href="#none" onclick="{$dcc_tooltip_layer_off}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/common/btn_close.gif" alt="Close" /></a></div>
</div>
</div>
</td>
</tr>
<tr class="{$payment.paymethod_display|display}">
<th scope="row">Method of Payment</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_en_US/order/btn_banking.gif" alt="Go to online bank site" /></a>
<a target="_blank" href="{$payment.pay_extra_url}" class="{$payment.paymenturl_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/order/btn_order_payment.gif" id="{$payment.btn_payment_link_id}" alt="Go to payment page" /></a>
</p>
</td>
</tr>
<tr class="detail {$payment.eguarantee_display|display}">
<th scope="row">About Online Purchase Protection</th>
<td>{$payment.eguarantee_detail}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="orderArea">
<div class="title">
<h3>Product Details</h3>
</div>
<table border="1" summary="" class="boardList {$basic_display|display}">
<caption>Shipping</caption>
<thead>
<tr>
<th scope="col" class="thumb">Image</th>
<th scope="col" class="product">Product Details</th>
<th scope="col" class="quantity">Qty</th>
<th scope="col" class="price">Subtotal</th>
<th scope="col" class="delivery">Shipping</th>
<th scope="col" class="state">Order Status</th>
<th scope="col" class="service">Cancel/<br />Exchange/Return</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7"><strong class="type">[Standard Shipping]</strong> Merchandise <strong>{$basic.product_price}</strong> + Shipping {$basic.ship_fee} + Shipping Surcharge {$basic.special_ship_fee} = Total : <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}">Interest free products</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}">(International shipping available)</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</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}">Interest free products</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}">(International shipping available)</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</a></p>
<p class="{$hyphen_display|display}" >-</p>
</td>
</tr>
</tbody>
</table>
<table border="1" summary="" class="boardList {$individual_display|display}">
<caption>Split Shipping</caption>
<thead>
<tr>
<th scope="col" class="thumb">Image</th>
<th scope="col" class="product">Product Details</th>
<th scope="col" class="quantity">Qty</th>
<th scope="col" class="price">Subtotal</th>
<th scope="col" class="delivery">Shipping</th>
<th scope="col" class="state">Order Status</th>
<th scope="col" class="service">Cancel/<br />Exchange/Return</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7"><strong class="type">[Split Shipping]</strong> Merchandise <strong>{$individual.product_price}</strong> + Shipping {$individual.ship_fee} + Shipping Surcharge {$individual.special_ship_fee} = Total : <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}">Interest free products</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}">(International shipping available)</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</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}">Interest free products</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}">(International shipping available)</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</a></p>
<p class="{$hyphen_display|display}" >-</p>
</td>
</tr>
</tbody>
</table>
<!-- 해외배송 -->
<table border="1" summary="" class="boardList {$oversea_display|display}">
<caption>International Shipping</caption>
<thead>
<tr>
<th scope="col" class="thumb">Image</th>
<th scope="col" class="product">Product Details</th>
<th scope="col" class="quantity">Qty</th>
<th scope="col" class="price">Subtotal</th>
<th scope="col" class="delivery">Shipping</th>
<th scope="col" class="state">Order Status</th>
<th scope="col" class="service">Cancel/<br />Exchange/Return</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7"><strong class="type">[International Shipping]</strong> Merchandise <strong>{$oversea.product_price}</strong> + Shipping {$oversea.ship_fee} + Insurance {$oversea.insurance_price} = Total : <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}">Interest free products</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</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}">Interest free products</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</a></p>
<p class="{$hyphen_display|display}">-</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="orderArea {$gift_display|display}">
<div class="title">
<h3>Free Gift</h3>
</div> <table border="1" summary="" class="boardList">
<caption>Free Gift</caption>
<thead>
<tr>
<th scope="col" class="thumb">Image</th>
<th scope="col" class="product">Product Details</th>
<th scope="col" class="quantity">Qty</th>
<th scope="col" class="state">Gift Type</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="4"><strong class="type">[Free Gift]</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>Final Billing Information</h3>
</div>
<div class="boardTotal summaryTop">
<table border="1" summary="">
<caption>Final Billing Information</caption>
<tbody>
<tr class="total first">
<th scope="row">Total Amount Paid</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>Final Billing Information</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>Refund Details</h3>
</div>
<div class="boardPay">
<table border="1" summary="">
<caption>Refund Details</caption>
<tbody>
<tr>
<th scope="row">Product Details</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} (Status)</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">Mechandise {$product_amount_org} {$additional_amount} = Total : <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">Pending reason</th>
<td>{$hold_reason_customer_display|nl2br}</td>
</tr>
<tr>
<th scope="row">Refund Method</th>
<td>{$refund_paymethod}</td>
</tr>
<tr class="{$bank_display|display}">
<th scope="row">Refund Account</th>
<td>
[{$bank_name}] {$bank_acc_no} Account Holder : {$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_en_US/myshop/btn_order_account.gif" alt="Change Account" /></a>
</td>
</tr>
<tr class="{$additional_display|display}">
<th scope="row">Discounts/Alternative Payment<br />Restoration History</th>
<td>
<ul class="coupon">
<li class="{$coupon_display|display}">Coupon Restoration : {$total.price_unit_head}<strong>{$coupon_price}</strong>{$total.price_unit_tail}</li>
<li class="{$addsale_display|display}">Discount Restoration : {$total.price_unit_head}<strong>{$addsale_price}</strong>{$total.price_unit_tail}</li>
<li class="{$mileage_display|display}">Reward Points Restoration : {$total.price_unit_head}<strong>{$mileage_price}</strong>{$total.price_unit_tail}</li>
<li class="{$deposit_display|display}">Store Credit Restoration : {$total.price_unit_head}<strong>{$deposit_price}</strong>{$total.price_unit_tail}</li>
<li class="{$navermileage_display|display}">Naver Mileage & Cash Restoration : {$total.price_unit_head}<strong>{$navermileage_price}</strong>{$total.price_unit_tail} ({$navermieage_detail})</li>
</ul>
</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">Product Details</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} (Status)</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">Mechandise {$product_amount_org} {$additional_amount} = Total : <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">Pending reason</th>
<td>{$hold_reason_customer_display|nl2br}</td>
</tr>
<tr>
<th scope="row">Refund Method</th>
<td>{$refund_paymethod}</td>
</tr>
<tr class="{$bank_display|display}">
<th scope="row">Refund Account</th>
<td>
[{$bank_name}] {$bank_acc_no} Account Holder : {$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_en_US/myshop/btn_order_account.gif" alt="Change Account" /></a>
</td>
</tr>
<tr class="{$additional_display|display}">
<th scope="row">Discounts/Alternative Payment<br />Restoration History</th>
<td>
<ul class="coupon">
<li class="{$coupon_display|display}">Coupon Restoration : {$total.price_unit_head}<strong>{$coupon_price}</strong>{$total.price_unit_tail}</li>
<li class="{$addsale_display|display}">Discount Restoration : {$total.price_unit_head}<strong>{$addsale_price}</strong>{$total.price_unit_tail}</li>
<li class="{$mileage_display|display}">Reward Points Restoration : {$total.price_unit_head}<strong>{$mileage_price}</strong>{$total.price_unit_tail}</li>
<li class="{$deposit_display|display}">Store Credit Restoration : {$total.price_unit_head}<strong>{$deposit_price}</strong>{$total.price_unit_tail}</li>
<li class="{$navermileage_display|display}">Naver Mileage & Cash Restoration : {$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>Additional Payment</h3>
</div>
<div class="boardPay">
<table border="1" summary="">
<caption>Additional Payment</caption>
<tbody>
<tr>
<th scope="row">Product</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">Amount Paid</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">Bill to</th>
<td>{$payer_name} </td>
</tr>
<tr>
<th scope="row">Payment Method</th>
<td>{$paymethod} {$paymethod_detail}</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">Product</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">Amount Paid</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">Bill to</th>
<td>{$payer_name} </td>
</tr>
<tr>
<th scope="row">Payment Method</th>
<td>{$paymethod} {$paymethod_detail}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="orderArea">
<div class="title">
<h3>Shipping Information</h3>
</div>
<div class="boardView">
<table border="1" summary="">
<caption>Shipping Information</caption>
<tbody>
<tr>
<th scope="row">Name</th>
<td>{$delivery.name}</td>
</tr>
<tr class="{$delivery.english_name_display|display}">
<th scope="row">English Name</th>
<td>{$delivery.english_name}</td>
</tr>
<tr class="{$delivery.pron_name_display|display}">
<th scope="row">Phonetics</th>
<td>{$delivery.pron_name}</td>
</tr>
<tr class="{$delivery.country_name_display|display}">
<th scope="row">Country</th>
<td>{$delivery.country_name}</td>
</tr>
<tr>
<th scope="row">Address Line</th>
<td>{$delivery.raddr}</td>
</tr>
<tr class="{$delivery.si_gun_do_display|display}">
<th scope="row">City</th>
<td>{$delivery.si_gun_do}</td>
</tr>
<tr class="{$delivery.ju_do_display|display}">
<th scope="row">State/Province</th>
<td>{$delivery.ju_do}</td>
</tr>
<tr>
<th scope="row">Zip/Postal code</th>
<td>{$delivery.rzipcode}</td>
</tr>
<tr>
<th scope="row">Phone</th>
<td>{$delivery.rphone_1}</td>
</tr>
<tr>
<th scope="row">Mobile</th>
<td>{$delivery.rphone_2}</td>
</tr>
<tr class="{$delivery.email_display|display}">
<th scope="row">E-mail</th>
<td>{$delivery.o_email}</td>
</tr>
<tr>
<th scope="row">Shipping Comment</th>
<td>{$delivery.message}</td>
</tr>
<tr class="{$hope_shipping_date_display|display}">
<th scope="row">Desired Shipping Date</th>
<td>{$delivery.hope_shipping_date}</td>
</tr>
<tr class="{$delivery.sc_display|display}">
<th scope="row">Shipping Company</th>
<td>{$delivery.sc_name}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="orderArea {$ordadd.display|display}">
<div class="title">
<h3>Additional Information</h3>
</div>
<div class="boardView">
<table border="1" summary="">
<caption>Additional Information</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>Customer Notice</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_en_US/myshop/btn_order_tax1.gif" alt="RequestTax Invoice" /></a>
<a href="#none" onclick="{$action_print_tax}" class="{$print_tax_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_tax2.gif" alt="Print Tax Invoice" /></a>
<a href="#none" onclick="{$action_issue_cash}" class="{$issue_cash_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_cash1.gif" alt="Request Cash Receipt" /></a>
<a href="#none" onclick="{$action_print_pg_cash}" class="{$print_pg_cash_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_cash2.gif" alt="Print Cash Receipt" /></a>
<a href="#none" onclick="{$action_print_spec}" class="{$print_spec_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_spec.gif" alt="Print Transaction Details" /></a>
<a href="#none" onclick="{$action_print_pg_card}" class="{$print_pg_card_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_card.gif" alt="Print Credit Card Sales Slip" /></a>
<a href="#none" onclick="{$action_select_gift}" class="{$select_gift_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_gift.gif" alt="Select Free Gift" /></a>
</span>
<a href="/myshop/order/list.html{$param_list}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_list.gif" alt="Back" /></a>
</div>
<div id="{$total.total_order_layer}" class="totalDetail">
<h3>Order Total Details</h3>
<div class="content">
<p>{$total.total_order_price_front_head}{$total.total_order_price_front}{$total.total_order_price_front_tail}</p>
<ul>
<li><strong>Merchandise</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>VAT</strong><span>{$total.price_unit_head}{$total.total_vat_price}{$total.price_unit_tail}</span></li>
<li><strong>Shipping</strong><span>{$total.price_unit_head}{$total.total_ship_fee}{$total.price_unit_tail}</span></li>
<li><strong>Additional Shipping</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_en_US/common/btn_close.png" alt="Close" /></a></div>
</div>
<div id="{$total.total_benefit_layer}" class="totalDetail">
<h3>Additional Discount Details</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>Mobile Purchase Discount</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>Limited Time Discount</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>Membership Discount</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}Repurchase Discount</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>Payment Method Discount</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>New Product Discount</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>Bulk Sale Discount</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>Abount pbp Discount</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>Shorcut(Linkon) Discount</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>Membership Level Discount</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>Set items for sale</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_en_US/common/btn_close.png" alt="Close" /></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_en_US/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; }
/* Payment information, Last Payment information */
.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.summaryBtm .total .btnTooltip { display:inline-block; position:relative; z-index:10; margin-top:-2px; vertical-align:middle; font-size:12px; font-weight:normal; *display:inline; *zoom:1; }
/* eXimbay DCC */
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC { display:none; overflow:hidden; position:absolute; left:50%; top:20px; z-index:100; width:500px; margin:0 0 0 -156px; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC strong { display:block; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; background:#fff; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .close { position:absolute; right:14px; top:12px; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .close img { cursor:pointer; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .content ul { color:#757575; line-height:18px; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .content li { overflow:hidden; padding:0; font-weight:normal; text-align:left; *zoom:1; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .content li .dccLink a { display:block; padding:0 0 4px 10px; color:#757575; }
.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; }
/* Refund information, Additional payment */
.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_en_US/common/ico_info2.gif") no-repeat 0 10px; }
/* Notifications */
.xans-myshop-orderhistorydetail .customer { padding:10px 19px; border:1px solid #d7d5d5; line-height:20px; }
/* Layer pop-up for total order amount details */
.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_en_US/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; }
/* Layer pop-up for cancellation/exchange/return details */
.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; }
.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; }
<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}">(International shipping available)</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="Visit Store" /></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_en_US/product/btn_product_prev.gif" alt="Prev" /></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_en_US/product/btn_product_next.gif" alt="Next" /></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_en_US/product/btn_product_zoom.gif" alt="Zoom" /></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_en_US/product/btn_recommend_email.gif" alt="recommend this to a Friend" /></a>
<a href="/board/inquiry/write.html{$inquiry_param}" class="{$inquiry_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/product/btn_large_purchase.gif" alt="Wholesale inquiries" /></a>
</div>
</div>
<div class="infoArea">
<div module="product_detaildesign">
<!--
count = 10
-->
<table border="1" summary="">
<caption>{$name} Basic Information</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>Product promotion via SNS</caption>
<tbody>
<tr class="{$sns_display|display}">
<th scope="row">Product promotion via 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_en_US/product/txt_naver.gif" alt="To use or earn Naver Mileages, please check out through personal payment window." /></p>
<table border="1" summary="">
<caption>Product Option</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="current length/max length">(<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_en_US/product/btn_manual_select.gif" alt="Select item with details above" /></a></td>
</tr>
<tr module="product_fileoption">
<th scope="row">{$file_option_name}</th>
<td class="fileInfo">
{$form.file_option}
<ul class="infoDesc">
<li>- You can upload up to 5 separates files totaling less than {$file_option_limit}M.</li>
<li>- If an identical item is in the cart, the item will be replaced with the option file currently being uploaded.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<div class="guideArea">
<p class="info {$limit_display|display}">(Minimum Order : {$minimum_limit} or more<span class="{$maximum_limit_display|display}"> / Maximum Order {$maximum_limit} or less</span>)</p>
<span class="sizeGuide {$size_guide_display|display}"><a href="#none" class="{$size_guide_class}" product_no="{$product_no}">Size Charts</a></span>
</div>
<div class="productSet normal" module="product_setproduct">
<div class="product">
<div class="seperate">
<table border="1" summary="">
<caption>Basic Information</caption>
<tbody>
<tr>
<th scope="row">Product Name</th>
<td><strong>{$product_name}</strong> (Sold in sets of {$set_quantity})</td>
</tr>
<tr class="{$product_price_display|display}">
<th scope="row">Price</th>
<td class="price {$product_price_del}">{$product_price}</td>
</tr>
<tr class="{$product_sale_price_display|display}">
<th scope="row">Discounted Price</th>
<td class="sale">{$product_sale_price}</td>
</tr>
<tr class="{$stock_quantity_display|display}" >
<th scope="row">Inventory amount</th>
<td>{$stock_quantity}</td>
</tr>
</tbody>
</table>
</div>
<div class="option">
<table border="1" summary="">
<caption>Option Information</caption>
<tbody>
<tr module="product_addoption">
<th>{$add_option_name}</th>
<td>
<span class="inputWrap">{$form.add_option}</span>
<span class="txtByte" title="current length/max length">(<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>Product Select</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>Size Charts</span></a>
</div>
</div>
<div class="product">
<div class="seperate">
<table border="1" summary="">
<caption>Option Information</caption>
<tbody>
<tr>
<th scope="row">Product Name</th>
<td><strong>{$product_name}</strong> ({$set_quantity})</td>
</tr>
<tr class="{$product_price_display|display}">
<th scope="row">Price</th>
<td class="price {$product_price_del}">{$product_price}</td>
</tr>
<tr class="{$product_sale_price_display|display}">
<th scope="row">Discounted Price</th>
<td class="sale">{$product_sale_price}</td>
</tr>
<tr class="{$stock_quantity_display|display}" >
<th scope="row">Inventory amount</th>
<td>{$stock_quantity}</td>
</tr>
</tbody>
</table>
</div>
<div class="option">
<table border="1" summary="">
<caption>Option Information</caption>
<tbody>
<tr module="product_addoption">
<th>{$add_option_name}</th>
<td>
<span class="inputWrap">{$form.add_option}</span>
<span class="txtByte" title="current length/max length">(<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>Product Select</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>Size Charts</span></a>
</div>
</div>
</div>
<div class="productSet" module="product_addproduct">
<div class="recommend">
<strong>Buy together</strong> To purchase, please select the item.
<a href="#self" class="toggle"><img src="http://img.echosting.cafe24.com/skin/base_en_US/product/btn_recommend_close.gif" alt="Hide Buy together" /></a>
</div>
<div class="product">
<div class="seperate">
<table border="1" summary="">
<caption>Basic Information</caption>
<tbody>
<tr>
<th scope="row">Product Image</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">Product Name</th>
<td><strong>{$product_name}</strong></td>
</tr>
<tr class="{$product_price_display|display}">
<th scope="row">Price</th>
<td class="price {$product_price_del}">{$product_price}</td>
</tr>
<tr class="{$product_sale_price_display|display}">
<th scope="row">Discounted Price</th>
<td class="sale">{$product_sale_price}</td>
</tr>
</tbody>
</table>
</div>
<div class="option">
<table border="1" summary="">
<caption>Option Information</caption>
<tbody>
<tr module="product_addoption">
<th>{$add_option_name}</th>
<td>
<span class="inputWrap">{$form.add_option}</span>
<span class="txtByte" title="current length/max length">(<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>Product Select</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_en_US/product/btn_manual_select.gif" alt="Select item with details above" /></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="product">
<div class="seperate">
<table border="1" summary="">
<caption>Basic Information</caption>
<tbody>
<tr>
<th scope="row">Product Image</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">Product Name</th>
<td><strong>{$product_name}</strong></td>
</tr>
<tr class="{$product_price_display|display}">
<th scope="row">Price</th>
<td class="price {$product_price_del}">{$product_price}</td>
</tr>
<tr class="{$product_sale_price_display|display}">
<th scope="row">Discounted Price</th>
<td class="sale">{$product_sale_price}</td>
</tr>
</tbody>
</table>
</div>
<div class="option">
<table border="1" summary="">
<caption>Option Information</caption>
<tbody>
<tr module="product_addoption">
<th>{$add_option_name}</th>
<td>
<span class="inputWrap">{$form.add_option}</span>
<span class="txtByte" title="current length/max length">(<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>Product Select</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_en_US/product/btn_manual_select.gif" alt="Select item with details above" /></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_en_US/product/ico_information.gif" alt="information" /> Select quantity.</p>
<p class="info {$several_item_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/product/ico_information.gif" alt="information" /> To add product, select an option in the above option box.</p>
<table border="1" summary="">
<caption>Product List</caption>
<colgroup>
<col style="width:auto;" />
<col style="width:76px;" />
<col style="width:150px;" />
</colgroup>
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Quantity</th>
<th scope="col">Price</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_en_US/product/btn_count_up.gif" alt="up" class="{$quantity_up_class} up" /></a>
<a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_en_US/product/btn_count_down.gif" alt="down" 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>
<!-- Do not delete. -->
<tbody>
<!-- tr>
<td>
<p class="product">
$Tên sản phẩm<br />
<span>$Option</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_en_US/product/btn_count_up.gif" alt="up" class="up" /></a>
<a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_en_US/product/btn_count_down.gif" alt="down" class="down" /></a>
</span>
<a href="#none"><img src="http://img.echosting.cafe24.com/skin/base_en_US/product/btn_price_delete.gif" alt="Remove" class="option_box_del" /></a>
</td>
<td class="right">
<span>$Giá</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">$Điểm thưởng</span>)</span>
</td>
</tr -->
</tbody>
<tfoot>
<tr>
<td colspan="3"><strong>Total</strong>(Quantity) : <span class="{$total.total_cnt}"><strong><em>0</em></strong> (0 item)</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_en_US/product/btn_buy_big.gif" alt="Buy Now" /></a>
<a href="#none" class="{$basket_display|display}" onclick="{$action_basket}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/product/btn_cart_big.gif" alt="Add to Cart" /></a>
<span class="{$soldout_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/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_en_US/product/btn_wish2.gif" alt="Add to Wish List" /></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_en_US/product/ico_information.gif" alt="" /> Thank you for shopping with us.</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_en_US/member/img_member_default.gif';" /></p>
<p class="member"><strong>{$member_name}</strong>, your membership level is <em>[{$group_name}].</em></p>
<p class="{$display_no_benefit|display}"> Please enjoy <strong>{$dc_price}{$dc_type}</strong> {$use_dc}discounts on purchases over <strong>{$dc_pay} {$dc_min_price}</strong>. {$dc_max_percent}</p>
<p class="{$display_with_all|display}">Please enjoy <strong>{$dc_price_mileage}{$dc_type_mileage}</strong> {$use_dc_mileage} reward points on purchases over <strong>{$dc_pay} {$dc_min_price_mileage}</strong>. {$dc_max_mileage_percent}</p>
</div>
</div>
</div>
</div>
</div>
<div class="supplyInfo {$supply_info_display|display}">
{$supply_info}
</div>
</div>
.xans-product-detail { position:relative; margin:0 auto; padding:30px 0 0 0; }
.xans-product-detail .detailArea { padding:0 0 0 378px; *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; }
.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:378px; margin:0 0 0 -378px; }
.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_en_US/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_en_US/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_en_US/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:125px; padding:7px 0 8px 9px; text-align:left; vertical-align:middle; }
.xans-product-detail .infoArea td { padding:7px 6px 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:188px; }
.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:378px; 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 2px; 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; }
/* Product Option Preview */
#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; }
/* Bundle, Complementary products */
.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_en_US/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; padding-left:0; width:198px; }
.infoArea .productSet.hide .product { display:none; }
/* All products */
#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 { width:auto; 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; }
/* Shipping Rates */
.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; }
/* Social media promotion */
.xans-product-customsns,
.xans-product-customsns ul,
.xans-product-customsns li { display:inline; vertical-align:middle; }
.xans-product-customsns img { margin-bottom:2px; }
/* Apply customer level-based discount to */
.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_en_US/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.info { padding:10px 10px 0; margin:5px 0 0; }
.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_en_US/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.bullet { margin:12px 10px 0; padding:0 0 0 5px; background:url("http://img.echosting.cafe24.com/skin/base_en_US/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; }
/**
* Product details carousel slider
*/
$(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('prev ');
listWrap.append('next ');
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();
};
// Function call: Product details page
$.fn.prdImg({
target : $('.xans-product-image'),
view : 5
});
// Function call: Product zoom pop-up
$.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>Order Details</h3>
</div>
<div class="boardView">
<table border="1" summary="">
<caption>Order Details</caption>
<tbody>
<tr>
<th scope="row">Order No.</th>
<td>{$order.order_id}</td>
</tr>
<tr>
<th scope="row">Date</th>
<td>{$order.date}</td>
</tr>
<tr>
<th scope="row">Bill to</th>
<td>{$order.name}</td>
</tr>
<tr>
<th scope="row">Order Status</th>
<td>
{$order.state}
<input type="image" src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_cancel.gif" alt="Cancel Order" 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_en_US/myshop/btn_order_buy.gif" alt="Confirm Purchase" /></a>
<a href="#none" onclick="{$action_escrow_reject}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_refund.gif" alt="Request Refund" /></a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="orderArea">
<div class="title">
<h3>Billing Information</h3>
</div>
<div class="boardTotal">
<table border="1" summary="">
<caption>Billing Information</caption>
<tbody>
<tr class="total first">
<th scope="row">Order Total</th>
<td>
<span class="grid">
{$total.price_unit_head}<strong>{$total.total_order_price}</strong>{$total.price_unit_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_en_US/order/btn_list.gif" alt="See History" /></a>
</td>
</tr>
</tbody>
<tbody class="{$total.total_addsale_summary_display|display}">
<tr class="total">
<th scope="row">Total discounted amount</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">Coupon discount</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_en_US/order/btn_list.gif" alt="See History" /></a>
</td>
</tr>
<tr class="$total.total_benefit_price_display|display}">
<th scope="row" >Additional discount</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_en_US/order/btn_list.gif" alt="See History" /></a>
</td>
</tr>
</tbody>
<tbody class="{$total.total_addpay_summary_display|display}">
<tr class="total">
<th scope="row">Alternative Payment Method</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">Reward Points</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">Naver Mileage/Case</th>
<td>
{$total.total_naver_mileage_rate} Điểm thưởng / {$total.price_unit_head}{$total.naver_mileage_cash_used}{$total.price_unit_tail}
(Mileage {$total.price_unit_head}<strong>{$total.naver_mileage_used}</strong>{$total.price_unit_tail} + Cash {$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">Store Credits</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>Billing Information</caption>
<tbody>
<tr class="total first">
<th scope="row">Order Total</th>
<td>
<strong>{$payment.price_front_head}{$payment.price_front}</strong>{$payment.price_front_tail}
<span class="{$payment.price_ref_display|display}">{$payment.price_back_head}{$payment.price_back}{$payment.price_back_tail}</span>
<div class="btnTooltip {$dcc_info_display|display}">
(DCC <a href="#none" onclick="{$dcc_tooltip_layer_on}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/common/ico_tooltip.gif" alt="Help" /></a> : {$dcc_info})
<div class="eximbayDCC" id="{$dcc_tooltip_layer}">
<strong>Eximbay DCC (Dynamic Currency Conversion)</strong>
<div class="content">
<ul>
<li>- The payment for this order was made using the DCC (Dynamic Currency Conversion) service provided by Eximbay.
<span class="dccLink"><a href="https://www.eximbay.com/service/dcc_service.do?pageGroup=MS0000001&pageType=M&m_root_seq=1000&m_mnu_seq=5000" target="_blank">[About Eximbay DCC (Dynamic Currency Conversion) Service ▶]</a></span>
</li>
<li>- The payment total was determined based on the exchange rate set by EXIMBAY at the time of the transaction.</li>
<li>- Any partial cancellation will be processed based on the exchange rate used at the time of the transaction.</li>
</ul>
</div>
<div class="close"><a href="#none" onclick="{$dcc_tooltip_layer_off}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/common/btn_close.gif" alt="Close" /></a></div>
</div>
</div>
</td>
</tr>
<tr class="{$payment.paymethod_display|display}">
<th scope="row">Method of Payment</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_en_US/order/btn_banking.gif" alt="Go to online bank site" /></a>
<a target="_blank" href="{$payment.pay_extra_url}" class="{$payment.paymenturl_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/order/btn_order_payment.gif" id="{$payment.btn_payment_link_id}" alt="Go to payment page" /></a>
</p>
</td>
</tr>
<tr class="detail {$payment.eguarantee_display|display}">
<th scope="row">About Online Purchase Protection</th>
<td>{$payment.eguarantee_detail}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="orderArea">
<div class="title">
<h3>Product Details</h3>
</div>
<table border="1" summary="" class="boardList {$basic_display|display}">
<caption>Shipping</caption>
<thead>
<tr>
<th scope="col" class="thumb">Image</th>
<th scope="col" class="product">Product Details</th>
<th scope="col" class="quantity">Qty</th>
<th scope="col" class="price">Subtotal</th>
<th scope="col" class="delivery">Shipping</th>
<th scope="col" class="state">Order Status</th>
<th scope="col" class="service">Cancel/<br />Exchange/Return</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7"><strong class="type">[Standard Shipping]</strong> Merchandise <strong>{$basic.product_price}</strong> + Shipping {$basic.ship_fee} + Shipping Surcharge {$basic.special_ship_fee} = Total : <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}">Interest free products</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}">(International shipping available)</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</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}">Interest free products</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}">(International shipping available)</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</a></p>
<p class="{$hyphen_display|display}" >-</p>
</td>
</tr>
</tbody>
</table>
<table border="1" summary="" class="boardList {$individual_display|display}">
<caption>Split Shipping</caption>
<thead>
<tr>
<th scope="col" class="thumb">Image</th>
<th scope="col" class="product">Product Details</th>
<th scope="col" class="quantity">Qty</th>
<th scope="col" class="price">Subtotal</th>
<th scope="col" class="delivery">Shipping</th>
<th scope="col" class="state">Order Status</th>
<th scope="col" class="service">Cancel/<br />Exchange/Return</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7"><strong class="type">[Split Shipping]</strong> Merchandise <strong>{$individual.product_price}</strong> + Shipping {$individual.ship_fee} + Shipping Surcharge {$individual.special_ship_fee} = Total : <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}">Interest free products</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}">(International shipping available)</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</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}">Interest free products</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}">(International shipping available)</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</a></p>
<p class="{$hyphen_display|display}" >-</p>
</td>
</tr>
</tbody>
</table>
<!-- 해외배송 -->
<table border="1" summary="" class="boardList {$oversea_display|display}">
<caption>International Shipping</caption>
<thead>
<tr>
<th scope="col" class="thumb">Image</th>
<th scope="col" class="product">Product Details</th>
<th scope="col" class="quantity">Qty</th>
<th scope="col" class="price">Subtotal</th>
<th scope="col" class="delivery">Shipping</th>
<th scope="col" class="state">Order Status</th>
<th scope="col" class="service">Cancel/<br />Exchange/Return</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="7"><strong class="type">[International Shipping]</strong> Merchandise <strong>{$oversea.product_price}</strong> + Shipping {$oversea.ship_fee} + Insurance {$oversea.insurance_price} = Total : <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}">Interest free products</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</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}">Interest free products</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_en_US/myshop/btn_order_retract.gif" alt="Withdraw Cancellation" /></a>
<a href="#none" class="{$withdraw_exchange_display|display}" onclick="{$action_withdraw_exchange}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract2.gif" alt="Withdraw Exchange" /></a>
<a href="#none" class="{$withdraw_return_display|display}" onclick="{$action_withdraw_return}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_retract3.gif" alt="Withdraw Return" /></a>
</td>
<td class="service">
<p class="{$detail_info_display|display}"><a href="#none" class="line" onclick="{$detail_info}">[Detailed<br />information]</a></p>
<p class="{$hyphen_display|display}">-</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="orderArea {$gift_display|display}">
<div class="title">
<h3>Free Gift</h3>
</div> <table border="1" summary="" class="boardList">
<caption>Free Gift</caption>
<thead>
<tr>
<th scope="col" class="thumb">Image</th>
<th scope="col" class="product">Product Details</th>
<th scope="col" class="quantity">Qty</th>
<th scope="col" class="state">Gift Type</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="4"><strong class="type">[Free Gift]</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>Final Billing Information</h3>
</div>
<div class="boardTotal summaryTop">
<table border="1" summary="">
<caption>Final Billing Information</caption>
<tbody>
<tr class="total first">
<th scope="row">Total Amount Paid</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>Final Billing Information</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>Refund Details</h3>
</div>
<div class="boardPay">
<table border="1" summary="">
<caption>Refund Details</caption>
<tbody>
<tr>
<th scope="row">Product Details</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} (Status)</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">Mechandise {$product_amount_org} {$additional_amount} = Total : <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">Pending reason</th>
<td>{$hold_reason_customer_display|nl2br}</td>
</tr>
<tr>
<th scope="row">Refund Method</th>
<td>{$refund_paymethod}</td>
</tr>
<tr class="{$bank_display|display}">
<th scope="row">Refund Account</th>
<td>
[{$bank_name}] {$bank_acc_no} Account Holder : {$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_en_US/myshop/btn_order_account.gif" alt="Change Account" /></a>
</td>
</tr>
<tr class="{$additional_display|display}">
<th scope="row">Discounts/Alternative Payment<br />Restoration History</th>
<td>
<ul class="coupon">
<li class="{$coupon_display|display}">Coupon Restoration : {$total.price_unit_head}<strong>{$coupon_price}</strong>{$total.price_unit_tail}</li>
<li class="{$addsale_display|display}">Discount Restoration : {$total.price_unit_head}<strong>{$addsale_price}</strong>{$total.price_unit_tail}</li>
<li class="{$mileage_display|display}">Reward Points Restoration : {$total.price_unit_head}<strong>{$mileage_price}</strong>{$total.price_unit_tail}</li>
<li class="{$deposit_display|display}">Store Credit Restoration : {$total.price_unit_head}<strong>{$deposit_price}</strong>{$total.price_unit_tail}</li>
<li class="{$navermileage_display|display}">Naver Mileage & Cash Restoration : {$total.price_unit_head}<strong>{$navermileage_price}</strong>{$total.price_unit_tail} ({$navermieage_detail})</li>
</ul>
</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">Product Details</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} (Status)</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">Mechandise {$product_amount_org} {$additional_amount} = Total : <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">Pending reason</th>
<td>{$hold_reason_customer_display|nl2br}</td>
</tr>
<tr>
<th scope="row">Refund Method</th>
<td>{$refund_paymethod}</td>
</tr>
<tr class="{$bank_display|display}">
<th scope="row">Refund Account</th>
<td>
[{$bank_name}] {$bank_acc_no} Account Holder : {$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_en_US/myshop/btn_order_account.gif" alt="Change Account" /></a>
</td>
</tr>
<tr class="{$additional_display|display}">
<th scope="row">Discounts/Alternative Payment<br />Restoration History</th>
<td>
<ul class="coupon">
<li class="{$coupon_display|display}">Coupon Restoration : {$total.price_unit_head}<strong>{$coupon_price}</strong>{$total.price_unit_tail}</li>
<li class="{$addsale_display|display}">Discount Restoration : {$total.price_unit_head}<strong>{$addsale_price}</strong>{$total.price_unit_tail}</li>
<li class="{$mileage_display|display}">Reward Points Restoration : {$total.price_unit_head}<strong>{$mileage_price}</strong>{$total.price_unit_tail}</li>
<li class="{$deposit_display|display}">Store Credit Restoration : {$total.price_unit_head}<strong>{$deposit_price}</strong>{$total.price_unit_tail}</li>
<li class="{$navermileage_display|display}">Naver Mileage & Cash Restoration : {$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>Additional Payment</h3>
</div>
<div class="boardPay">
<table border="1" summary="">
<caption>Additional Payment</caption>
<tbody>
<tr>
<th scope="row">Product</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">Amount Paid</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">Bill to</th>
<td>{$payer_name} </td>
</tr>
<tr>
<th scope="row">Payment Method</th>
<td>{$paymethod} {$paymethod_detail}</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">Product</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">Amount Paid</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">Bill to</th>
<td>{$payer_name} </td>
</tr>
<tr>
<th scope="row">Payment Method</th>
<td>{$paymethod} {$paymethod_detail}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="orderArea">
<div class="title">
<h3>Shipping Information</h3>
</div>
<div class="boardView">
<table border="1" summary="">
<caption>Shipping Information</caption>
<tbody>
<tr>
<th scope="row">Name</th>
<td>{$delivery.name}</td>
</tr>
<tr class="{$delivery.english_name_display|display}">
<th scope="row">English Name</th>
<td>{$delivery.english_name}</td>
</tr>
<tr class="{$delivery.pron_name_display|display}">
<th scope="row">Phonetics</th>
<td>{$delivery.pron_name}</td>
</tr>
<tr class="{$delivery.country_name_display|display}">
<th scope="row">Country</th>
<td>{$delivery.country_name}</td>
</tr>
<tr>
<th scope="row">Address Line</th>
<td>{$delivery.raddr}</td>
</tr>
<tr class="{$delivery.si_gun_do_display|display}">
<th scope="row">City</th>
<td>{$delivery.si_gun_do}</td>
</tr>
<tr class="{$delivery.ju_do_display|display}">
<th scope="row">State/Province</th>
<td>{$delivery.ju_do}</td>
</tr>
<tr>
<th scope="row">Zip/Postal code</th>
<td>{$delivery.rzipcode}</td>
</tr>
<tr>
<th scope="row">Phone</th>
<td>{$delivery.rphone_1}</td>
</tr>
<tr>
<th scope="row">Mobile</th>
<td>{$delivery.rphone_2}</td>
</tr>
<tr class="{$delivery.email_display|display}">
<th scope="row">E-mail</th>
<td>{$delivery.o_email}</td>
</tr>
<tr>
<th scope="row">Shipping Comment</th>
<td>{$delivery.message}</td>
</tr>
<tr class="{$hope_shipping_date_display|display}">
<th scope="row">Desired Shipping Date</th>
<td>{$delivery.hope_shipping_date}</td>
</tr>
<tr class="{$delivery.sc_display|display}">
<th scope="row">Shipping Company</th>
<td>{$delivery.sc_name}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="orderArea {$ordadd.display|display}">
<div class="title">
<h3>Additional Information</h3>
</div>
<div class="boardView">
<table border="1" summary="">
<caption>Additional Information</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>Customer Notice</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_en_US/myshop/btn_order_tax1.gif" alt="RequestTax Invoice" /></a>
<a href="#none" onclick="{$action_print_tax}" class="{$print_tax_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_tax2.gif" alt="Print Tax Invoice" /></a>
<a href="#none" onclick="{$action_issue_cash}" class="{$issue_cash_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_cash1.gif" alt="Request Cash Receipt" /></a>
<a href="#none" onclick="{$action_print_pg_cash}" class="{$print_pg_cash_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_cash2.gif" alt="Print Cash Receipt" /></a>
<a href="#none" onclick="{$action_print_spec}" class="{$print_spec_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_spec.gif" alt="Print Transaction Details" /></a>
<a href="#none" onclick="{$action_print_pg_card}" class="{$print_pg_card_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_card.gif" alt="Print Credit Card Sales Slip" /></a>
<a href="#none" onclick="{$action_select_gift}" class="{$select_gift_display|display}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_gift.gif" alt="Select Free Gift" /></a>
</span>
<a href="/myshop/order/list.html{$param_list}"><img src="http://img.echosting.cafe24.com/skin/base_en_US/myshop/btn_order_list.gif" alt="Back" /></a>
</div>
<div id="{$total.total_order_layer}" class="totalDetail">
<h3>Order Total Details</h3>
<div class="content">
<p>{$total.total_order_price_front_head}{$total.total_order_price_front}{$total.total_order_price_front_tail}</p>
<ul>
<li><strong>Merchandise</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>VAT</strong><span>{$total.price_unit_head}{$total.total_vat_price}{$total.price_unit_tail}</span></li>
<li><strong>Shipping</strong><span>{$total.price_unit_head}{$total.total_ship_fee}{$total.price_unit_tail}</span></li>
<li><strong>Additional Shipping</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_en_US/common/btn_close.png" alt="Close" /></a></div>
</div>
<div id="{$total.total_benefit_layer}" class="totalDetail">
<h3>Additional Discount Details</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>Mobile Purchase Discount</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>Limited Time Discount</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>Membership Discount</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}Repurchase Discount</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>Payment Method Discount</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>New Product Discount</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>Bulk Sale Discount</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>Abount pbp Discount</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>Shorcut(Linkon) Discount</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>Membership Level Discount</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>Set items for sale</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_en_US/common/btn_close.png" alt="Close" /></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_en_US/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; }
/* Payment information, Last Payment information */
.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.summaryBtm .total .btnTooltip { display:inline-block; position:relative; z-index:10; margin-top:-2px; vertical-align:middle; font-size:12px; font-weight:normal; *display:inline; *zoom:1; }
/* eXimbay DCC */
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC { display:none; overflow:hidden; position:absolute; left:50%; top:20px; z-index:100; width:500px; margin:0 0 0 -156px; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC strong { display:block; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; background:#fff; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .close { position:absolute; right:14px; top:12px; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .close img { cursor:pointer; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .content ul { color:#757575; line-height:18px; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .content li { overflow:hidden; padding:0; font-weight:normal; text-align:left; *zoom:1; }
.xans-myshop-orderhistorydetail .boardTotal.summaryBtm .total .eximbayDCC .content li .dccLink a { display:block; padding:0 0 4px 10px; color:#757575; }
.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; }
/* Refund information, Additional payment */
.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_en_US/common/ico_info2.gif") no-repeat 0 10px; }
/* Notifications */
.xans-myshop-orderhistorydetail .customer { padding:10px 19px; border:1px solid #d7d5d5; line-height:20px; }
/* Layer pop-up for total order amount details */
.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_en_US/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; }
/* Layer pop-up for cancellation/exchange/return details */
.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; }
.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; }