PageSourceSearch

https://members.chosun.com/membership/subscribe_paper/

html chosun.com collected 2026-09-24 07:32:09 UTC 20,917 bytes, 319 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>조선일보 구독 신청</title>
7  <link rel="icon" href="../common/favicon.ico" />
8  <link rel="stylesheet" href="../common/common.css">
9  <link rel="stylesheet" href="../common/simple-footer/footer.css">
10  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
11  <link rel="stylesheet" href="./css/common.css">
12  <style>
13    /* 기본 초기화 */
14    * {box-sizing: border-box; margin: 0; padding: 0;}
15
16    html, body {height: 100%; margin: 0;}
17    body {font-family: 'Noto Sans KR'; line-height: 1.5; font-weight: 500; background-color: #F1F3F5;}
18    #footer {background: #F1F3F5;}
19
20    .wrapper {min-height: 100vh; display: flex; flex-direction: column;}
21    .index-container { display: flex; flex-direction: column; flex: 1;}
22    .index-container .title {display: block; text-align: center; font-size: 24px; line-height: 34px; font-weight: 700; color: var(--Color-Black); margin-top: 48px;}
23    .index-container .card-wrapper { display: flex; flex-direction: column; align-items: center; margin-top: 36px; flex: 1; }
24    .index-container .card-wrapper .card { display: flex; flex-direction: column; background: var(--Surface-Surface-20); padding: 20px 32px; width: 642px; border-radius: 12px; margin-bottom: 28px;}
25    .index-container .card-wrapper .card .seperate {border-bottom: 1px solid var(--Color-Grey-20); padding-bottom: 16px; margin-bottom: 16px;}
26    .index-container .card-wrapper .card .sub-card {display: flex; align-items: center; justify-content: space-between; padding: 12px 0; cursor: pointer;}
27    .index-container .card-wrapper .card .sub-card:hover path {fill: var(--Color-Black);}
28    .index-container .card-wrapper .card .title-wrapper .main-title {display: flex; align-items: center; margin-bottom: 8px;}
29    .index-container .card-wrapper .card .title-wrapper .main-title .text { font-size: 20px; font-weight: 700; color: var(--Color-Black); margin-right: 8px; word-break: keep-all;}
30    .index-container .card-wrapper .card .title-wrapper .main-title .price { font-size: 18px; font-weight: 700; color: var(--Color-Blue);}
31    .index-container .card-wrapper .card .title-wrapper .main-title .month { font-size: 16px; color: var(--Color-Grey-80);}
32    .index-container .card-wrapper .card .title-wrapper button span {font-size: 14px; font-weight: 700; line-height: 20px; color: var(--Color-White);}
33    .index-container .card-wrapper .card .title-wrapper button img {width: 20px; height: 20px;}
34    .index-container .card-wrapper .card button svg {fill: var(--Color-Grey-60);}
35    .index-container .card-wrapper .card .subtitle {font-size: 14px; font-weight: 400; line-height: 20px; color: var(--Color-Grey-80); word-break: keep-all;}
36
37    .call-container {display: flex; width: 642px; margin-bottom: 20px;}
38    .call-container .call-wrapper { display: flex; height: 72px; align-items: center; justify-content: center; flex: 1 0 0; padding: 20px 0; gap: 8px; border-radius: 12px; background: var(--Surface-Surface-20); text-decoration: none; cursor: pointer;}
39    .call-container .call-wrapper:first-child {margin-right: 20px;}
40    .call-container .call-wrapper button {display: flex; align-items: center;}
41    .call-container .call-wrapper .text {font-size: 18px; font-weight: 700; line-height: 1.5; color: var(--Color-Black);}
42    .call-container .call-wrapper .text:hover {text-decoration: none;}
43    .call-container .call-wrapper .text-blue { color: var(--Color-Blue);}
44    .call-container .call-wrapper svg circle {fill: var(--Color-Blue);}
45    .call-container .call-wrapper button svg path {fill: var(--Color-Black);}
46                                                                                                                                        
47    .banner { width: 642px; margin: 0 auto -20px auto; user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent;}
48    .banner .content img {width: 18px; height: 18px; margin-top: 22px;}
49    .swiper { width: 100%; overflow: hidden; }
50    .swiper-slide { display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; height: 72px; cursor: pointer; border-radius: 12px;}
51    .slide-type2 { background: url("https://image.chosun.com/membership/join/img/book-banner-bg.png"); padding-right: 0;}
52    .slide-type3 { background: url("https://members.chosun.com/arc/img/water-banner-bg.png"); padding-right: 0;}
53    .swiper-slide.banner1 { background-image: url("https://image.chosun.com/membership/join/img/bannerBg.png"); }
54    .swiper-slide img { width: 68px; height: 70px; margin-right: 25.88px; }
55    .swiper-slide .img2 {width: 88px; height: 72px;}
56    .swiper-slide .content { display: flex; flex-direction: row; align-items: end;}
57    .swiper-slide .content .next {margin-right: 0;}
58    .swiper-slide .text { font-size: 14px; font-weight: 700; line-height: 20px; color: #fff; margin-right: 4px; word-break: keep-all;}
59    .swiper-slide .text span { color: #81BEFF; }
60    .swiper-pagination { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 32px;}
61    .swiper-pagination-bullet { background-color: var(--Color-Grey-40); opacity: 1; width: 8px; height: 8px; border-radius: 50%; margin: 0 4px; }
62    .swiper-pagination-bullet-active { background-color: var(--Color-Grey-60); width: 10px; height: 10px; }
63    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; margin-right: 10px;}
64    /* .banner .banner-img {background: url("https://image.chosun.com/membership/join/img/event-banner-pc.png") no-repeat 0 0 / 100%; width: 84px; height: 96px; margin-top: 30px; margin-right: 16.63px;} */
65    .banner .banner-img {background: url("https://image.chosun.com/membership/join/img/event-banner-pc.png") no-repeat 0 0 / 100%; width: 642px; height: 72px;}
66    /* .banner .banner-book {background: url("https://image.chosun.com/membership/join/img/banner_book_pc.png") no-repeat 0 0 / 100%; width: 95px; height: 96px; margin-top: 46px;} */
67    .banner .banner-book {background: url("https://image.chosun.com/membership/join/img/book-banner-pc.png") no-repeat 0 0 / 100%; width: 642px; height: 72px;}
68     .banner .banner-water {background: url("https://members.chosun.com/arc/img/water-banner-pc.png") no-repeat 0 0 / 100%; width: 642px; height: 72px;}
69
70
71    .svg-white {color: var(--ETC-White-Static);}
72
73    @media all and (max-width: 689px) {
74      .index-container {margin: 0 16px;}
75      .index-container .title {font-size: 20px; line-height: 1.5; margin-top: 36px;}
76      .index-container .card-wrapper .card {width: 100%; padding: 12px 16px; margin-bottom: 24px;}
77      .index-container .card-wrapper .card .title-wrapper .main-title {flex-direction: column; align-items: flex-start;}
78      .index-container .card-wrapper .card .title-wrapper .main-title .text { font-size: 18px; margin-bottom: 4px;}
79      .index-container .card-wrapper .card .title-wrapper .main-title .price { font-size: 16px;}
80      .index-container .card-wrapper .card .title-wrapper .main-title .month { font-size: 14px;}
81      .index-container .card-wrapper .card .seperate {padding-bottom: 12px; margin-bottom: 12px;}
82      .index-container .card-wrapper .card button svg {width: 28px; height: 28px;}
83
84      .call-container { width: 100%; flex-direction: column; margin-bottom: 0;}
85      .call-container .call-wrapper:first-child {margin-right: 0;}
86      .call-container .call-wrapper {margin-bottom: 16px;}
87
88      .banner {width: 100%;}
89      .banner img {width: 50px; height: 50px;}
90      .swiper-slide {height: 82px;}
91      .swiper-slide img {margin-right: 16px;}
92      .swiper-wrapper .swiper-slide {padding: 16px 0;}
93      .swiper-wrapper .dots {bottom: -48px;}
94      .swiper-pagination {margin-top: 24px;}
95      .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin-right: 5px;}
96      /* .banner .banner-img {background: url("https://image.chosun.com/membership/join/img/banner-event.png") no-repeat 0 0 / 100%; width: 63px; margin-top: 44px; margin-right: 9.85px;} */
97      .banner .banner-img {background: url("https://image.chosun.com/membership/join/img/event-banner-mobile.png") no-repeat; width: 100%; height: 82px; background-size: cover; background-position: center; border-radius: 12px;}
98      /* .banner .banner-book {background: url("https://image.chosun.com/membership/join/img/banner_book.png") no-repeat 0 0 / 100%; width: 67px; height: 69px; margin-top: 19px;} */
99      .banner .banner-book {background: url("https://image.chosun.com/membership/join/img/book-banner.png") no-repeat 0 0 / 100%; width: 328px; height: 82px;}
100      .banner .banner-water {background: url("https://members.chosun.com/arc/img/water-banner-m.png") no-repeat 0 0 / 100%; width: 328px; height: 82px;}
101      .banner .text-width { width: 143px;}
102    }
103
104    @media (prefers-color-scheme: dark) {
105      body {background: #222;}
106      #footer {background: #222;}
107    }
108  </style>
109  <!-- Google tag (gtag.js) -->
110  
110<script>
111    window.logEvent = function(eventName, params) {
112      if (window.gtag) {
113        gtag('event', eventName, params);
114      } else if (window.dataLayer) {
115        dataLayer.push({
116          event: eventName,
117          eventParams: params,
118        });
119      } else {
120        console.warn('Analytics not available, cannot log event:', eventName);
121      }
122    };
123  </script>
123
124  <!-- Google Tag Manager -->
125  
125<script>
vendor: 469 bytes, lines 125-138
125
126    (function(w, d, s, l, i) {
127      w[l] = w[l] || [];
128      w[l].push({
129        'gtm.start': new Date().getTime(),
130        event: 'gtm.js'
131      });
132      var f = d.getElementsByTagName(s)[0],
133        j = d.createElement(s),
134        dl = l != 'dataLayer' ? '&l=' + l : '';
135      j.async = true;
136      j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
137      f.parentNode.insertBefore(j, f);
138    })(window, document, 'script', 'dataLayer', '
138GTM-WNX23JV
vendor: 7 bytes, lines 138-139
138');
139  
139</script>
139
140  <!-- End Google Tag Manager -->
141</head>
142<body>
143    <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 143-144
143
144    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
144GTM-WNX23JV
vendor: 91 bytes, lines 144-145
144" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
145    
145<!-- End Google Tag Manager (noscript) -->
146    <div class="wrapper">
147      <!-- GNB start-->
148      <header>
149        <div id="nav2020" class="simple"> 
150          
150<script src="https://news.chosun.com/gnb2021/assets/js/gnb2020_nofont.js"></script>
150
151          
151<script src="/membership/common/ssognb_mbs.js"></script>
151
152        </div>
153        
153<script src="../common/gnb/gnb.js"></script>
153
154        <link rel="stylesheet" type="text/css" href="../common/gnb/gnb.css">
155      </header>
156      <div class="index-container">
157        <div class="title">세상을 읽는 힘!<br>조선일보와 함께하세요</div>
158        <div class="card-wrapper">
159            <div class="card">
160              <div class="sub-card" onclick="location.href='https://members.chosun.com/membership/subscribe_paper/paid/index.html'">
161                <div class="title-wrapper">
162                  <div class="main-title">
163                      <span class="text">조선일보 구독 신청</span>
164                      <div class="sub-text">
165                        <span class="price">25,000원</span>
166                        <span class="month">/월</span>
167                      </div>
168                  </div>
169                  <div class="subtitle">
170                    조선일보를 신청하는 분들께 다양한 구독사은품을 드립니다.
171                  </div>
172                </div>
173                <button onclick="location.href='https://members.chosun.com/membership/subscribe_paper/paid/index.html'">
174                  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
175                    <path d="M11.2432 22.2793L13.129 24.1648L21.4982 15.7941L13.129 7.42334L11.2432 9.30879L17.7263 15.7939L11.2432 22.2793Z"/>
176                  </svg>
177                </button>
178              </div>
179              <div class="seperate"></div>
180              <div class="sub-card" onclick="location.href='https://members.chosun.com/membership/subscribe_paper/kid/index.html'">
181                <div class="title-wrapper">
182                  <div class="main-title">
183                      <span class="text">어린이조선일보 구독 신청</span>
184                      <div class="sub-text">
185                        <span class="price">10,000원</span>
186                        <span class="month">/월</span>
187                      </div>
188                  </div>
189                  <div class="subtitle">
190                    문해력 향상부터 글쓰기 훈련까지, 어린이조선일보와 함께하세요. 
191                  </div>
192                 <div class="subtitle">
193                 ※26년 8월 7일부터 '맛있는한자'가 함께 제공됩니다!
194                  </div>
195                </div>
196                <button onclick="location.href='https://members.chosun.com/membership/subscribe_paper/kid/index.html'">
197                  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
198                    <path d="M11.2432 22.2793L13.129 24.1648L21.4982 15.7941L13.129 7.42334L11.2432 9.30879L17.7263 15.7939L11.2432 22.2793Z"/>
199                  </svg>
200                </button>
201              </div>
202              <div class="seperate"> </div>
203              <div class="sub-card" onclick="location.href='https://members.chosun.com/membership/subscribe_paper/free/index.html'">
204                <div class="title-wrapper">
205                  <div class="main-title">
206                      <span class="text">1개월 무료 구독 체험 신청</span>
207                      <div class="sub-text">
208                        <span class="price">0원</span>
209                        <span class="month">/1개월 (비독자 전용)</span>
210                      </div>
211                  </div>
212                  <div class="subtitle">
213                    조선일보 · 어린이조선일보 1개월 무료 체험을 시작해 보세요!
214                  </div>
215                </div>
216                <button onclick="location.href='https://members.chosun.com/service/supp/mobile/pr_supp_onefree.jsp?campid=201903004E&campcmpycd=A00013'">
217                  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
218                    <path d="M11.2432 22.2793L13.129 24.1648L21.4982 15.7941L13.129 7.42334L11.2432 9.30879L17.7263 15.7939L11.2432 22.2793Z"/>
219                  </svg>
220                </button>
221              </div>
222            </div>
223            <div class="call-container">
224              <a class="call-wrapper" id="mobileCall">
225                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
226                  <circle cx="12" cy="12" r="12" fill="#1B9FFF"/>
227                  <path d="M17.9044 17.0872C18.3631 16.6285 18.3631 15.8778 17.9044 15.4191L16.2363 13.751C15.7776 13.2923 15.0269 13.2923 14.5682 13.751L13.7342 14.5851L9.56402 10.4149L10.3981 9.58086C10.8568 9.12214 10.8568 8.37151 10.3981 7.91279L8.72999 6.24472C8.27127 5.786 7.52064 5.786 7.06192 6.24472C5.39385 8.32981 5.96933 10.1563 7.89595 12.083L12.0661 16.2531C13.9927 18.1798 15.8193 18.7552 17.9044 17.0872Z" fill="white"/>
228                </svg>
229                <span class="text">독자센터</span>
230                <span class="text text-blue">1577-8585</span>
231              </a>
232              <div class="call-wrapper"  onclick="location.href='https://members.chosun.com/membership/support/index.html'">
233                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
234                  <g clip-path="url(#clip0_27939_275)">
235                  <circle cx="12" cy="12" r="12" fill="#126CCD"/>
236                  <path d="M10.537 14.941V14.059C10.537 13.489 10.651 13.015 10.879 12.637C11.107 12.259 11.518 11.827 12.112 11.341C12.622 10.909 12.97 10.561 13.156 10.297C13.342 10.033 13.435 9.742 13.435 9.424C13.435 8.944 13.288 8.572 12.994 8.308C12.706 8.044 12.298 7.912 11.77 7.912C11.494 7.912 11.242 7.957 11.014 8.047C10.786 8.131 10.573 8.278 10.375 8.488C10.183 8.698 10.033 8.917 9.92503 9.145C9.81703 9.373 9.76303 9.487 9.76303 9.487L7.60303 8.812C7.60303 8.812 7.69003 8.614 7.86403 8.218C8.03803 7.816 8.31103 7.417 8.68303 7.021C9.06103 6.625 9.52603 6.322 10.078 6.112C10.63 5.902 11.224 5.797 11.86 5.797C13.054 5.797 14.023 6.112 14.767 6.742C15.517 7.366 15.892 8.2 15.892 9.244C15.892 9.802 15.751 10.333 15.469 10.837C15.193 11.341 14.713 11.866 14.029 12.412C13.639 12.73 13.36 13.015 13.192 13.267C13.03 13.513 12.949 13.816 12.949 14.176V14.941H10.537ZM11.797 19.189C11.317 19.189 10.912 19.033 10.582 18.721C10.258 18.409 10.096 18.025 10.096 17.569C10.096 17.125 10.261 16.75 10.591 16.444C10.921 16.132 11.323 15.976 11.797 15.976C12.271 15.976 12.673 16.132 13.003 16.444C13.339 16.75 13.507 17.125 13.507 17.569C13.507 18.025 13.342 18.409 13.012 18.721C12.682 19.033 12.277 19.189 11.797 19.189Z" fill="white"/>
237                  </g>
238                  <defs>
239                  <clipPath id="clip0_27939_275">
240                  <rect width="24" height="24" fill="white"/>
241                  </clipPath>
242                  </defs>
243                </svg>
244                <button onclick="location.href='https://members.chosun.com/membership/support/index.html'">
245                  <span class="text" style="margin-right: 4px;">자주 묻는 질문</span>
246                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
247                    <path d="M7.02686 13.9246L8.20547 15.1031L13.4362 9.87135L8.20547 4.63965L7.02686 5.81805L11.0788 9.87127L7.02686 13.9246Z"/>
248                  </svg>
249                </button>
250              </div>
251            </div>
252     <div class="banner">
253     <div class="swiper banner-swiper">
254     <div class="swiper-wrapper">
255     <!-- <div onclick="location.href='https://www.chosun.com/membership/'">
256     <img src="https://image.chosun.com/membership/join/img/banner.png">
257     <div>
258     <div>회원만을 위한 30여 가지 혜택,<br><span>조선멤버십</span>에 지금 가입하세요!
259     </div>
260     <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
261     <path d="M6.32422 12.5323L7.38497 13.5928L12.0927 8.88431L7.38497 4.17578L6.32422 5.23635L9.971 8.88424L6.32422 12.5323Z" fill="white"/>
262     </svg>
263     </div>
264     </div> -->
265     <a href="https://www.chosun.com/members-event" target="_self" class="swiper-slide banner2">
266     <div class="banner-img"></div>
267     </a>
268     <a href="https://product.kyobobook.co.kr/detail/S000219458816" target="_blank" class="swiper-slide slide-type2">
269     <div class="banner-book"></div>
270     </a>
271     <a href="https://members.chosun.com/arc/nongshim/checkReaderGate.jsp" target="_self" class="swiper-slide slide-type3">
272     <div class="banner-water"></div>
273     </a>
274     </div>
275     <div class="swiper-pagination"></div>
276     </div>
277     </div>
278
279    </div>
280    <!-- 멤버십용 공통 푸터 사용 -->
281    <div id="footer"></div>
282    
282<script src="../common/simple-footer/footer.js"></script>
282
283    <style>
284      #footer {display: block !important;}
285      /* #footer .footer-link a:nth-child(2) {display: none;} */
286      nav.simple {
287        position: unset;
288      }
289    </style>
290    
290<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
290
291    
291<script>
292      const bannerSwiper = new Swiper('.banner-swiper', {
293        loop: true,
294        autoplay: {
295          delay: 8000,
296          disableOnInteraction: false,
297        },
298        pagination: {
299          el: '.swiper-pagination',
300          clickable: true,
301          type: 'bullets'
302        },
303        effect: 'slide',
304        speed: 600,
305      });
306
307      const isMobile = /iPhone|Android|iPad|iPod|Mobile/i.test(navigator.userAgent);
308      const callLink = document.getElementById('mobileCall');
309
310      if (isMobile) {
311        callLink.setAttribute('href', 'tel:15778585');
312        callLink.setAttribute('target', '_blank');
313        callLink.style.cursor = 'pointer';
314      } else {
315        callLink.style.pointerEvents = 'none';
316      }
317    </script>
317
318</body>
319</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.