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.