[스마트디자인] [PC] 주문서에 통관 정보(개인통관고유부호 인증) 영역 추가(
) - HTML/CSS
▼ 아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가합니다.
form.css
css
/css/module/order/form.css
CHANGED
|
@@ -224,6 +224,23 @@
|
|
|
224
224
|
.xans-order-form #tax_request_email1, .xans-order-form #tax_request_email2 {margin:0 4px 0 0; width:110px; }
|
|
225
225
|
.xans-order-form #tax_request_address1, .xans-order-form #tax_request_address2 { margin:5px 0 0; width:400px; }
|
|
226
226
|
|
|
227
|
+
.xans-order-form .ecCustomsClearance th .mTooltip { display:inline-block; position:relative; margin:0 0 0 2px; vertical-align:middle; }
|
|
228
|
+
.xans-order-form .ecCustomsClearance .mTooltip .eTip img { vertical-align:middle; }
|
|
229
|
+
.xans-order-form .ecCustomsClearance .mTooltip .ec-base-tooltip { left:-20px; width:330px; font-weight:normal; }
|
|
230
|
+
.xans-order-form .ecCustomsClearance .mTooltip .ec-base-tooltip .edge { left:27px; }
|
|
231
|
+
.xans-order-form .ecCustomsClearance .mTooltip:hover .ec-base-tooltip,
|
|
232
|
+
.xans-order-form .ecCustomsClearance .mTooltip.show .ec-base-tooltip { display:block; }
|
|
233
|
+
.xans-order-form .ecCustomsClearance .inputTypeText.error { border-color:#f76560; }
|
|
234
|
+
.xans-order-form .ecCustomsClearance [class^='btnNormal']:disabled { border-color:#e3e3e3; color:#999; background-color:#fff; cursor:default; }
|
|
235
|
+
.xans-order-form .ecCustomsClearance .customsMessage { margin:5px 0 0; }
|
|
236
|
+
.xans-order-form .ecCustomsClearance .customsGuide { margin:0 0 5px; }
|
|
237
|
+
.xans-order-form .ecCustomsClearance .customsMessage a,
|
|
238
|
+
.xans-order-form .ecCustomsClearance .customsGuide a { color:#295cef; text-decoration:underline; }
|
|
239
|
+
.xans-order-form .ecCustomsClearance .customsAgree { margin:10px 0 0; }
|
|
240
|
+
.xans-order-form .ecCustomsClearance .customsAgree img { vertical-align:middle; }
|
|
241
|
+
.xans-order-form .customsConsentLayer .ec-base-layer { position:fixed; top:150px; left:50%; width:420px; margin:0 0 0 -210px; }
|
|
242
|
+
.xans-order-form .customsConsentLayer .ec-base-layer .content p { margin:0 0 6px; line-height:1.6; }
|
|
243
|
+
|
|
227
244
|
#divNvPointInfo { display:none; position:absolute; z-index:99; width:245px; padding:10px; color:#777; font-size:11px; line-height:14px; background:#fff; border:1px solid #5B9761; }
|
|
228
245
|
#divNvPointInfo a { display:block; padding:5px 0 0; color:#1ec228; }
|
|
229
246
|
#divNvPointInfo a img { vertical-align:middle; }
|
주문서작성
주문
/order/orderform.html
CHANGED
|
@@ -896,6 +896,88 @@
|
|
|
896
896
|
</div>
|
|
897
897
|
</div>
|
|
898
898
|
|
|
899
|
+
<div class="orderArea ecCustomsClearance {$customs_clearance_display|display}">
|
|
900
|
+
<div class="title">
|
|
901
|
+
<h3>통관 정보</h3>
|
|
902
|
+
<p class="required"><img src="//img.echosting.cafe24.com/skin/base_ko_KR/order/ico_required.gif" alt="필수" /> 필수입력사항</p>
|
|
903
|
+
</div>
|
|
904
|
+
<div class="ec-base-table typeWrite">
|
|
905
|
+
<table border="1" summary="">
|
|
906
|
+
<caption>통관 정보 입력</caption>
|
|
907
|
+
<colgroup>
|
|
908
|
+
<col style="width:139px;" />
|
|
909
|
+
<col style="width:auto;" />
|
|
910
|
+
</colgroup>
|
|
911
|
+
<tbody>
|
|
912
|
+
<tr>
|
|
913
|
+
<th scope="row">
|
|
914
|
+
통관 번호 <img src="//img.echosting.cafe24.com/skin/base_ko_KR/order/ico_required.gif" alt="필수" />
|
|
915
|
+
<div class="mTooltip">
|
|
916
|
+
<a href="#none" class="eTip"><img src="//img.echosting.cafe24.com/skin/base_ko_KR/common/ico_tooltip.gif" alt="도움말" /></a>
|
|
917
|
+
<div class="ec-base-tooltip">
|
|
918
|
+
<div class="content">
|
|
919
|
+
<strong>개인통관고유부호</strong>
|
|
920
|
+
<ul class="ec-base-help typeDash gBlank10">
|
|
921
|
+
<li>해외에서 대한민국으로 배송되는 상품의 경우 「관세법」에 따라 수령인의 개인통관고유부호와 주문·배송 정보를 의무적으로 대한민국 관세청에 제출해야 합니다.</li>
|
|
922
|
+
<li>개인통관고유부호는 수입통관신고 시 주민등록번호 대신 이용되는 개인식별번호로, P로 시작하는 13자리 숫자로 구성되어 있습니다.</li>
|
|
923
|
+
<li>개인통관고유부호는 대한민국 관세청 홈페이지에서 발급받을 수 있습니다.</li>
|
|
924
|
+
</ul>
|
|
925
|
+
</div>
|
|
926
|
+
<a href="#none" class="btnClose close"><img src="//img.echosting.cafe24.com/skin/base/common/btn_close_tip.gif" alt="닫기" /></a>
|
|
927
|
+
<span class="edge"></span>
|
|
928
|
+
</div>
|
|
929
|
+
</div>
|
|
930
|
+
</th>
|
|
931
|
+
<td>
|
|
932
|
+
<input type="text" name="personal_clearance_code" id="personal_clearance_code" class="inputTypeText" maxlength="13" placeholder="P로 시작하는 13자리" />
|
|
933
|
+
<button type="button" id="btnCustomsAuthRequest" class="btnNormal {$customs_auth_display|display}">인증요청</button>
|
|
934
|
+
<p class="customsMessage displaynone" id="customsCooldown"><span class="txtEm">발송됨 · <span id="customsCooldownTime">3:00</span> 후 재요청 가능</span></p>
|
|
935
|
+
<p class="customsMessage displaynone" id="customsResendReady">인증번호를 다시 요청할 수 있어요</p>
|
|
936
|
+
<p class="customsMessage displaynone" id="customsErrFormat"><span class="txtWarn">통관번호 형식(P + 숫자 12자리)이 올바르지 않습니다. 다시 입력해 주세요.</span></p>
|
|
937
|
+
<p class="customsMessage displaynone" id="customsErrInvalid"><span class="txtWarn">통관번호가 유효하지 않습니다. <a href="https://unipass.customs.go.kr/per/persIndex.do" target="_blank">관세청 유니패스</a>에서 확인 후 다시 입력해 주세요.</span></p>
|
|
938
|
+
<p class="customsMessage displaynone" id="customsErrMismatch"><span class="txtWarn">통관번호에 등록된 받는사람 정보와 일치하지 않습니다. 다시 확인해 주세요. (<a href="https://unipass.customs.go.kr/per/persIndex.do" target="_blank">관세청 유니패스</a>)</span></p>
|
|
939
|
+
<p class="customsAgree">
|
|
940
|
+
<input type="checkbox" name="customsAgree" id="customsAgree" value="T" /><label for="customsAgree"> <span class="txtEm">[필수]</span> 개인정보 수집 및 이용에 동의합니다.</label>
|
|
941
|
+
<a href="#none" id="btnCustomsConsentDetail"><img src="//img.echosting.cafe24.com/skin/base_ko_KR/common/ico_tooltip.gif" alt="자세히 보기" /></a>
|
|
942
|
+
</p>
|
|
943
|
+
</td>
|
|
944
|
+
</tr>
|
|
945
|
+
<tr id="customsEmailAuthRow" class="clearanceEmailAuth typeDisabled {$customs_auth_display|display}">
|
|
946
|
+
<th scope="row">이메일 인증</th>
|
|
947
|
+
<td>
|
|
948
|
+
<p class="customsGuide displaynone" id="customsEmailGuide"><strong><span id="customsEmailMasked"></span>으로 인증번호 6자리를 보냈습니다.</strong> (받는사람의 통관번호 등록 이메일)<br />메일은 1~2분 안에 도착합니다. 받지 못하셨다면 스팸함을 확인해 주세요.</p>
|
|
949
|
+
<input type="text" id="customs_auth_code" class="inputTypeText" maxlength="6" placeholder="인증번호 6자리" disabled="disabled" />
|
|
950
|
+
<button type="button" id="btnCustomsAuthConfirm" class="btnNormal" disabled="disabled">인증확인</button>
|
|
951
|
+
<p class="customsMessage displaynone" id="customsErrCodeMismatch"><span class="txtWarn">인증번호가 일치하지 않습니다.</span></p>
|
|
952
|
+
<p class="customsMessage displaynone" id="customsSuccessBadge"><span class="txtEm">인증이 완료되었습니다.</span></p>
|
|
953
|
+
<p class="customsMessage">※ 인증 요청 후 <strong>30분</strong> 지나 결제하면 재인증이 필요합니다.</p>
|
|
954
|
+
<p class="customsMessage displaynone" id="customsExemptGuide"><strong>개인통관고유부호가 아직 갱신되지 않았습니다.</strong> 이 경우 이메일 인증 절차 없이 자동으로 주문이 처리됩니다.<br />갱신하시려면 <a href="https://unipass.customs.go.kr/per/persIndex.do" target="_blank">관세청 유니패스</a>에서 개인통관고유부호를 갱신해 주세요.</p>
|
|
955
|
+
<p class="customsMessage displaynone" id="customsFailureGuide"><strong>관세청 인증 서비스가 일시 중단되었습니다.</strong><br /><strong>인증번호 입력 없이 주문 완료</strong>할 수 있으며, 본인확인은 서비스 재개 후 자동 처리됩니다. 통관번호, 배송지 정보(받는사람)는 정확히 입력해 주세요.</p>
|
|
956
|
+
</td>
|
|
957
|
+
</tr>
|
|
958
|
+
</tbody>
|
|
959
|
+
</table>
|
|
960
|
+
</div>
|
|
961
|
+
<div id="ecCustomsConsentModal" class="customsConsentLayer" hidden="hidden">
|
|
962
|
+
<div class="dimmed"></div>
|
|
963
|
+
<div class="ec-base-layer" role="dialog" aria-modal="true" aria-labelledby="ecCustomsConsentTitle" tabindex="-1">
|
|
964
|
+
<div class="header">
|
|
965
|
+
<h3 id="ecCustomsConsentTitle">[필수] 개인정보 수집·이용 동의</h3>
|
|
966
|
+
</div>
|
|
967
|
+
<div class="content">
|
|
968
|
+
<p>1. 개인정보의 수집 및 이용 목적 : 주문 상품의 수입통관 처리</p>
|
|
969
|
+
<p>2. 수집하는 개인정보 항목 : 개인통관고유부호</p>
|
|
970
|
+
<p>3. 개인정보의 보유 및 이용기간 : 원칙적으로 개인정보 수집 및 이용목적이 달성된 후에는 해당 정보를 지체 없이 파기합니다. 단, 관계법령의 규정에 의하여 보존할 필요가 있는 경우 일정기간 동안 개인정보를 보관할 수 있습니다.</p>
|
|
971
|
+
<p>*해당 동의를 거부할 수 있으나, 거부 시 서비스 이용에 제한이 있을 수 있습니다.</p>
|
|
972
|
+
</div>
|
|
973
|
+
<div class="ec-base-button">
|
|
974
|
+
<button type="button" class="btnSubmitFix sizeS" data-action="confirm">확인</button>
|
|
975
|
+
</div>
|
|
976
|
+
<a href="#none" class="close" data-action="confirm"><img src="//img.echosting.cafe24.com/skin/base/common/btn_close.gif" alt="닫기" /></a>
|
|
977
|
+
</div>
|
|
978
|
+
</div>
|
|
979
|
+
</div>
|
|
980
|
+
|
|
899
981
|
<div class="orderArea {$subscription_show_display|display}">
|
|
900
982
|
<div class="title">
|
|
901
983
|
<h3>정기배송 정보</h3>
|