Skip to content

T
TDS_Myshop_Detail
Commit 53538c48 authored by 김은해_이모션's avatar 김은해_이모션
Browse files
Options

test

parent a2274cd3
Show whitespace changes
Inline Side-by-side
Showing with 501 additions and 0 deletions
src/assets/html/test.html 0 → 100644
View file @ 53538c48
<!--design: LTE 요금제로 USIM 개통
process : 옵션/혜택
-->
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,viewport-fit=cover">
<title>[상품 Mobile] 자급제 / 쓰던폰 | SK텔레콤 공식 온라인 쇼핑몰 T월드 다이렉트</title>
<link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico">
<link rel="stylesheet" type="text/css" href="../css/seller.css">
<script>
document.documentElement.dataset.userAgent = navigator.userAgent;
</script>
</head>
<body>
<!-- [D] 페이지 화면에 상단 (헤더, 프로세스 바) 가 고정 일 경우 div.wrap에 bar-sticky + header-sticky 추가 -->
<!-- popup pop-seller -->
<div class="wrap seller-wrap header-sticky bar-sticky seller-used-registration">
<header class="header header-sub">
<div class="top-menu">
<a href="#none" class="btn-back">
<span class="ico-back">이전 페이지로 돌아가기</span>
</a>
<div class="top-header-title"><span class="txt-head">LTE 요금제로 USIM 개통 </span></div>
</div>
</header>
<div class="sticky-top" style="top:52px;">
<div class="spot-step">
<ol class="step-list">
<!-- [D] 작성 완료시 end 클래스 추가, 현재페이지는 링크에 aria-current="step" 추가 -->
<li class="step-item"><a href="#none" class="link-block" aria-current="step"><span>옵션/혜택</span></a></li>
<li class="step-item"><a href="#none" class="link-block"><span>신청서 작성</span></a></li>
</ol>
</div>
</div>
<!-- content -->
<main role="main" class="content">
<h1 class="g-invisible">요금제로 USIM 개통 옵션/혜택</h1>
<div class="l-grid l-seller">
<!-- s: 가입유형 -->
<div class="opt-group" id="inputAnchor1">
<h2 class="opt-group-tit">가입유형</h2>
<div class="opt-group-con">
<div class="product-option-col join-types">
<span class="c-ick-var">
<!-- [D] 비활성 상태 애트리뷰트 disabled 추가/삭제 -->
<input type="radio" name="_joinType" id="_joinType1" disabled>
<label for="_joinType1">기기변경</label>
</span>
<span class="c-ick-var">
<input type="radio" name="_joinType" id="_joinType2">
<label for="_joinType2">번호이동</label>
</span>
<span class="c-ick-var">
<input type="radio" name="_joinType" id="_joinType3" checked="checked">
<label for="_joinType3">신규가입</label>
</span>
</div>
</div>
</div>
<!-- //e: 가입유형 -->
<!-- s: 요금제 선택 -->
<div class="opt-group" id="inputAnchor2">
<h2 class="opt-group-tit">요금제</h2>
<div class="opt-group-con type-plan">
<!-- open -->
<div class="seller-plan-item">
<div class="inner">
<div class="info">
<div class="tit">
<span class="sub-tit">LTE 언택트 48</span>
<!-- [D] badge type 텍스트/bg 매칭
.type1 : 대표
.type2 : 내가고른
.type3 : 사용중
.type4 : AI Pick
.type5 : 추가1
.type6 : 추가2
.type7 : 추가3
-->
<em class="badge-round type3">사용중</em>
<h2 class="main-tit">데이터 1000GB</h2>
</div>
<div class="data">
<h2 class="main-tit">69,000 <span>원/월</span></h2>
</div>
</div>
<p class="desc">데이터 모두 소진 시 5Mbps 속도로 무제한 제공</p>
</div>
<div class="area-toggle-cont">
<h3 class="g-invisible">혜택 자세히보기</h3>
<strong class="txt-info">추가 혜택 <em>N개</em>를 선택해주세요.</strong>
<span class="c-select">
<select title="추가 혜택 선택1" class="select" required>
<option value="" hidden>추가 혜택 선택</option>
<option value="opt1">혜택 선택 안함</option>
<option value="opt2">VIP 멤버십</option>
<option value="opt3">V 컬러링</option>
</select>
</span>
<div class="area-info">
<span class="title-info">안내사항</span>
<ul class="dsc-list">
<li class="dsc-item">FLO팩 : 모바일 무제한 듣기 + FLO 이용 데이터 무료(월 7,920원 상당)</li>
<li class="dsc-item">POOQ팩 : 모바일과 PC 실시간 지상파&VOD 이용 + VOD 10회 다운로드(월 7,900원 상당)</li>
<li class="dsc-item">5GX 95 요금제를 사용하시는 고객님께 FLO팩과 POOQ팩 중 선택하신 1개 옵션이 무료로 제공됩니다.</li>
<li class="dsc-item">5GX 95 요금제를 사용하시는 고객님께 FLO팩과 POOQ팩 중 선택하신 1개 옵션이 무료로 제공됩니다.</li>
<li class="dsc-item">5GX 95 요금제를 사용하시는 고객님께 FLO팩과 POOQ팩 중 선택하신 1개 옵션이 무료로 제공됩니다.</li>
<li class="dsc-item">5GX 95 요금제를 사용하시는 고객님께 FLO팩과 POOQ팩 중 선택하신 1개 옵션이 무료로 제공됩니다.</li>
<li class="dsc-item">5GX 95 요금제를 사용하시는 고객님께 FLO팩과 POOQ팩 중 선택하신 1개 옵션이 무료로 제공됩니다.</li>
<li class="dsc-item">5GX 95 요금제를 사용하시는 고객님께 FLO팩과 POOQ팩 중 선택하신 1개 옵션이 무료로 제공됩니다.</li>
</ul>
</div>
<!-- [D] 모회선 인증이 필요한 요금제를 선택 시 노출 -->
<div class="auth-group">
<h3 class="auth-title">함께쓰기 스마트폰 인증</h3>
<div class="auth-content">
<!-- [D] 인증 전 -->
<span class="txt-info">선택하신 요금제는 함께쓰기 스마트폰 회선 인증이 필요합니다.</span>
<div class="form-group">
<span class="c-input">
<!-- [D] 검색어 입력시 btn-delete 노출 / 비 활성화시 disabled 속성으로 제어 -->
<input type="tel" placeholder="- 없이 숫자만 입력해주세요" maxlength="11" class="input">
<button class="btn-delete"><span class="ico-delete">입력 내용 삭제</span></button>
</span>
<!--[D] input 비활성화시 disabled 속성으로 제어 -->
<button type="button" class="btn-extra">인증</button>
</div>
</div>
</div>
<div class="auth-group">
<h3 class="auth-title">함께쓰기 스마트폰 인증</h3>
<div class="auth-content">
<!-- [D] 인증 완료 -->
<p class="auth-status">
<span>010-0000-0000</span>
<em class="txt-auth-status">인증완료</em>
</p>
</div>
</div>
</div>
</div>
<!--[D] 요금제 팝업: onclick="UI.modal({modal: '.pop-plan-list', modalMode: 'overlap'})" -->
<button type="button" class="btn-plan-list"><span>요금제를 선택하세요.</span></button>
<button type="button" class="btn-default btn-fix">혜택 자세히 보기</button>
</div>
</div>
<!-- //e: 요금제 선택 -->
<!-- s: 할인 방법 -->
<div class="opt-group" id="inputAnchor5">
<h2 class="opt-group-tit">할인 방법</h2>
<div class="opt-group-con type-discount">
<div class="product-option-row discount-types">
<span class="c-ick-var">
<input type="radio" name="_discountType" id="_discountType1" checked="checked">
<label for="_discountType1">
<div class="row">
<span class="txt">12개월 요금 할인</span> <span class="desc">총 - 120,000원</span>
</div>
<div class="row">
<span class="txt">통신요금의 25%(선택약정)</span> <span class="desc">월 - 10,000원</span>
</div>
</label>
</span>
<span class="c-ick-var">
<input type="radio" name="_discountType" id="_discountType2">
<label for="_discountType2">
<div class="row">
<span class="txt">24개월 요금 할인</span> <span class="desc">총 - 120,000원</span>
</div>
<div class="row">
<span class="txt">통신요금의 25%(선택약정)</span> <span class="desc">월 - 10,000원</span>
</div>
</label>
</span>
</div>
</div>
</div>
<!-- //e: 할인 방법 -->
<!-- s: 온가족 할인 -->
<div class="opt-group" id="inputAnchor3">
<h2 class="opt-group-tit">온가족 할인</h2>
<div class="opt-group-con type-family">
<div class="product-option-col">
<span class="c-ick-var">
<input type="radio" name="f" id="f1" checked="checked">
<label for="f1">적용 -30,000<span class="unit">원/월</span></label>
</span>
<!-- [D] 비활성 상태 애트리뷰트 disabled 추가/삭제 -->
<span class="c-ick-var">
<input type="radio" name="f" id="f2">
<label for="f2">미적용</label>
</span>
</div>
</div>
</div>
<!-- //e: 온가족 할인 -->
<!-- s: 복지 할인 -->
<div class="opt-group" id="inputAnchor4">
<h2 class="opt-group-tit">복지 할인</h2>
<div class="opt-group-con type-welfare">
<div class="product-option-col">
<span class="c-ick-var">
<input type="radio" name="w" id="w1">
<label for="w1">적용 -30,000<span class="unit">원/월</span></label>
</span>
<!-- [D] 비활성 상태 애트리뷰트 disabled 추가/삭제 -->
<span class="c-ick-var">
<input type="radio" name="w" id="w2" checked="checked">
<label for="w2">미적용</label>
</span>
</div>
</div>
</div>
<!-- //e: 복지 할인 -->
<!-- s: 유의사항 -->
<a href="#none" class="seller-notice-link" onclick="UI.modal({modal: '.pop-checkpoint', modalMode: 'overlap'})">유의사항 확인하기</a>
<!-- //e: 유의사항 -->
</div>
</main>
<!-- //content -->
<!-- [D] sticky-bar 숨김시 .active 추가 -->
<div class="sticky-bar">
<div class="layer-pay">
<h2 class="g-invisible">출고가 가격정보</h2>
<div class="l-grid">
<!-- [D] : layer-body 영역 노출시 class .show 추가 -->
<!-- [D] : layer-body 안 price-area 노출시 class .on 추가 -->
<div class="layer-body">
<button type="button" class="btn-toggle"><span class="g-invisible">상세보기</span></button>
<div class="price-area">
<div class="stit">
<span class="text">
<span class="sunit">휴대폰 월 할부금(24개월)</span>
</span>
</div>
<div class="price">
<span class="num">59,000</span> <span class="unit">원</span>
</div>
</div>
<div class="price-area">
<div class="stit">
<span class="text">
<span class="sunit">월 통신요금</span>
</span>
</div>
<div class="price">
<span class="num">29,000</span> <span class="unit">원</span>
</div>
</div>
</div>
<div class="layer-foot">
<div class="price-area">
<div class="stit">
<span class="text">
<span class="sunit">월 통신요금</span>
</span>
</div>
<div class="price">
<span class="num"><strong>69,000</strong></span>
<span class="unit">원</span>
<em class="desc">할수 수수료 5.9% 포함</em>
</div>
</div>
</div>
<!-- [D] 활성/비활성 여부는 클래스 disabled 추가/삭제로 컨트롤 -->
<div class="btn-area">
<button type="button" class="btn-primary">신청서 작성하기</button>
</div>
</div>
</div>
</div>
<!-- //e: 하단 스티키 바 -->
</div>
<!-- 유의사항 레이어 팝업 -->
<!-- popup -->
<div class="popup pop-seller pop-checkpoint" style="display: none;">
<div class="popup-body">
<div class="popup-header">
<h1 class="popup-title">유의사항</h1>
</div>
<div role="main" class="popup-content">
<div class="checkpoint-area">
<ul class="checkpoint-field">
<li class="checkpoint-item active">
<div class="title-field">공통 안내</div>
<div class="twdeditor-component-wrap">
<ul>
<li>휴대폰 월 할부금은 연이율 5.9%의 할부 수수료가 포함되어 청구됩니다.</li>
<li>즉시결제 선택 시 요금제에 따라 결제 금액이 변경되어 개통전까지 요금제 변경이 불가합니다.</li>
<li>당일 카드 결제 취소건은 당일 환불되며, 익일 취소건부터는 환불에 최대 1주일 소요됩니다.</li>
<li>번호이동의 경우 당월 사용요금 및 위약금은 SK텔레콤으로 이동 후 납부되며, 해당 금액이 35만원 이상일 경우 개통이 제한될 수 있습니다.</li>
<li>복지할인은 1인 1회선만 가능하며, 이미 복지할인을 받고 계신 고객님이 신규/번호이동으로 가입하실 경우에는 복지할인이 적용되지 않습니다.</li>
<li>복지할인 등록 및 변경은 대리점 내방 후 처리하셔야 합니다.</li>
<li>가입하고자 하는 요금제가 조회되지 않을 경우 T다이렉트샵 고객센터(1599-0111)로 전화 부탁 드리겠습니다.<br>※ 고객센터 : 1525(무료/SK텔레콤 휴대폰), 1599-0111(유료/유선 및 타사고객) / 평일 09:00 ~ 21:00, 토요일 10:00 ~ 21:00</li>
<li>미성년자가 물품을 구매하는 경우, 법정대리인이 동의하지 않으면 미성년자 본인 또는 또는 법정대리인이 구매를 취소할 수 있습니다.</li>
<li>임대폰을 사용하시는 경우, 임대폰을 반납하신 후에 기기변경이 가능합니다.</li>
<li>임대폰 반납 가능한 대리점/지점은 고객센터 114로 문의해주시기 바랍니다.</li>
<li>
<p><span style="font-size: 10pt;">2G전환혜택&nbsp;중&nbsp;휴대폰(M2M,&nbsp;IoT,&nbsp;산업용&nbsp;PDA&nbsp;등&nbsp;사물통신&nbsp;제외)할인</span></p>
<p><span style="font-size: 10pt;">※요금지원&nbsp;할인&nbsp;선택&nbsp;시&nbsp;T지원금&nbsp;약정으로&nbsp;가입되어&nbsp;중도&nbsp;해지&nbsp;시&nbsp;할인반환금이&nbsp;부과될&nbsp;수&nbsp;있습니다.&nbsp;</span></p>
<p><span style="font-size: 10pt;">(단,&nbsp;월&nbsp;1만원&nbsp;요금지원에&nbsp;대한&nbsp;할인&nbsp;반환금&nbsp;미부과)</span></p>
</li>
<li>
<p>무약정플랜 / 지켜줘서 고마워 적립 포인트 사용 안내<br>단말기 할부원금 납부 미 신청 시 약정 여부와 관계없이 단말 할부원금 납부(최대 5만포인트) 및 요금 납부 처리됩니다. <br>단. 단말기 할부원금 납부로 신청하지 않은 경우 요금납부로 사용<br>※ 요금납부로 사용 된 포인트는 취소 시 복구되지 않습니다.</p>
</li>
<div><span style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><br></span></div>
</ul>
</div>
</li>
<li class="checkpoint-item">
<div class="title-field">공시지원금 안내</div>
<div class="twdeditor-component-wrap">
<ul class="dsc-list">
<li>공시지원금은 고객님이 휴대폰 '휴대폰 할인' 방법으로 구매하실 경우 SK텔레콤에서 일부 비용을 지원해 드리는 것 입니다.</li>
<li>공시지원 금액은 휴대폰의 출고가에서 할인되며, 수시로 변경되니 구매 전 확인 부탁 드립니다.</li>
<li>가입 요금제에 따라 지원금에 차이가 있을 수 있으며, 개통 이후 요금제 변경 시 지원금이 조정될 수 있습니다.<br>(프리미엄패스1 부가서비스가 가입되어 181일 동안 해당 사용요금제 유지(또는 상위 요금제 변경)시 이후 변경에 따른 차액정산금은 발생하지 않습니다. 단, 네트워크 세대 내 (5G⇔5G, LTE⇔LTE) 변경 시 면제되며, 세대간 (5G⇔LTE) 변경 시에는
차액정산금이 발생할 수 있습니다.)</li>
<li>공시지원금 혹은 2G전환 휴대폰할인 적용 시&nbsp;T지원금약정(24개월)에 가입되며, 24개월 이내 기기변경/해지 시 공시지원금은 일할 계산되어 위약금으로 청구됩니다.<br>※ 해지 시점 기준, T지원금 약정(또는 선택약정 / '14년 10월 1일 이후 클럽T)이 있는 경우, 요금약정 할인 반환금은 면제됩니다.</li>
<li>공시지원 금액은 주문 완료 시점 기준으로 적용됩니다.</li>
</ul>
</div>
</li>
<li class="checkpoint-item">
<div class="title-field">지원금에 상응하는 요금할인 안내</div>
<div class="twdeditor-component-wrap">
<ul>
<li>공시지원금 대신 요금을 할인 받는 제도이며, '선택약정' 이라고도 불립니다.</li>
<li>요금 할인 약정 기간은 12개월/24개월 중 선택 가능합니다.<br>(약정 기간에 따른 할인 금액 차이는 없습니다.)</li>
<li>기존 약정을 유지하거나 승계하여 개통하는 경우 휴대폰 할부기간과 요금 할인 약정 기간은 일치하지 않을 수 있으며, 약정 기간 연장을 원하실 경우 T월드 또는 고객센터(114) 통해 직접 연장하셔야 합니다.</li>
<li>요금 할인 약정 선택 시 가입/해지 후 1개월 내 재가입이 불가하며, 가입 기간 중 요금제 변경이 제한될 수 있습니다.(1개월 내 2회이상 변경 제한 등)</li>
<li>'18년 3월 5일 이후, 기기변경시 기존 요금 할인 약정은 승계되며, 최초 약정 만료 기한까지 사용 시 별도 위약금 없이 자동 소멸됩니다.<br>(단, 기존 선택약정을 이미 승계처리하여 추가 승계가 불가능한 경우 기존 선택약정을 해지 후 재가입 처리될 수 있으며 이 때 위약금이 발생될 수 있습니다.)</li>
<li>약정기간 내에 기기변경 시 위약금이 발생될 수 있으며, 휴대폰 114(유선 1599-0011)를 통해 확인하실 수 있습니다.</li>
</ul>
</div>
</li>
<li class="checkpoint-item">
<div class="title-field">행복배송, 바로도착 안내</div>
<div class="twdeditor-component-wrap">
<p><strong style="font-size: 12pt;">바로도착&nbsp;행복배송&nbsp;안내</strong></p>
<ul style="list-style-type: disc;">
<li>T매니저가&nbsp;직접&nbsp;방문하여&nbsp;개통&nbsp;및&nbsp;데이터&nbsp;이전,&nbsp;사용법&nbsp;설명까지&nbsp;제공해드리는&nbsp;서비스입니다.</li>
<li>바로도착&nbsp;행복배송은&nbsp;월&nbsp;~&nbsp;토요일&nbsp;오후&nbsp;3시&nbsp;이전&nbsp;주문&nbsp;및&nbsp;서류&nbsp;검토&nbsp;완료된&nbsp;경우&nbsp;당일&nbsp;배송해&nbsp;드리는&nbsp;서비스입니다.
(오후&nbsp;3시&nbsp;이후&nbsp;주문&nbsp;건은&nbsp;익일&nbsp;배송,&nbsp;토요일&nbsp;오후&nbsp;3시~일요일&nbsp;주문&nbsp;건은&nbsp;월요일에&nbsp;배송&nbsp;됩니다.)</li>
</ul>
<p>&nbsp;</p>
<p><strong>바로도착&nbsp;안내</strong></p>
<ul style="list-style-type: disc;">
<li>
바로도착은&nbsp;월&nbsp;~&nbsp;토요일&nbsp;오후&nbsp;5시&nbsp;이전&nbsp;주문&nbsp;및&nbsp;서류&nbsp;검토&nbsp;완료된&nbsp;경우&nbsp;당일&nbsp;배송해&nbsp;드리는&nbsp;서비스입니다. (오후&nbsp;5시&nbsp;이후&nbsp;주문&nbsp;건은&nbsp;익일&nbsp;배송,&nbsp;토요일&nbsp;오후&nbsp;3시~일요일&nbsp;주문&nbsp;건은&nbsp;월요일에&nbsp;배송&nbsp;됩니다.)&nbsp;
</li>
</ul>
<p>&nbsp;</p>
<p><strong>공통&nbsp;안내</strong></p>
<ul style="list-style-type: disc;">
<li>전국&nbsp;배송&nbsp;가능하나,&nbsp;일부&nbsp;도시의&nbsp;경우&nbsp;제한&nbsp;될&nbsp;수&nbsp;있으니&nbsp;주문&nbsp;시&nbsp;확인&nbsp;부탁드립니다.※&nbsp;요청하신&nbsp;방문&nbsp;시간을&nbsp;최대한&nbsp;준수하나&nbsp;교통상황이나&nbsp;일정에&nbsp;따라&nbsp;일부&nbsp;변경될&nbsp;수&nbsp;있습니다.
</li>
<li>T매니저가&nbsp;배송&nbsp;전&nbsp;미리&nbsp;연락드려&nbsp;스케줄&nbsp;조정하며,&nbsp;고객님과&nbsp;연결이&nbsp;안되거나&nbsp;개통&nbsp;보류&nbsp;사유&nbsp;발생&nbsp;시&nbsp;배송이&nbsp;지연될&nbsp;수&nbsp;있습니다.</li>
<li>주문&nbsp;접수&nbsp;완료일&nbsp;기준&nbsp;D+1일까지&nbsp;고객님과&nbsp;연결이&nbsp;되지&nbsp;않는&nbsp;경우&nbsp;주문&nbsp;접수&nbsp;완료일&nbsp;기준&nbsp;D+2일&nbsp;자동&nbsp;주문&nbsp;취소&nbsp;처리&nbsp;됩니다.</li>
<li>보험&nbsp;부적격(할부개통불가/신용도&nbsp;이상&nbsp;등)&nbsp;등의&nbsp;사유가&nbsp;있을&nbsp;경우&nbsp;담당부서에서&nbsp;연락을&nbsp;드리나,&nbsp;주문건이&nbsp;많은&nbsp;경우&nbsp;지연될&nbsp;수&nbsp;있습니다.</li>
<li>바로도착&nbsp;서비스&nbsp;배송&nbsp;시&nbsp;명의자&nbsp;본인께서&nbsp;신분증&nbsp;지참&nbsp;후&nbsp;수령&nbsp;가능합니다. (단,&nbsp;미성년자&nbsp;구매건의&nbsp;경우,&nbsp;법정대리인이&nbsp;구비서류&nbsp;지참&nbsp;후&nbsp;수령&nbsp;가능합니다.)</li>
<li>T기프트의&nbsp;경우&nbsp;휴대폰과&nbsp;출고지가&nbsp;상이하여,&nbsp;개통일(D)기준&nbsp;D+1~2일에&nbsp;안전하게&nbsp;택배로&nbsp;개별&nbsp;출고됩니다.</li>
</ul>
<p>&nbsp;</p>
</div>
</li>
<li class="checkpoint-item">
<div class="title-field">바로픽업 안내</div>
<div class="twdeditor-component-wrap">
<ul>
<li>바로픽업으로 주문하신 후 휴대폰 수령 시에는 본인임을 증명할 수 있는 신분증을 지참하셔야 하며, 대리점에서는 고객님의 신분증을 스캔할 수 있습니다.</li>
<li>대리점 상황에 따라 재고가 없을 수 있으니 방문 전 확인 부탁드립니다.</li>
<li>바로픽업으로 개통한 휴대폰의 교환/반품 사유 발생 시에는 개통 대리점을 통해 교환/반품 가능합니다.</li>
<li>신청서 작성 후 약속된 일자에 수령하지 않을 경우 익일에 자동으로 주문이 취소 처리됩니다.</li>
</ul>
</div>
</li>
<li class="checkpoint-item">
<div class="title-field">개통 안내</div>
<div class="twdeditor-component-wrap">
<ul>
<li>기기변경(유심 재사용) 고객의 경우 별도 개통 과정 없이 기존 유심을 새로운 휴대폰에 삽입하시면 됩니다.</li>
<li>기기변경(유심 구매) or 번호이동 고객의 경우 휴대폰 수령 후 T다이렉트샵 고객센터(1599-0111)로 개통 신청 부탁 드립니다.</li>
<li>신규가입 고객의 경우 선 개통하여 발송되므로, 별도로 신청하지 않으셔도 됩니다.<br>(단, 개통일로 부터 요금이 발생 합니다.)</li>
<li>일시정지 고객은 개통 시점에서 일시정지 해제 후 개통 처리됩니다.</li>
<li>유심기변/미사용고객은 확정기변/원소유기변 처리 후 개통 처리됩니다.</li>
<li>개통처리 과정에서 고객님의 기존(회선) 가입 정보를 조회할 수 있으며, 조회 시 고객정보조회 SMS가 발송됩니다.</li>
<li>별도의 개통 신청이 없는 경우, 발송 2일 후 오전 9시부터 순차적으로 개통됩니다.<br>(토/일요일, 공휴일에는 개통이 진행되지 않습니다.)</li>
<li>개통 보류 시 7일 이내 보류 해결이 필요하며, 보류 미해결 시 기기 회수가 필요합니다.<br>(단, 발송된 휴대폰의 파손 및 분실이 된 경우 변상이 필요합니다.)</li>
<li>5GX요금제는 T가족모아데이터 서비스 사용이 불가능한 요금제입니다.</li>
</ul>
</div>
</li>
<li class="checkpoint-item">
<div class="title-field">교환/환불 안내</div>
<div class="twdeditor-component-wrap">
<ul>
<li>개통하지 않은 미개봉 휴대폰에 대하여 청약철회를 원하시는 경우 배송받은 날로부터 7일까지 고객센터로 연락 주시기 바랍니다.</li>
<li>최초 구매 시 교환이나 철회에 대한 특별한 판매 조건을 동의하고 구매하신 경우에는 그 조건을 우선 따릅니다.<br>※ T다이렉트샵 고객센터 | SK텔레콤 고객 : 1525 (무료) 유선전화, 타 통신사 고객 : 1599-0111 (유료)</li>
<li>휴대폰 수령 후 포장박스 개봉 및 상품 훼손, 고객 부주의로 인한 파손은 상품 교환/반품이 불가합니다.</li>
<li>제품 하자로 교환/반품을 원하실 경우 각 제조사 정책을 확인해 주세요.<br>※ [이것이 궁금해요 &gt; 교환/반품]에서 제조사 별 정책을 확인 하실 수 있습니다.</li>
<li>제품 불량으로 반품하는 경우 불량 휴대폰은 반드시 구글락/아이클라우드락 해제 후 반납해주셔야 합니다.</li>
<li>방통위 가이드라인에 따라 개봉하거나 개통된 단말기에 대해서는 청약철회가 불가하오니 사전에 유의하시기 바랍니다.</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<button type="button" class="btn-close" onclick="UI.modalClose(this);return false;">
<span class="ico-close">팝업 닫기</span>
</button>
</div>
</div>
<!-- //popup -->
<!-- //유의사항 레이어 팝업-->
<script src="../js/jquery.min.js"></script>
<script src="../js/swiper.min.js"></script>
<script ipt src="../js/tdirect-ui.js"></script>
<script>
(function () {
// 요금제카드 혜택자세히보기 토글 및 앵커링 애니메이션
$('.seller-plan-item .inner').on('click', function () {
var $this = $(this);
const $parent = $this.parent('.seller-plan-item');
$parent.siblings('.seller-plan-item').removeClass('open');
$parent.toggleClass('open');
if (!$this.next('.area-toggle-cont').length && $this.parents('.wrap').length) {
animateToNextAnchor($(hasNextAnchor($this)));
}
});
function animateToNextAnchor(targetElem) {
var $target = $(targetElem);
var $headerHeight = $('header').height();
var $stickyHeight = $('.sticky-top').height();
var SPEED = 300;
$('html, body').animate({
scrollTop: $target.offset().top - $stickyHeight - $headerHeight
}, SPEED);
}
function hasNextAnchor($element) {
var currentIDNumber = parseInt($element.parents('.opt-group').attr('id').match(/\d+/g).join());
var nextAnchor = '#inputAnchor' + (currentIDNumber + 1);
if ($(nextAnchor).length) {
return nextAnchor;
}
return false;
}
$('.c-ick-var input').on('change', function () {
var hasNext = hasNextAnchor($(this));
if (hasNext) {
animateToNextAnchor($(hasNext));
}
});
$('.wrap .seller-plan-item .select').on('change', function () {
var $this = $(this);
var hasNext = hasNextAnchor($this);
var isAllSelectChanged = false;
$this.parents('.area-toggle-cont').find('.c-select').each(function (i, item) {
if (!$(item).children('.select').val()) {
isAllSelectChanged = false;
return false;
}
isAllSelectChanged = true;
});
if (isAllSelectChanged && hasNext) {
animateToNextAnchor($(hasNext));
}
});
})();
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment