1 2<!DOCTYPE html> 3<html lang="ko-KR"> 4<head> 5 6 <title>ë¶í 리 > ì í´ ì ì</title> 7 <meta name="description" content="ëíë¯¼êµ No.1 ì¢ í©ì¸ì ë¶í 리! ëì§í¸, ì¤íì í린í ìë¹ì¤ "> 8 9 <meta property="og:type" content="website"> 10 <meta property="og:title" content="ë¶í 리"> 11 <meta property="og:description" content="ëíë¯¼êµ No.1 ì¢ í©ì¸ì ë¶í 리! ëì§í¸, ì¤íì í린í ìë¹ì¤ "> 12 <meta property="og:image" content="https://booktory.com/images/ko/img-common/logo-main.png"> 13 <meta property="og:url" content="https://booktory.com"> 14 15 <link rel="icon" href="/images/ko/booktoy_favorites.png" /> 16 17 18 <!-- Google Tag Manager --> 19
19<script>
vendor: 339 bytes, lines 19-23
19(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 20 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 21 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 22 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 23 })(window,document,'script','dataLayer','
23GTM-M7B3XQ2
vendor: 3 bytes, line 23
23');
23</script>
23 24 <!-- End Google Tag Manager --> 25 26 27 28 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 28-29
28 29 <script async src="https://www.googletagmanager.com/gtag/js?id=
29G-YVPV6V9T8N
vendor: 14 bytes, lines 29-30
29"></script> 30
30<script> 31
vendor: 141 bytes, lines 31-35
31window.dataLayer = window.dataLayer || []; 32 function gtag(){dataLayer.push(arguments);} 33 gtag('js', new Date()); 34 35 gtag('config', '
35G-YVPV6V9T8N
vendor: 6 bytes, lines 35-36
35'); 36
36</script>
36 37 38 <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 39 <meta name="keywords" content="booktory, ì¸ììíëëë¡, íìë ¼ë¬¸, ìì¬ë ¼ë¬¸ì ì, ìì¬ë ¼ë¬¸ì¸ì, ë°ì¬ë ¼ë¬¸ì ì, ë°ì¬ë ¼ë¬¸ì¸ì, íìë ¼ë¬¸ì ì, íìë ¼ë¬¸ì 본, íìë ¼ë¬¸ì¸ì, ì± ë§ë¤ê¸°, 문ì§, 문ì§ì ì, ì¶ëìë°°, ì¶ëì§, êµíì± ì, í¬ì¤í°ì ì, í¬ì¤í°, ì¨ë²ë§ë¤ê¸°, ì¨ë², í¬í¸í´ë¦¬ì¤, í¬í´, í¬í¸í´ë¦¬ì¤ì ì, í¬ë¶, í¬í½, ë©ì¸ì§ë¶, ë©ìì§ë¶, ìì¤, ëì¸ì§, ì ìëë¡, íìë¶, íìì¡ì§, ì ìí, íê¸ì 문, ê°í물, ì 기ê°í물, ì¬ì§ì¨ë²ì ì, ì°ë³´, ì°ê°, 졸ì ì¨ë², ê°ì¸ì± ì ì, ì í, ë ¼ë¬¸ì 본, ì± ì¸ì, ë¸ë¡ì ì ì, í¬í ì¨ë²ì ì, ë ¼ë¬¸, 1ì¸ì¶í, ìëì± ì ì, íìêµì¬, íêµêµì¬, ì¬ì§ì¨ë²ë§ë¤ê¸°, ì§ëª ì, í¬ì¤í°ì¸ì, í¬í¸í´ë¦¬ì¤ì¸ì, êµí주보, íìë ¼ë¬¸ì¸ì, ííë ì ì, í¬ì¤í°ì¶ë ¥, íì¬ì§ëª ì, ì¹´ë¬ë¡ê·¸ì ì, ì¹´íë¡ê·¸ì ì, ìëì¶í, í¬í¸í´ë¦¬ì¤ë¶, ì¬ì§ì± , ìë¹ì¶í, ìëí¬ì¤í°ì¸ì, êµì¬ì ì, ê°ì¸ì¶í, í¬ì¤í°ìëì¸ì, ê³µì¬ì§ëª ì, íì§, íì§ì ì, ì§ëª ìì ì, 굿ì¦ì ìì¬ì´í¸, ì¹´ë¤ë¡ê·¸ì ì, ëë¡ì ì, í¬í¸í´ë¦¬ì¤ì¶ë ¥, ë©ì¸ì§ë¶, ì ëë©ì´ì ë¶, ë¸ë¡ê·¸ë¶, êµì¬, 주보, ì ëì§ì ì, 3ë¨ë¦¬íë , 3ë¨ë¦¬í릿, ê°ì¸ì± ì¶í, ë¸ë¡ì ì¸ì, ì± ì¶í, ì íì¶í, ìíë¶ì ì, 주보ì¸ì, êµì¬ëìì¸, ì¸ìì¶í, êµíì ëì§, ì ëì§, ì¤ëª ìì ì, ì¤ëª ìì¸ì, ìë´ì§, ìë´ì§ì¸ì, ììì§, ììì§ì¸ì, 2ë¨ë¦¬íë , 2ë¨ë¦¬í릿, íêµììì§ì¸ì, ì¶íì¸ì, ì§ëª ìëìì¸, êµì¬ë§ë¤ê¸°, ì± ìëì ì, ìëì ë¨ì§ì ì, ì¨ë²ì ìì ì²´, ìê°ì¶í, ìê°ì¸ì, ì¹´ë¤ë¡ê·¸ì¸ì, ë¹ ë¥¸ì¸ì, ë¹ ë¥¸ì 본, ë¹ ë¥¸ì¶ë ¥, ì¶íëí, ìë¹ì¶íë¹ì©, 문ì ì§ì 본, A3í¬ì¤í°ì¸ì, A2í¬ì¤í°ì¸ì, ìì± ìì¸ì, ì ëì§ì¸ì, ì´ë¦°ì´ì ëì§, íìêµì¬ì ì, êµí주보ëìì¸, ì문ì´ë¡, ì·¨ì í¬í¸í´ë¦¬ì¤, ì¹´ë¬ë¡ê·¸ì¸ì, ì¹´ë¤ë¡ê·¸, íì§ì¸ì, íìë¬ë ¥, 벽걸ì´ë¬ë ¥, íì¬ë¬ë ¥, ê±´ì¤ê³µì¬ì§ëª ì, êµíì¸ì물, ê³µì°ííë ì ì, êµííê¸ë´í¬, ë´í¬ì ì, ì± ì¶ê°, ë ¼ë¬¸ì 본ê°ê²©, ë ¼ë¬¸ì´ë¡ë²ì, íê¸ë´í¬ì¸ì, ì¤íì ì¸ì, ëëì¸ì, CTP, CTPì¶ë ¥, 무ì ì 본, íë커ë², ìíí¸ì»¤ë², PURì 본, PPì¸ì, UVì¸ì, ì¤ì² ì 본, ê¸ë°, ìë°, ì ë³´ì±, ì¬ì² ì 본, 리í릿, ì ì§, 리íë , 4ëì¸ì, 6ëì¸ì, CMYK, 컬ë¬ì¸ì, íë°±ì¸ì, ëíì¸ì, ê°ìêµì¬, ë ¸í¸, ë ¸í¸ì ì, ë ¸í¸ì¸ì, ë§ì 본, ë©ë´íì ì, í보물ì ì, í보물ì¸ì, ëí¸íìºë¦°ë, ëëë¬ë ¥, ìì´ëí¬ë¶, ì°ìì¸ë¬ë ¥, 졸ì, í린í¸, POD, PODì¸ì, Printondemand, ê³ íì§ì¸ì, ê³ ì»¬ë¬ì¸ì, ë§ì¶¤ì¸ì, ì 문ì¸ì, ì°ë§ì¸ì, 기ë ì¼ì¸ì, í¹ìì¸ì, 졸ì ì¸ì, 기íì¬ì¸ì, 공공기ê´ì¸ì, ì±ìì ëí¼ì, ë²ìì¸ì, ë¶ëª¨ì, ì± ìë , ì ì°ì¹´í¼ëë, ìì ì¸ì, ì¤ì¬ì¶ë ¥, ì¢ í©ì¸ì, 기ì ì¸ì, ì¸ìì루ì , ìëì ì, ëëì ì, ë§ì¶¤ì£¼ë¬¸, ë§ì¶¤ì ì, ì íì ì, í¨í¤ì§ì¸ì, DIYì¸ì, ì¸ì, ì 본, ì¶ë ¥, ì¸ìì, ì¸ìì¬ì´í¸, ì 본ì¬ì´í¸, ì¨ë¼ì¸ì¸ì, ì¨ë¼ì¸ì 본, ì¸ìë©í, ì¸ëê³ ì¸ì"> 40 41 <meta charset="UTF-8"> 42
42<script type="application/ld+json"> 43 { 44 "@context": "https://schema.org", 45 "@type": "Organization", 46 "name": "ë¶í 리", 47 "url": "https://booktory.com/", 48 "logo": "https://booktory.com/images/ko/img-common/logo-main.png", 49 "sameAs": [ 50 "https://blog.naver.com/booktory_official", 51 "https://www.instagram.com/booktorymania/", 52 "https://www.facebook.com/booktoryofficial", 53 "https://www.youtube.com/channel/UCTX4b82598UVfTaTFsncvug" 54 ] 55 } 56 </script>
56 57 58 <!--[if lt IE 9]> 59
59<script src="/js/libs/html5.js"></script>
59 60 <![endif]--> 61 <link rel="stylesheet" href="/css/libs/font-awesome.min.css"> 62 <link rel="stylesheet" href="/css/libs/notosanskr.css?36145.51"> 63 <link rel="stylesheet" href="/css/libs/nanumGothic.css?36145.51"> 64 <link rel="stylesheet" href="/css/libs/nanumBarungothic.css?36145.51"> 65 <link rel="stylesheet" href="/css/common.css?36145.51"> 66 <link rel="stylesheet" href="/css/layout.css?36145.51"> 67 <link rel="shortcut icon" href="/images/favicon.ico" /> 68
68<script src="/js/libs/jquery.min.js?ver=20230223"></script>
68 69
69<script src="/js/common-run.js?ver=20231121"></script>
69<!-- ê³µíµ ì¤í¬ë¦½í¸ ë§í¬ --> 70
70<script src="/js/common.js?ver=20260112"></script>
70 71 72 73 74 <!-- ìë¨ ì ì¸ ì¤í¬ë¦½í¸ : 모ë íì´ì§ ê³µíµ ìë¨ íì --> 75 76 <!-- Facebook Pixel Code --> 77
77<script>
vendor: 444 bytes, lines 77-86
77 78 !function(f,b,e,v,n,t,s) 79 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 80 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 81 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 82 n.queue=[];t=b.createElement(e);t.async=!0; 83 t.src=v;s=b.getElementsByTagName(e)[0]; 84 s.parentNode.insertBefore(t,s)}(window, document,'script', 85 'https://connect.facebook.net/en_US/fbevents.js'); 86 fbq('init', '
861871813249747550
vendor: 38 bytes, lines 86-88
86'); 87 fbq('track', 'PageView'); 88
88</script>
88 89 <noscript><img height="1" width="1" style="display:none" 90 src="https://www.facebook.com/tr?id=1871813249747550&ev=PageView&noscript=1" 91 /></noscript> 92 <!-- End Facebook Pixel Code --> 93 94 95 96</head> 97 98 99
100<script src="/js/cs_contact.js?ver=20200522"></script>
100 101 102<style> 103input:focus::-webkit-input-placeholder, 104textarea:focus::-webkit-input-placeholder { 105 color:transparent; 106} 107</style> 108
109<script> 110$(document).ready(function(){ 111 112 cs.init(); 113 114 $("#btnContact").on("click", function(){ 115 cs.Confirm(); 116 }); 117 118}); 119</script>
119 120 121<body> 122 <!-- ìì: topArea, gnb, top banner --> 123 124<!-- ì¤íµë¤ë¹ê²ì´ì --> 125<div id="skip-menu" class="skipNav-container"> 126 <a href="#gnb">ê¸ë¡ë²ë©ë´ ë°ë¡ê°ê¸°</a> 127 <a href="#contents">본문 ë°ë¡ê°ê¸°</a> 128 <a href="#footer">íë¨ë©ë´ ë°ë¡ê°ê¸°</a> 129</div> 130<!-- íë°°ë --> 131 132 133<!-- 134 135--> 136<!-- í루ëì ë¨ì§ ì기-->
137<script> 138 cookiedata = document.cookie; 139 if ( cookiedata.indexOf("maindiv=done") < 0 ){ 140 //document.getElementById('topBan').style.display = "block"; 141 $("#topBan").show(); 142 } else { 143 //document.getElementById('topBan').style.display = "none"; 144 $("#topBan").hide(); 145 } 146 147 function setCookie( name, value, expiredays ) { 148 var todayDate = new Date(); 149 todayDate.setDate( todayDate.getDate() + expiredays ); 150 document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" 151 } 152 153 function close_topban() { 154 if ( $('#topchk').is(':checked')){ 155 setCookie( "maindiv", "done" , 1 ); 156 } 157 //document.getElementById('topBan').style.display = "none"; 158 $("#topBan").hide(); 159 } 160</script>
160 161<style> 162.main22-top-ban05 {background: #093c2d url("/images/ko/img-main/2023-top-ban10.jpg") center top no-repeat;} 163/* 164.main22-top-ban05 a:first-child {width:50%; float:left;} 165.main22-top-ban05 a:last-child {width:50%;} 166*/ 167</style> 168 169<div class="main19-top"> 170 <div class="main19-contents clearfix"> 171 <ul class="main19-guide clearfix"> 172 <li class="mr-r10"><a href="/guide/guide1.asp"><img src="/images/ko/img-main/main19-guide1-top.png" alt="ì´ì© ê°ì´ë"></a></li> 173 <li><a href="javascript:optView('/make-guide/pg1-10t1.asp?gnb=1&lnb=2', '1300', '820');"><img src="/images/ko/img-main/main19-guide2.png" alt="ì ì ê°ì´ë"></a></li> 174 <li><a href="https://www.booktory.com/eprd/main.asp#youtube_potobook_guide"><img src="/images/ko/img-main/main19-guide4.png" alt="í¬í ë¶ í¸ì§ê¸° ìì ê°ì´ë"></a></li> 175 <li class="mr-l10"><a href="https://expert.booktory.com" target="_blank"><img src="/images/ko/img-main/main19-guide3.png" alt="ë¶í 리Expert"></a></li> 176 </ul> 177 <ul class="main19-menu clearfix"> 178 179 180 181 182 <li id="top_login01" class="main19-menu1"><a href="#" id="btn-login">ë¡ê·¸ì¸</a></li> 183 <li id="top_login02"><a href="/member/join01.asp">íìê°ì </a></li> 184 185 186 187 <li><a href="/mypage/basket.asp">ì¥ë°êµ¬ë</a></li> 188 <li><a href="/mypage/ord-list.asp?pageMain=1&pageSub=1">ëì ë¶í 리</a></li> 189 <li><a href="/cs/cs-main.asp">ê³ ê°ì¼í°</a></li> 190 <li><a href="/cs/event.asp?pageSub=6&be=1">ì´ë²¤í¸</a></li> 191 </ul> 192 </div> 193</div><!-- main19-top end --> 194<div class="main19-top1"> 195 <div class="main19-top-wrap clearfix"> 196 <h1><a href="/"> 197 198 <img src="/images/ko/img-common/logo-main.png" alt="ë¶í 리"> 199 200 </a></h1> 201 <ul class="main19-gnb main19-gnb1 clearfix" id="gnb"> 202 <li> 203 <a href="/prd/prd-main1.asp"><span>ëì</span></a> 204 <div class="main19-sub clearfix"> 205 <div> 206 <ul> 207 <li class="main19-active"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR28">êµì¡êµì¬</a></li> 208 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR10">
208ëì¸ì§</a></li> 209 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR07">매ë´ì¼</a></li> 210 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR03">ë³´ê³ ì/ìë£ì§<span class="main19-spr main19-icon-hot">HOT</span></a></li> 211 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR22">ì í/ë 립ì¶í<span class="main19-spr main19-icon-hot">HOT</span></a></li> 212 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR18">ì°ë³´/ì°ê°</a></li> 213 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR33">ì¨ë²</a></li> 214 </ul> 215 <div class="main19-sub-prd"> 216 <div class="main19-sub-prd1 main19-prd-on"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR28"> 217 <div><img src="/images/ko/img-main/main19-sub1-prd1.jpg" alt=" "></div> 218 <div> 219 <div class="main19-sub-text clearfix"> 220 <div class="main19-sub-text1">êµì¡êµì¬</div> 221 <div class="main19-sub-text2">íì êµì¡ ìë!</div> 222 </div> 223 <div class="main19-sub-text3">êµì¡ ì½í ì¸ ì ë± ë§ë ëë§ì êµì¬ íì</div> 224 </div> 225 </a></div> 226 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR10"> 227 <div><img src="/images/ko/img-main/main19-sub1-prd2.jpg" alt=" "></div> 228 <div> 229 <div class="main19-sub-text clearfix"> 230 <div class="main19-sub-text1">ëì¸ì§</div> 231 <div class="main19-sub-text2">ê¸ì°ê¸° í¨ê» ìì±</div> 232 </div> 233 <div class="main19-sub-text3">ì¬ë¿ì´ ëª¨ì¬ ìì±í ì°ë¦¬ì ì± </div> 234 </div> 235 </a></div> 236 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR07"> 237 <div><img src="/images/ko/img-main/main19-sub1-prd3.jpg" alt=" "></div> 238 <div> 239 <div class="main19-sub-text clearfix"> 240 <div class="main19-sub-text1">매ë´ì¼</div> 241 <div class="main19-sub-text2">ëí ì¼ê¹ì§ ì ëª íê²</div> 242 </div> 243 <div class="main19-sub-text3">ë³µì¡í ë´ì©, ëì± ì기 ì½ê² ë³´ë¤ ìì¸íê²</div> 244 </div> 245 </a></div> 246 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR03"> 247 <div><img src="/images/ko/img-main/main19-sub1-prd4.jpg" alt=" "></div> 248 <div> 249 <div class="main19-sub-text clearfix"> 250 <div class="main19-sub-text1">ë³´ê³ ì/ìë£ì§</div> 251 <div class="main19-sub-text2">ê°ì ë´ì©, ë¤ë¥¸ íê°</div> 252 </div> 253 <div class="main19-sub-text3">í리í°ê° ë¨ë¤ë¥¸ ëì ëë ë³´ê³ ì</div> 254 </div> 255 </a></div> 256 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR22"> 257 <div><img src="/images/ko/img-main/main19-sub1-prd5.jpg" alt=" "></div> 258 <div> 259 <div class="main19-sub-text clearfix"> 260 <div class="main19-sub-text1">ì í/ë 립ì¶í</div> 261 <div class="main19-sub-text2">ëë, ìê°</div> 262 </div> 263 <div class="main19-sub-text3">ì¢ì ê¸ì ë ê°ë¥¼ ë¬ë¤ ì¶í, ìíë ëë¡</div> 264 </div> 265 </a></div> 266 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR18"> 267 <div><img src="/images/ko/img-main/main19-sub1-prd6.jpg" alt=" "></div> 268 <div> 269 <div class="main19-sub-text clearfix"> 270 <div class="main19-sub-text1">ì°ë³´/ì°ê°</div> 271 <div class="main19-sub-text2">기ë¡, 미ëê° ëë¤</div> 272 </div> 273 <div class="main19-sub-text3">ìì¤í 기ë¡ì ìë¡ì´ ê°ì¹ë¡</div> 274 </div> 275 </a></div> 276 <!-- ì¨ë² --> 277 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR33"> 278 <div><img src="/images/ko/img-main/main19-sub4-prd1.jpg" alt=" "></div> 279 <div> 280 <div class="main19-sub-text clearfix"> 281 <div class="main19-sub-text1">ì¨ë²</div> 282 <div class="main19-sub-text2">ì¶ìµ, ì± ì¼ë¡ ë¨ê¸°ë¤</div> 283 </div> 284 <div class="main19-sub-text3">ì¬ì§ê³¼ ì¶ìµì 모ì í¬í ë¶ì¼ë¡ ìì±</div> 285 </div> 286 </a></div> 287 </div> 288 </div> 289 <div> 290 <ul> 291 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR32">ì ìëë¡/ìíì§</a></li> 292 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR21">ì 기ê°í물</a></li> 293 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR08">ì ìì</a></li> 294 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR06">í¬í¸í´ë¦¬ì¤</a></li> 295 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR23">ì¶íëì</a></li> 296 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR09">í¬ë¶/í¬í½</a></li> 297 </ul> 298 <div class="main19-sub-prd"> 299 <!-- ì ìëë¡/ìíì§ --> 300 <div class="main19-sub-prd1"> 301 <a href="/prd/pr_ip.asp?pageMain=3&prcode=PR32"> 302 <div><img src="/images/ko/img-main/main19-sub4-prd2.jpg" alt=" "></div> 303 <div> 304 <div class="main19-sub-text clearfix"> 305 <div class="main19-sub-text1">
305ì ìëë¡/ìíì§</div> 306 <div class="main19-sub-text2">ë´ ìí, í¸ë¥´ê² í¸ë¥´ê²</div> 307 </div> 308 <div class="main19-sub-text3">ë ê° ëì¹ ë¯ í릴 ëì ìí ì± ì¼ë¡ íì</div> 309 </div> 310 </a> 311 </div> 312 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR21"> 313 <div><img src="/images/ko/img-main/main19-sub1-prd7.jpg" alt=" "></div> 314 <div> 315 <div class="main19-sub-text clearfix"> 316 <div class="main19-sub-text1">ì 기ê°í물</div> 317 <div class="main19-sub-text2">ì 기ì ì¼ë¡ ë§ëë ìì</div> 318 </div> 319 <div class="main19-sub-text3">ì¡ì§ë¶í° ì¬ë³´ê¹ì§ ë§ì¡±ë UP</div> 320 </div> 321 </a></div> 322 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR08"> 323 <div><img src="/images/ko/img-main/main19-sub1-prd8.jpg" alt=" "></div> 324 <div> 325 <div class="main19-sub-text clearfix"> 326 <div class="main19-sub-text1">ì ìì</div> 327 <div class="main19-sub-text2">ë¹ì¦ëì¤, ì±ê³µì .</div> 328 </div> 329 <div class="main19-sub-text3">í ê¶ì¼ë¡ ìì±ëë ìë²½í ì¬ì ì ì</div> 330 </div> 331 </a></div> 332 <!-- í¬í¸í¬ë¦¬ì¤ --> 333 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR06"> 334 <div><img src="/images/ko/img-main/main19-sub4-prd3.jpg" alt=" "></div> 335 <div> 336 <div class="main19-sub-text clearfix"> 337 <div class="main19-sub-text1">í¬í¸í´ë¦¬ì¤</div> 338 <div class="main19-sub-text2">ì í, ì·¨ì ì íìí </div> 339 </div> 340 <div class="main19-sub-text3">ëì ê°ì¹ë¥¼ ì¬ë¦¬ë í¼ëë물ì ê²°ì ì²´</div> 341 </div> 342 </a></div> 343 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR23"> 344 <div><img src="/images/ko/img-main/main19-sub1-prd9.jpg" alt=" "></div> 345 <div> 346 <div class="main19-sub-text clearfix"> 347 <div class="main19-sub-text1">ì¶íëì</div> 348 <div class="main19-sub-text2">ë¶ì, ìíë ëë¡</div> 349 </div> 350 <div class="main19-sub-text3">ì¬ê³ ê±±ì ë! íìí ìëë§í¼ 주문íì¸ì.</div> 351 </div> 352 </a></div> 353 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR09"> 354 <div><img src="/images/ko/img-main/main19-sub1-prd10.jpg" alt=" "></div> 355 <div> 356 <div class="main19-sub-text clearfix"> 357 <div class="main19-sub-text1">í¬ë¶/í¬í½</div> 358 <div class="main19-sub-text2">ìµì ì¤í, ìì¥ê°</div> 359 </div> 360 <div class="main19-sub-text3">ì¸ìì íëë¿ì¸ ì¤í êµ¿ì¦ ìì±</div> 361 </div> 362 </a></div> 363 364 </div> 365 </div> 366 <div> 367 <ul> 368 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR25">íêµìë/ììì§</a></li> 369 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR26">íê¸ë¬¸ì§ 370 371 </a> 372 </li> 373 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR24">íê¸ì 문</a></li> 374 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR27">íìµë ¸í¸</a></li> 375 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR29">íìêµì¬<span class="main19-spr main19-icon-hot">HOT</span></a></li> 376 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR20">ííì§/íì ì§</a></li> 377 </ul> 378 <div class="main19-sub-prd"> 379 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR25"> 380 <div><img src="/images/ko/img-main/main19-sub1-prd11.jpg" alt=" "></div> 381 <div> 382 <div class="main19-sub-text clearfix"> 383 <div class="main19-sub-text1">íêµìë/ììì§</div> 384 <div class="main19-sub-text2">ììì ë´ë¤</div> 385 </div> 386 <div class="main19-sub-text3">ë¤ìí ì 보를 ë´ì ì°ë¦¬íêµ ìì</div> 387 </div> 388 </a></div> 389 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR26"> 390 <div> 391 392 <img src="/images/ko/img-main/main26-sub1-prd12_awards.png" alt="íê¸ë¬¸ì§ì´ìì¦"> 393 394 </div> 395 <div> 396 <div class="main19-sub-text clearfix"> 397 <div class="main19-sub-text1">íê¸ë¬¸ì§</div> 398 <div class="main19-sub-text2">ì°ë¦¬ë° 1ë ì 기ë¡</div> 399 </div> 400 <div class="main19-sub-text3">과거, íì¬, 미ëê° ë´ê¸´ ì°ë¦¬ì ì´ì¼ê¸°</div> 401 </div> 402 </a></div> 403 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR24"> 404 <div><img src="/images/ko/img-main/main19-sub1-prd13.jpg" alt=" "></div> 405 <div> 406 <div class="main19-sub-text clearfix"> 407 <div class="main19-sub-text1">íê¸ì 문</div> 408 <div class="main19-sub-text2">í±ë´ì¤ë ëì ê²</div> 409 </div> 410 <div class="main19-sub-text3">ì§ì ì°ê³ ì°ê³ ë§ë³´ë ì°ë¦¬ë° ì 문ìì±</div> 411 </div> 412 </a></div> 413 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR27"> 414 <div><img src="/images/ko/img-main/main19-sub1-prd14.jpg" alt=" "></div> 415 <div> 416 <div class="main19-sub-text clearfix"> 417 <div class="main19-sub-text1">íìµë ¸í¸</div> 418 <div class="main19-sub-text2">1ë±ì ê³µë¶ ë ¸íì°</div> 419 </div> 420 <div class="main19-sub-text3">ë´ ê²ì¼ë¡ ë§ëë ê°ì¥ ì¢ì êµì¡ ìíì </div> 421 </div> 422 </a></div> 423 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR29"> 424 <div><img src="/images/ko/img-main/main19-sub1-prd15.jpg" alt=" "></div> 425 <div> 426 <div class="main19-sub-text clearfix"> 427 <div class="main19-sub-text1">íìêµì¬</div> 428 <div class="main19-sub-text2">ì¤íê°ì¬ì íìí </div> 429 </div> 430 <div class="main19-sub-text3">êµì¡ ë ¸íì°ê° ë´ê¸´ ëë§ì ë¹ë²ì</div> 431 </div> 432 </a></div> 433 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR20"> 434 <div><img src="/images/ko/img-main/main19-sub1-prd16.jpg" alt=" "></div> 435 <div> 436 <div class="main19-sub-text clearfix"> 437 <div class="main19-sub-text1">ííì§/íì ì§</div> 438 <div class="main19-sub-text2">ì°ë¦¬ ííì ì¼êµ´</div> 439 </div> 440 <div class="main19-sub-text3">ìë²½í í¸ì§ ê·¸ë¦¬ê³ ì¸ì êµìëê» ë¯¸ì를 ì 물íì¸ì</div> 441 </div> 442 </a></div> 443 </div> 444 </div> 445 </div> 446 </li> 447 <li> 448 <a href="/prd/prd-main2.asp"><span>íìë ¼ë¬¸</span></a> 449 <div class="main19-sub clearfix"> 450 <div> 451 <ul> 452 <li class="main19-active"><a href="/prd/pr_hp.asp?pageMain=2&prcode=PR35">íìë ¼ë¬¸<span class="main19-spr main19-icon-best">BEST</span></a></li> 453 </ul> 454 <div class="main19-sub-prd"> 455 <div class="main19-sub-prd1 main19-prd-on"><a href="/prd/pr_hp.asp?pageMain=2&prcode=PR35"> 456 <div><img src="/images/ko/img-main/main19-sub2-prd1.jpg" alt=" "></div> 457 <div> 458 <div class="main19-sub-text clearfix"> 459 <div class="main19-sub-text1">íìë ¼ë¬¸</div> 460 <div class="main19-sub-text2">êµê°ëí ë ¼ë¬¸ì¸ì</div> 461 </div> 462 <div class="main19-sub-text3">ëíë¯¼êµ No. 1 ë°ë¼ì¬ ì ìë ì¸ì í리í°</div> 463 </div> 464 </a></div> 465 </div> 466 </div> 467 <div> 468 <ul> 469 <li><a href="/prd/translation.asp">ì문ì´ë¡<span class="main19-spr main19-icon-hot">HOT</span></a></li> 470 </ul> 471 <div class="main19-sub-prd"> 472 <div class="main19-sub-prd1"><a href="/prd/translation.asp?pageMain=2"> 473 <div><img src="/images/ko/img-main/main19-sub2-prd2.jpg" alt=" "></div> 474 <div> 475 <div class="main19-sub-text clearfix"> 476 <div class="main19-sub-text1">ì문ì´ë¡</div> 477 <div class="main19-sub-text2">í ì¤ ìì½, ì½ê²</div> 478 </div> 479 <div class="main19-sub-text3">ìì±ë ëì ì 문ê°ì ë²ì</div> 480 </div> 481 </a></div> 482 </div> 483 </div> 484 </div> 485 </li> 486 <li> 487 <a href="/prd/prd-main3.asp"><span>í보물</span></a> 488 <div class="main19-sub clearfix"> 489 <div> 490 <ul> 491 <li class="main19-active"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR14">리íë /ííë </a></li> 492 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR16">ì§ëª ì</a></li> 493 </ul> 494 <div class="main19-sub-prd"> 495 <div class="main19-sub-prd1 main19-prd-on"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR14"> 496 <div><img src="/images/ko/img-main/main19-sub3-prd1.jpg" alt=" "></div> 497 <div> 498 <div class="main19-sub-text clearfix"> 499 <div class="main19-sub-text1">리íë /ííë </div> 500 <div class="main19-sub-text2">í보물 ê°íì¤í</div> 501 </div> 502 <div class="main19-sub-text3">ê°í ì¸ìì ë¨ê²¨ì£¼ë 1ë± í보물</div> 503 </div> 504 </a></div> 505 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR16"> 506 <div><img src="/images/ko/img-main/main19-sub3-prd2.jpg" alt=" "></div> 507 <div> 508 <div class="main19-sub-text clearfix"> 509 <div class="main19-sub-text1">ì§ëª ì</div> 510 <div class="main19-sub-text2">íì¬ ì 뢰ëë ìì¹ ì¤</div> 511 </div> 512 <div class="main19-sub-text3">ì§ì§ìë íë¤ë¦¬ì§ ìì 믿ìê³¼ ì 뢰 200%</div> 513 </div> 514 </a></div> 515 </div> 516 </div> 517 <div> 518 <ul> 519 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR12">ì¹´íë¡ê·¸/ë¸ë¡ìì´</a></li> 520 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR36">ìºë¦°ë(벽걸ì´)</a></li> 521 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR15">ìºë¦°ë(íìì©)</a></li> 522 </ul> 523 <div class="main19-sub-prd"> 524 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR12"> 525 <div><img src="/images/ko/img-main/main19-sub3-prd3.jpg" alt=" "></div> 526 <div> 527 <div class="main19-sub-text clearfix"> 528 <div class="main19-sub-text1">ì¹´íë¡ê·¸/ë¸ë¡ìì´</div> 529 <div class="main19-sub-text2">ìµì ë¹ì©, ìµë í¨ê³¼</div> 530 </div> 531 <div class="main19-sub-text3">ì ë§ë ì¹´íë¡ê·¸ íì¬ì ê°ì¹ë¥¼ ëì´ë¤</div> 532 </div> 533 </a></div> 534 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR36"> 535 <div>
535<img src="/images/ko/img-main/main19-sub3-prd4.jpg" alt=" "></div> 536 <div> 537 <div class="main19-sub-text clearfix"> 538 <div class="main19-sub-text1">ìºë¦°ë(벽걸ì´)</div> 539 <div class="main19-sub-text2">ë²½ì´ ìë¦ë¤ìì§ë ìê°</div> 540 </div> 541 <div class="main19-sub-text3">ì¬ííê², ëë¡ë íì¬íê² 365ì¼ì ì 물íì¸ì</div> 542 </div> 543 </a></div> 544 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR15"> 545 <div><img src="/images/ko/img-main/main19-sub3-prd5.jpg" alt=" "></div> 546 <div> 547 <div class="main19-sub-text clearfix"> 548 <div class="main19-sub-text1">ìºë¦°ë(íìì©)</div> 549 <div class="main19-sub-text2">ì± ì ìì ìì ì¤ì¼ì¤</div> 550 </div> 551 <div class="main19-sub-text3">ëìì¸ê³¼ ê¸°ë¥ ëª¨ë ë§ì¡± ê°ë¦¼ì©ì ë¤</div> 552 </div> 553 </a></div> 554 </div> 555 </div> 556 <div> 557 <ul> 558 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR17">íì¬ìê°ì</a></li> 559 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR13">í¬ì¤í°</a></li> 560 </ul> 561 <div class="main19-sub-prd"> 562 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR17"> 563 <div><img src="/images/ko/img-main/main19-sub3-prd6.jpg" alt=" "></div> 564 <div> 565 <div class="main19-sub-text clearfix"> 566 <div class="main19-sub-text1">íì¬ìê°ì</div> 567 <div class="main19-sub-text2">ì°ë¦¬íì¬ ì²« ì¸ì</div> 568 </div> 569 <div class="main19-sub-text3">ì½ê² ìíì§ì§ ìë ìì±ë ëì ìê°ì</div> 570 </div> 571 </a></div> 572 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR13"> 573 <div><img src="/images/ko/img-main/main19-sub3-prd7.jpg" alt=" "></div> 574 <div> 575 <div class="main19-sub-text clearfix"> 576 <div class="main19-sub-text1">í¬ì¤í°</div> 577 <div class="main19-sub-text2">íë³´ë ëì ê²</div> 578 </div> 579 <div class="main19-sub-text3">ì¸ì , ì´ëìë 주목 ë°ë ìì´í </div> 580 </div> 581 </a></div> 582 </div> 583 </div> 584 </div> 585 </li> 586 <li class="cld_new"> 587 <a href="/eprd/main.asp"><span>í¬í ë¶</span><div class="icon_new"><img src="/images/ko/img-main/icon_cldhot.gif"></div></a> 588 <div class="main19-sub clearfix" style="left: 108%;"> 589 590 <div class="photo_self"> 591 <a class="video-guide" href="https://www.youtube.com/watch?v=fpDq2kObNj4" target="_blank"><img src="/images/ko/img-main/videoPlay.png" alt=""> í¸ì§ ìì ê°ì´ë</a> 592 <p class="eprdtitle">ì§ì ë§ë¤ê¸°</p> 593 <a href="/eprd/prd1.asp"><img src="/images/ko/img-main/gnb_sub1.png" alt="ì§ì ë§ë¤ê¸°"> 594 <p class="photo_self_t1">ìëí°ë¡ì§ì 꾸며ì ë§ë¤ì´ë³´ì¸ì!</p></a> 595 </div> 596 <div class="photo_booktoyd"> 597 <p class="eprdtitle">ë¶í 리 ëìì¸ <a href="/eprd/design.asp">ï½ ëìì¸ ì 체보기</a></p> 598 <table class="gnb_sub_table2023"> 599 <tr> 600 <td><a href="/eprd/design.asp?prcode=PR40"><img src="/images/ko/img-main/gnb_sub2.png" alt="íê¸ë¬¸ì§" class="fl pad-right10"> 601 <p class="photo_booktoyd_t1">íê¸ë¬¸ì§</p> 602 <p class="photo_booktoyd_t2">ì°ë¦¬ë° 1ë ì 기ë¡</p> 603 <p class="photo_booktoyd_t3">과거, íì¬, 미ëê° ë´ê¸´ <br />ì°ë¦¬ì ì´ì¼ê¸°</p></a></td> 604 <td><a href="/eprd/design.asp?prcode=PR41"><img src="/images/ko/img-main/gnb_sub3.png" alt="íê¸ì¨ë²" class="fl pad-right10"> 605 <p class="photo_booktoyd_t1">íê¸ì¨ë²</p> 606 <p class="photo_booktoyd_t2">ì°ë¦¬ë° ì¶ìµì 기ë¡</p> 607 <p class="photo_booktoyd_t3">ì°ë¦¬ê° 1ë ì í¨ê»í ì¬ì§ì <br />ì¨ë²ì¼ë¡ ë¨ê¸°ê¸°</p></a></td> 608 </tr> 609 <tr> 610 <td><a href="/eprd/design.asp?prcode=PR42"><img src="/images/ko/img-main/gnb_sub4.png" alt="ë°ì¼ë¦¬" class="fl pad-right10"> 611 <p class="photo_booktoyd_t1">ë°ì¼ë¦¬</p> 612 <p class="photo_booktoyd_t2">ì¬ë, 취미, ì°ì , <br />ì¬íì 기ë¡</p> 613 <p class="photo_booktoyd_t3">ììí í루ì ì¼ì</p></a></td> 614 <td><a href="/eprd/design.asp?prcode=PR43"><img src="/images/ko/img-main/gnb_sub5.png" alt="ìº í¼ì¤" class="fl pad-right10"> 615 <p class="photo_booktoyd_t1">ìº í¼ì¤</p> 616 <p class="photo_booktoyd_t2">ì²ì¶ì í íì´ì§ë¥¼ 기ë¡</p> 617 <p class="photo_booktoyd_t3">ì¬ì§ê³¼ ì¶ìµì 모ì <br />í¬í ë¶ì¼ë¡ ìì±</p></a></td> 618 </tr> 619 </table> 620 </div> 621 </div> 622 623 <!-- <div class="main19-sub clearfix"> 624 <div> 625 <ul> 626 <li class="main19-active"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR33">ì¨ë²</a></li> 627 </ul> 628 <div class="main19-sub-prd"> 629 <div class="main19-sub-prd1 main19-prd-on"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR33"> 630 <div><img src="/images/ko/img-main/main19-sub4-prd1.jpg" alt=" "></div> 631 <div> 632 <div class="main19-sub-text clearfix"> 633 <div class="main19-sub-text1">ì¨ë²</div> 634 <div class="main19-sub-text2">ì¶ìµ, ì± ì¼ë¡ ë¨ê¸°ë¤</div> 635 </div> 636 <div class="main19-sub-text3">ì¬ì§ê³¼ ì¶ìµì 모ì í¬í ë¶ì¼ë¡ ìì±</div> 637 </div> 638 </a></div> 639 </div> 640 </div> 641 <div> 642 <ul> 643 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR32">ì ìëë¡/ìíì§<span class="main19-spr main19-icon-best">BEST</span></a></li> 644 </ul> 645 <div class="main19-sub-prd"> 646 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR32"> 647 <div><img src="/images/ko/img-main/main19-sub4-prd2.jpg" alt=" "></div> 648 <div> 649 <div class="main19-sub-text clearfix"> 650 <div class="main19-sub-text1">
650ì ìëë¡/ìíì§</div> 651 <div class="main19-sub-text2">ë´ ìí, í¸ë¥´ê² í¸ë¥´ê²</div> 652 </div> 653 <div class="main19-sub-text3">ë ê° ëì¹ ë¯ í릴 ëì ìí ì± ì¼ë¡ íì</div> 654 </div> 655 </a></div> 656 </div> 657 </div> 658 <div> 659 <ul> 660 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR06">í¬í¸í´ë¦¬ì¤</a></li> 661 </ul> 662 <div class="main19-sub-prd"> 663 <div class="main19-sub-prd1"><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR06"> 664 <div><img src="/images/ko/img-main/main19-sub4-prd3.jpg" alt=" "></div> 665 <div> 666 <div class="main19-sub-text clearfix"> 667 <div class="main19-sub-text1">í¬í¸í´ë¦¬ì¤</div> 668 <div class="main19-sub-text2">ì í, ì·¨ì ì íìí </div> 669 </div> 670 <div class="main19-sub-text3">ëì ê°ì¹ë¥¼ ì¬ë¦¬ë í¼ëë물ì ê²°ì ì²´</div> 671 </div> 672 </a></div> 673 </div> 674 </div> 675 676 </div> --> 677 </li> 678 679 <li> 680 <a href="/calendar"><span>ëëìºë¦°ë</span></a> 681 </li> 682 683 </ul> 684 <!-- <div class="main19-custom"><a href="/customOrd/customOrd.asp"><img src="/images/ko/img-main/main19-custom.png" alt="ë§ì¶¤ì¸ì"></a></div> --> 685 <ul class="main22-custom clearfix"> 686 <li><a href="/customOrd/customOrd.asp"><img src="/images/ko/img-main/main-menu2.png" alt="ë§ì¶¤ì¸ì"></a></li> 687 <li><a href="/customOrd/customOrd1.asp?prcode=PR30"><img src="/images/ko/img-main/main-menu.png" alt="Digital ìë견ì "></a></li> 688 <li class="main22-custom1"> 689 <a href="/customOrd/customOrd3-cover.asp"><img src="/images/ko/img-main/main-menu1.png" alt="Offset ëë견ì "></a> 690 691 </li> 692 </ul> 693 <div class="main19-right clearfix"> 694 <!-- <div class="main19-search"> 695 <a href="#"><span class="main19-icon"></span></a> 696 <div class="global-search-content"> 697 <form name="form_topsearch" method="post"> 698 <div class="global-search-in"> 699 <a href="#" class="ir search-close" id="global-search">ë«ê¸°</a> 700 <label for="sch_text"> 701 <span>íµí©ê²ì</span> 702 <input type="search" name="sch_text" id="sch_text" class="w300" placeholder="ê²ìì´" onKeyDown="javascript:if (event.keyCode==13) {doSearch();return false;}"> 703 <button type="button" class="btn btn-gray no-radius" onclick="doSearch();">ê²ì</button> 704 </label> 705 </div> 706 </form> 707 </div> 708 </div> --> 709 <div class="main19-allmenu"><a href="#"><span class="main19-icon1"></span></a></div> 710 </div> 711 </div><!-- main19-top-wrap end --> 712</div> 713<div id="login-page"> 714 715<!-- Jquery --> 716 717<!-- Jquery cookie-->
718<script type="text/javascript" charset="utf-8" src="../js/naver_login/jquery.cookie.js"></script>
718 719<!-- Javascript SDK -->
720<script type="text/javascript" charset="utf-8" src="../js/naver_login/naveridlogin_js_sdk_2.0.0.js"></script>
vendor: 2 bytes, line 720
720
721<script type="text/javascript" src="../js/member.js?ver=20190801"></script>
vendor: 2 bytes, line 721
721
722<script> 723$(document).ready(function(){ 724 725 var gubun = $('.login-type:checked').val(); 726 if (gubun == "booktory"){ 727 $("#booktory_div").show(); 728 $("#naver_div").hide(); 729 $("#nomem_div").hide(); 730 }else if (gubun == "naver"){ 731 $("#booktory_div").hide(); 732 $("#naver_div").show(); 733 $("#nomem_div").hide(); 734 }else if (gubun == "non_member"){ 735 $("#booktory_div").hide(); 736 $("#naver_div").hide(); 737 $("#nomem_div").show(); 738 } 739 740 $('input[name="login-type"]').on('click', function(){ 741 var gubun = $('.login-type:checked').val(); 742 if (gubun == "booktory"){ 743 $("#booktory_div").show(); 744 $("#naver_div").hide(); 745 $("#nomem_div").hide(); 746 }else if (gubun == "naver"){ 747 $("#booktory_div").hide(); 748 $("#naver_div").show(); 749 $("#nomem_div").hide(); 750 }else if (gubun == "non_member"){ 751 $("#booktory_div").hide(); 752 $("#naver_div").hide(); 753 $("#nomem_div").show(); 754 } 755 }); 756}); 757</script>
757 758 759<div class="login-container posr" id="view_login_pop"> 760 <h2 class="layer-title1">ë¡ê·¸ì¸</h2> 761 <a class="layer-close" href="#">ë«í</a> 762 <div class="container-in1"> 763 <p class="row20 grp-form"> 764 <input type="radio" name="login-type" class="login-type" id="tp-booktory" value="booktory" checked><label for="tp-booktory">ë¶í 리 ìì´ëë¡ ë¡ê·¸ì¸</label> 765 <input type="radio" name="login-type" class="login-type" id="tp-naver" value="naver"><label for="tp-naver">ë¤ì´ë² ìì´ëë¡ ë¡ê·¸ì¸</label> 766 <!--<input type="radio" name="login-type" class="login-type" id="tp-non" value="non_member"><label for="tp-non">ë¹íì ë¡ê·¸ì¸</label>--> 767 </p> 768 769 <!-- ë¶í 리 ë¡ê·¸ì¸ --> 770 <div id="booktory_div"> 771 <form name="frm" method="post"> 772 773 <input type="hidden" name="gb_cate" id="gb_cate" value="B"> 774 <input type="hidden" name="login_url" id="login_url" value="https://booktory.com/cs/contact.asp?"> 775 <input type="hidden" name="login_loc" id="login_loc" value="CS"> 776 <input type="hidden" name="sub_loc" id="sub_loc" value=""> 777 <input type="hidden" name="dor_chk" id="dor_chk" value="0"> 778 779 <div class="login-form clearfix"> 780 <ul> 781 <li> 782 <input type="text" class="w100per" name="login_id" id="login_id" placeholder="ìì´ë" title="ìì´ë" 783 onKeyDown="javascript:if (event.keyCode==13) {login();return false;}"> 784 </li> 785 <li><input type="password" name="login_pwd" id="login_pwd" autocomplete="off" class="w100per" placeholder="ë¹ë°ë²í¸" title="ë¹ë°ë²í¸" onKeyDown="javascript:if (event.keyCode==13) {login();return false;}"></li> 786 </ul> 787 <div> 788 <button type="button" class="btn btn-main btn-large" onclick="login();">ë¡ê·¸ì¸</button> 789 </div> 790 </div> 791 <p class="login-form"><input type="checkbox" id="saveID" name="saveID" value="Y" ><label for="saveID"> ID ì ì¥í기</label></p> 792 </form> 793 <hr class="line-gray row20"></hr> 794 <div class="grp-form text-center row20"> 795 <button type="button" class="btn btn-bd-gray btn-small" onclick="location.href='/member/join01.asp';">íìê°ì </button> 796 <button type="button" class="btn btn-bd-gray btn-small" onclick="location.href='/member/find-id.asp';">ìì´ë 찾기</button> 797 <button type="button" class="btn btn-bd-gray btn-small" onclick="location.href='/member/find-pw.asp';">ë¹ë°ë²í¸ 찾기</button>
798 </div> 799 </div> 800 801
802<script> 803 804 function login() 805 { 806 var f = document.frm; 807 var login_id = $("#login_id").val(); 808 var login_pwd = $("#login_pwd").val(); 809 var login_url = $("#login_url").val(); 810 var login_loc = $("#login_loc").val(); 811 var sub_loc = $("#sub_loc").val(); 812 813 if ( $("#login_id").val() == "" ){ 814 alert("ìì´ë를 ì ë ¥í´ì£¼ììì¤."); 815 $("#login_id").focus(); 816 return; 817 } 818 819 if ( $("#login_pwd").val() == "" ) 820 { 821 alert("ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ììì¤."); 822 $("#login_pwd").focus(); 823 return; 824 } 825 826 var form_data = { 827 login_id: $("#login_id").val(), 828 login_pwd: $("#login_pwd").val(), 829 gb_cate: "B", 830 dor_chk: $("#dor_chk").val(), 831 saveID:$(':checkbox[name="saveID"]:checked').val() 832 }; 833 834 $.ajax({ 835 type : "post", 836 url : "../member/login_ok.asp", 837 data : form_data, 838 async : false, 839 success : function(data){ 840 841 arrData = data.split("|"); 842 843 login_status = arrData[0]; 844 login_gubun = arrData[1]; 845 login_key = arrData[2]; 846 login_id = arrData[3]; 847 848 if( login_status == '0' ) { 849 alert("ì¼ì¹íë ê³ì ì ë³´ê° ììµëë¤."); 850 return; 851 }else if ( login_status == '1' ){ 852 alert("ë¹ë°ë²í¸ê° ì¼ì¹íì§ ììµëë¤."); 853 return; 854 }else if ( login_status == '2' ){ 855 856 //console.log('login_loc : ' + login_loc ); 857 //console.log('sub_loc : ' + sub_loc ); 858 859 $('#aside_id').val(login_id); 860 861 if (login_loc == "IP" || login_loc == "HP" || login_loc == "OS" || login_loc == "PE" || login_loc == "EVENT" ) 862 { 863 document.form_main.user_idx.value = login_key; 864 document.form_main.user_ldiv.value = login_gubun; 865 document.form_main.user_id.value = login_id; 866 867 $('#login_data01').html(login_id); 868 $('#login_data02').html('<button type="button" class="btn btn-dkgray btn-mini" onclick="logout();">ë¡ê·¸ìì</button> '); 869 $('#top_login').html('<a href="#" id="btn-login">ë¡ê·¸ì¸</a>'); 870 871 //ë§ì¶¤ ìíììë§ ì ìì¬ì ì¤ì 872 if (sub_loc == "CUSTOM") 873 { 874 if (login_loc == "OS"){ 875 $('#view_temp_button1, #view_temp_button2, #view_temp_button3, #view_temp_button4, #view_temp_button5').html('<button type="button" class="btn btn-bd-gray-blue btn-small my-save" onclick="myPopSaveTemp();">ëì ì ìì¬ì</button> <button type="button" class="btn btn-bd-gray-blue btn-small" onclick="popSaveTemp();">ì ìì¬ìì ì¥</button>'); 876 }else{ 877 $('#view_temp_button1, #view_temp_button2, #view_temp_button3, #view_temp_button4, #view_temp_button5').html('<button type="button" class="btn btn-bd-gray-blue btn-small" onclick="popSaveTemp();">ì ìì¬ìì ì¥</button>'); 878 879 applyList(login_loc); 880 } 881 882 $('.opt-save > button').basicModal({ 883 'mod_layer': '#opt-save-page', 884 'btn_close': '#opt-save-page .layer-close' 885 }) 886 887 }else{ 888 $('#top_login01').html('<a href="#">' + login_id + '</a>'); 889 $('#top_login02').html('<a href="../member/log_out.asp" id="btn-logout">ë¡ê·¸ìì</a>'); 890 $('#login_data01').html(login_id); 891 $('#login_data02').html('<button type="button" class="btn btn-dkgray btn-mini">ë¡ê·¸ìì</button> '); 892 } 893 894 }else if (login_loc == "TR"){ 895 896 document.form_trans.user_idx.value = login_key; 897 document.form_trans.user_ldiv.value = login_gubun; 898 document.form_trans.user_id.value = login_id; 899 900 $('#top_login01').html('<a href="#">' + login_id + '</a>'); 901 $('#top_login02').html('<a href="../member/log_out.asp" id="btn-logout">ë¡ê·¸ìì</a>'); 902 $('#login_data01').html(login_id); 903 $('#login_data02').html('<button type="button" class="btn btn-dkgray btn-mini">ë¡ê·¸ìì</button> '); 904 905 }else if (login_loc == "CS"){ 906 907 if(login_url.indexOf("event-view") != -1) { 908 location.href = login_url; 909 }else{ 910 $('#nav_left_counsel').html('<a href="/cs/onCouns.asp?pageSub=4" >1:1 ìë´</a>'); 911 912 $('#top_login01').html('<a href="#">
912' + login_id + '</a>'); 913 $('#top_login02').html('<a href="../member/log_out.asp" id="btn-logout">ë¡ê·¸ìì</a>'); 914 $('#login_data01').html(login_id); 915 $('#login_data02').html('<button type="button" class="btn btn-dkgray btn-mini">ë¡ê·¸ìì</button> '); 916 } 917 }else{ 918 919 $('#top_login01').html('<a href="#">' + login_id + '</a>'); 920 $('#top_login02').html('<a href="../member/log_out.asp" id="btn-logout">ë¡ê·¸ìì</a>'); 921 $('#login_data01').html(login_id); 922 $('#login_data02').html('<button type="button" class="btn btn-dkgray btn-mini">ë¡ê·¸ìì</button> '); 923 } 924 925 $('#login-page').hide(); 926 $('.over-dim-layer').fadeOut(500); 927 928 }else if (login_status == '3' ){ 929 alert("ì´ë©ì¼ ì¸ì¦ í ì´ì©ê°ë¥ í©ëë¤.\nì´ë©ì¼ì íì¸í´ 주ì¸ì."); 930 // í´ë©´ ê³ì 931 } else if ( login_status == '4' ) { 932 933 /* í´ë©´íì íì */ 934 //$(".btn-main").on("click", function(){ 935 $(".login-du").fadeIn(); 936 //}); 937 938 $(".layer-close, .over-dim-layer").on("click", function(){ 939 $(".login-du").hide(); 940 // location.href = "../member/log_out.asp"; 941 }); 942 } 943 }, 944 error : function(e){ 945 alert("Error"); 946 } 947 }); 948 //return; 949 } 950 951 function close_du() { 952 $(".login-du").hide(); 953 // location.href = "../member/log_out.asp"; 954 } 955 956 function dor_termination() { 957 958 var f = document.frm; 959 960 alert("í´ë©´ í´ì ëììµëë¤.\në³´ìì ìí´ íìì ë³´ ìì íì´ì§ë¡ ì´ëí©ëë¤."); 961 f.dor_chk.value = "1"; 962 963 login(); 964 location.href="/mypage/myinfo.asp"; 965 } 966</script>
966 967 968<!-- ë¤ì´ë² íìë¡ê·¸ì¸ --> 969<div id="naver_div"> 970 <div id="naverIdLogin" class="login-form text-center"></div><br> 971 <div class="login-form text-center"> 972 ë¤ì´ë² íìì´ìë©´ ë³ë íìê°ì ìì´ <br> 973 ë¤ì´ë² ë¡ê·¸ì¸ì¼ë¡ ë¶í 리 ìë¹ì¤ë¥¼ ì´ì©íì¤ ì ììµëë¤. 974</div> 975<!-- <p class="text-center pad"> --> 976 977 978<!-- </p> --> 979</div> 980 981 <!-- ë¹íì ë¡ê·¸ì¸ --> 982 <div id="nomem_div"> 983 <p class="text-center fs-small1 row10">â» ë¹íì 구매 ì ì ë ¥íë 구매ìëª / ë¹ë°ë²í¸ / ì°ë½ì²ë¡ ë¡ê·¸ì¸í´ì£¼ì¸ì.</p> 984 <form name="frm_nomem" method="post"> 985 <input type="hidden" name="gb_cate" value="NONE"> 986 <div class="non-member clearfix"> 987 <ul> 988 <li><label for="">구매ìëª </label><input type="text" ></li> 989 <li><label for="tel-num">ì°ë½ì²</label><input type="text" class="s-int first" maxlength="4"> 990 <input type="text" class="s-int" maxlength="4"> 991 <input type="text" class="s-int" maxlength="4"> 992 </li> 993 <li><label for="">ê²°ì ë¹ë°ë²í¸</label><input type="text" class="" id="nomem_pwd" name="nomem_pwd"></li> 994 </ul> 995 <div> 996 <button type="button" class="btn btn-main btn-large" onclick="nomem_chk();">ë¡ê·¸ì¸</button> 997 </div> 998 </div> 999 </form> 1000 <hr class="line-gray row20"></hr> 1001 <div class="grp-form text-center row20"> 1002 <button type="button" class="btn btn-bd-gray btn-small" onclick="location.href='../member/join01.asp';">íìê°ì </button>
1003 </div> 1004 </div> 1005 <!-- //ë¹íì ë¡ê·¸ì¸ --> 1006 1007 <!-- ë°°ë --> 1008 <!-- <div> 1009 <img src="http://placehold.it/500x100" alt="1"> 1010 </div> --> 1011 </div> 1012</div> 1013 1014 1015 1016<!-- í´ë©´ íì¸ --> 1017<div class="login-du"> 1018 <div class="modal-fix-default"> 1019 <div class="layer-close">ë«í</div> 1020 <h5 class="layer-title2">í´ë©´ í´ì </h5> 1021 <div class="login-du1"> 1022 <div class="row20"> 1023 <div class="row10">íìëì ê³ì ì 1ë ì´ì ë¡ê·¸ì¸íì§ ìì<br>í´ë©´ ìíë¡ ì íëììµëë¤.</div> 1024 <div>ë¶í 리를 ë¤ì ì´ì©íìë ¤ë©´ [í´ë©´ í´ì ]를 ë르ì í<br>ë³´ìì ìí´ ë¹ë°ë²í¸ ë³ê²½ í ì´ì©í´ì£¼ì기 ë°ëëë¤.</div> 1025 </div> 1026 <div class="text-center"> 1027 <!-- ì·¨ì ë²í¼ --> 1028 <button type="button" class="btn btn-dkgray" onclick="close_du()">ì·¨ì</button> 1029 <!-- í´ë©´ í´ì ë²í¼ --> 1030 <button type="button" class="btn btn-gray" onclick="dor_termination()">í´ë©´ í´ì </button> 1031 </div> 1032 </div> 1033 </div> 1034 <div class="over-dim-layer"></div> 1035</div> 1036 1037 1038<!-- ë¤ì´ë²ìëëë¡ë¡ê·¸ì¸ ì´ê¸°í Script -->
1039<script type="text/javascript"> 1040 window.name = "naver_login"; 1041 var naverLogin = new naver.LoginWithNaverId( 1042 { 1043 clientId: "zQOtWdWGaQDS8wR5_Xz_", 1044 callbackUrl: "https://booktory.com/member/naver_login.asp", 1045 isPopup: true, /* íì ì íµí ì°ëì²ë¦¬ ì¬ë¶ */ 1046 loginButton: {color: "green", type: 3, height: 10} /* ë¡ê·¸ì¸ ë²í¼ì íì ì ì§ì */ 1047 } 1048 ); 1049 1050 /* ì¤ì ì 보를 ì´ê¸°ííê³ ì°ëì ì¤ë¹ */ 1051 naverLogin.init(); 1052 1053</script>
1053 1054<!-- // ë¤ì´ë²ìì´ëë¡ë¡ê·¸ì¸ ì´ê¸°í Script --> 1055</div> 1056<div class="main19-dim"></div> 1057<!-- ì ì²´ë©ë´ í¸ì¶ --> 1058 <!--ì¤íì íë커ë²ì¤í í´í--> 1059 1060 1061 <!-- //ì¤íì íë커ë²ì¤í í´í--> 1062<div id="all-gnb"> 1063 <div class="all-gnb-layer"> 1064 <h3><img src="/images/ko/img-common/menu-all-tit.png" alt="ì ì²´ë©ë´"></h3> 1065 <div class="all-gnb-menus-container"> 1066 <ul class="all-gnb-menus clearfix"> 1067 <li> 1068 <h4>ëìì¸ì/ì 본</h4> 1069 <ul class="all-gnb-sub first-menu"> 1070 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR28">êµì¡êµì¬</a></li> 1071 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR10">ëì¸ì§</a></li> 1072 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR07">매ë´ì¼</a></li> 1073 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR03">ë³´ê³ ì/ìë£ì§</a></li> 1074 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR22">ì í/ë 립ì¶í</a></li> 1075 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR18">ì°ë³´/ì°ê°</a></li> 1076 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR33">ì¨ë²</a></li> 1077 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR32">ì ìëë¡/ìíì§</a></li> 1078 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR21">ì 기ê°í물</a></li> 1079 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR08">ì ìì</a></li> 1080 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR23">ì¶íëì</a></li> 1081 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR06">í¬í¸í´ë¦¬ì¤</a></li> 1082 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR09">í¬ë¶/í¬í½</a></li> 1083 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR25">íêµìë/ììì§</a></li> 1084 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR26">íê¸ë¬¸ì§</a></li> 1085 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR24">íê¸ì 문</a></li> 1086 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR27">íìµë ¸í¸</a></li> 1087 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR29">íìêµì¬</a></li> 1088 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR20">ííì§/íì ì§</a></li> 1089 </ul> 1090 </li> 1091 <li> 1092 <h4>íìë ¼ë¬¸</h4> 1093 <ul class="all-gnb-sub"> 1094 <li><a href="/prd/pr_hp.asp?pageMain=2&prcode=PR35">íìë ¼ë¬¸</a></li> 1095 <li><a href="/prd/translation.asp">ì문ì´ë¡</a></li> 1096 </ul> 1097 </li> 1098 <li> 1099 <h4>í보물</h4> 1100 <ul class="all-gnb-sub"> 1101 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR14">리íë /ííë </a></li> 1102 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR16">ì§ëª ì</a></li> 1103 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR12">ì¹´íë¡ê·¸/ë¸ë¡ìì´</a></li> 1104 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR36">ìºë¦°ë(벽걸ì´)</a></li> 1105 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR15">ìºë¦°ë(íìì©)</a></li> 1106 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR17">íì¬ìê°ì</a></li> 1107 <li><a href="/prd/pr_ip.asp?pageMain=3&prcode=PR13">í¬ì¤í°</a></li> 1108 </ul> 1109 </li> 1110 <li> 1111 <h4>í¬í ë¶</h4> 1112 <ul class="all-gnb-sub"> 1113 <li><a href="/eprd/prd1.asp">ì§ì ë§ë¤ê¸°</a></li> 1114 <li><a href="/eprd/design.asp">ë¶í 리ëìì¸ì¼ë¡<br>ë§ë¤ê¸°</a></li> 1115 </ul> 1116 </li> 1117 <li> 1118 <h4>ëì ë¶í 리</h4> 1119 <ul class="all-gnb-sub"> 1120 <li><a href="/mypage/ord-list.asp?pageMain=1&pageSub=1">ëì 주문</a></li> 1121 <!--<li><a href="/mypage/conf-list.asp?pageMain=1&pageSub=2">ëì 컨í리ì¤í¸</a></li>--> 1122 <!--li><a href="/mypage/myacc-bank.asp?pageMain=1&pageSub=3">ëì Bíµì¥</a></li--> 1123 <li><a href="/mypage/myinq1.asp?pageMain=1&pageSub=4">1:1 ìë´ë´ì</a></li> 1124 <li><a href="/mypage/mymake.asp?pageMain=1&pageSub=5">ëì ì ìì¬ì</a></li> 1125 <li><a href="/mypage/myinfo.asp?pageMain=1&pageSub=6&be=1">ë´ ì ë³´</a></li> 1126 </ul> 1127 </li> 1128 <li> 1129 <h4>ê³ ê°ì¼í°</h4> 1130 <ul class="all-gnb-sub"> 1131 <li><a href="/cs/notice.asp?pageSub=1">ê³µì§ì¬í</a></li> 1132 <li><a href="/cs/onCouns.asp?pageSub=4">1:1 ìë´</a></li> 1133 <li><a href="/cs/QA.asp?pageSub=3">ì§ë¬¸ê³¼ ëµë³</a></li> 1134 <li><a href="/cs/FAQ.asp?pageSub=2&gubun=BEST">FAQ</a></li> 1135 <li><a href="/cs/calPrice-main.asp?pageSub=5">견ì 문ì</a></li> 1136 <li><a href="/cs/event.asp?pageSub=6&be=1">ì´ë²¤í¸</a></li> 1137 </ul> 1138 </li> 1139 </ul> 1140 </div> 1141 <div class="all-gnb-ban-container"> 1142 <div class="all-gnb-banners clearfix"> 1143 <ul class="main19-all1 clearfix"> 1144 <li><a href="/customOrd/customOrd1.asp?prcode=PR30"><img src="/images/ko/img-main/main19-all1.jpg" alt="200ë¶ ì´íë ìëë§ì¶¤ ì¸ì"></a></li> 1145 <li><a href="/customOrd/customOrd3-cover.asp"><img src="/images/ko/img-main/main19-all2.jpg" alt="201ë¶ ì´ìì ëëë§ì¶¤ ì¸ì"></a></li> 1146 </ul> 1147 <ul class="main19-all2"> 1148 <li><a href="/guide/guide1.asp"><img src="/images/ko/img-main/main19-all3.jpg" alt="ì¬ì© ê°ì´ë - ì´ì© ì íì íì¸"></a></li> 1149 <li><a href="javascript:optView('/make-guide/pg1-1.asp?gnb=1&lnb=1', '1120', '820');"><img src="/images/ko/img-main/main19-all4.jpg" alt="ì¸ì ê°ì´ë - 주문 ì 꼼꼼 íì¸"></a></li> 1150 </ul> 1151 </div> 1152 </div>
1153 <a href="#" class="all-layer-close"><img src="/images/ko/img-common/btn-close-layer.png" alt="ë«ê¸°"></a> 1154</div> 1155</div>
1156<script src="/js/plugins/jquery.skipNav.js"></script>
vendor: 2 bytes, line 1156
1156
1157<script src="/js/plugins/jquery.toggleView.js"></script>
vendor: 2 bytes, line 1157
1157
1158<script src="/js/plugins/jquery.basicSlides.js"></script>
vendor: 2 bytes, line 1158
1158
1159<script src="/js/plugins/jquery.basicModal.js"></script>
vendor: 2 bytes, line 1159
1159
1160<script> 1161 $(document).ready(function () { 1162 $('#skip-menu').skipNav(); // ì¤íµë¤ë¹ê²ì´ì 1163 1164 // ë¡ê¸´ì°½ í¸ì¶ 1165 $('#btn-login, .btn-login').basicModal({ 1166 'mod_layer': '#login-page', 1167 'effect_time_in': 1000, 1168 'effect_time_out': 500, 1169 'btn_close': '.login-container .layer-close' 1170 }) 1171 1172 // ì ì²´ë©ë´ ì°½ í¸ì¶ 1173 $('.main19-allmenu > a').basicModal({ 1174 'mod_layer': '.all-gnb-layer', 1175 'effect_time_in': 1000, 1176 'effect_time_out': 500, 1177 'btn_close': '.all-gnb-layer .all-layer-close' 1178 }) 1179 1180 $('.main19-allmenu > a, .all-layer-close').on("click", function(e){ 1181 e.preventDefault(); 1182 }); 1183 1184 $(".main19-gnb > li").on("mouseenter focusin", function(){ 1185 $(this).find(".main19-sub").stop().fadeIn(200); 1186 $(this).addClass("main19-on"); 1187 $(".main19-dim").stop().fadeIn(200); 1188 }); 1189 $(".main19-gnb > li").on("mouseleave focusout", function(){ 1190 $(this).find(".main19-sub").stop().fadeOut(100); 1191 $(this).removeClass("main19-on"); 1192 $(".main19-dim").stop().fadeOut(100); 1193 }); 1194 $(".main19-sub li").on("mouseenter",function(){ 1195 var thindex = $(this).index(); 1196 $(this).addClass("main19-active").siblings().removeClass("main19-active"); 1197 $(this).parent().parent().siblings().find("li").removeClass("main19-active"); 1198 $(this).parent().siblings().find(".main19-sub-prd1").eq(thindex).addClass("main19-prd-on").siblings().removeClass("main19-prd-on"); 1199 $(this).parent().parent().siblings().find(".main19-sub-prd1").removeClass("main19-prd-on"); 1200 }); 1201 1202 $(".main19-search > a").on("click", function(e){ 1203 $(".global-search-content").fadeToggle(200); 1204 e.preventDefault(); 1205 }); 1206 1207 $(".search-close").on("click", function(e){ 1208 $(".global-search-content").fadeOut(200); 1209 e.preventDefault(); 1210 }); 1211 1212 // ë ì´ì´ íì ë«ê¸° 1213 $('.main-pop-layer2 .close').on('click', function(e){ 1214 $('.main-pop-layer2').hide(); 1215 e.preventDefault(); 1216 }); 1217 1218 // ì¤í¬ë¡¤ì ë°ë¥¸ ê¸ë¡ë² ë©ë´ í¬ì§ì ë³ê²½ 1219 $(window).scroll(function(){ 1220 var scrTop = $(window).scrollTop(), 1221 bodyHeight = document.body.scrollHeight; 1222 1223 if(scrTop>100){ 1224 $('.main19-top1').addClass('main19-topon'); 1225 }else{ 1226 $('.main19-top1').removeClass('main19-topon'); 1227 } 1228 }); 1229 }); 1230</script>
1230 1231
1232<script> 1233function doSearch() 1234{ 1235 var frm = document.form_topsearch; 1236 1237 if (frm.sch_text.value == "") 1238 { 1239 alert("ê²ìì´ë¥¼ ì ë ¥í´ì£¼ì¸ì."); 1240 return; 1241 } 1242 1243 frm.action = "../gsch/gsch.asp"; 1244 frm.submit(); 1245} 1246</script>
1246 1247 1248 <!-- ë: topArea, gnb, top banner --> 1249 <!-- ìì: contents --> 1250 <div id="contents"> 1251 <div class="contact_top"> 1252 <div class="container"> 1253 <h3>ì í´ ì ì</h3> 1254 <p class="contact_description"> 1255 ë¶í 리ë ì¸ìì ê´ì¬ ìë ë¶ë¤ì ë¤ìí ì ìì 기ë¤ë¦½ëë¤.<br /> 1256 ë³´ë´ì£¼ì ë´ì©ì ë´ë¹ìê° ì¶©ë¶í ê²í í ì°ë½ ëë¦¬ê² ìµëë¤. 1257 </p> 1258 </div> 1259 </div> 1260 <div class="container"> 1261 <section class="contact_intro"> 1262 <h4 class="contact_title">ì ì°¨ ìë´</h4> 1263 <div class="contact__intro-img"> 1264 <img src="/images/ko/img-sub/contact_info.png" alt="ì ì°¨ìë´"> 1265 </div> 1266 </section> 1267 <section class="contact_contents"> 1268 <h4 class="contact_title">ë±ë¡ ë° ì ì</h4> 1269 <p class="contact_description"> 1270 ì ì ë´ì© ë° ê´ë ¨ ìë£ë ì í´ ê²í 목ì ì¼ë¡ë§ ì´ì©ë¨ì ìë ¤ë립ëë¤. 1271 </p> 1272 1273 <form name="form_cs" id="form_cs" method="post" enctype="multipart/form-data"> 1274 <input type="hidden" name="user_idx" id="user_idx" value=""> 1275 <input type="hidden" name="user_ldiv" id="user_ldiv" value=""> 1276 <input type="hidden" name="user_id" id="user_id" value=""> 1277 1278 <table class="tb-default write"> 1279 <caption>ë±ë¡ ë° ì ì</caption> 1280 <colgroup> 1281 <col class="w30per"> 1282 <col class="w70per"> 1283 </colgroup> 1284 <tbody> 1285 <tr> 1286 <th scope="row">íì¬ëª </th> 1287 <td> 1288 <input class="w70per" type="text" name="cont_com" id="cont_com"> 1289 <span class="contact_contents-hint vCom">* íì í목ì ëë¤.</span> 1290 </td> 1291 </tr> 1292 <tr> 1293 <th scope="row">ì±í¨ / ì§ê¸</th> 1294 <td> 1295 <input class="w70per" type="text" name="cont_name" id="cont_name"> 1296 <span class="contact_contents-hint vName">* íì í목ì ëë¤.</span> 1297 </td> 1298 </tr> 1299 <tr> 1300 <th scope="row">ì°ë½ì²</th> 1301 <td> 1302 <input class="w15per" type="text" name="cont_tel01" id="cont_tel01"> - 1303 <input class="w15per" type="text" name="cont_tel02" id="cont_tel02"> - 1304 <input class="w15per" type="text" name="cont_tel03" id="cont_tel03"> 1305 1306 <input class="w15per" type="hidden" name="cont_tel" id="cont_tel"> 1307 <span class="contact_contents-hint vTel">* íì í목ì ëë¤.</span> 1308 </td> 1309 </tr> 1310 <tr> 1311 <th scope="row">ì´ë©ì¼</th> 1312 <td> 1313 <input class="w70per" type="text" name="cont_email" id="cont_email" placeholder="íì ë°ì¼ì¤ ì´ë©ì¼ 주ì를 ì ë ¥í´ ì£¼ì¸ì." > 1314 <span class="contact_contents-hint vEmail">* íì í목ì ëë¤.</span> 1315 </td> 1316 </tr> 1317 <tr> 1318 <th scope="row">ííì´ì§</th> 1319 <td> 1320 <input class="w70per" type="text" name="cont_url" id="cont_url"> 1321 </td> 1322 </tr> 1323 <tr> 1324 <th scope="row">ì ëª©ëª </th> 1325 <td> 1326 <input class="w70per" type="text" name="cont_title" id="cont_title"> 1327 <span class="contact_contents-hint vTitle">* íì í목ì ëë¤.</span> 1328 </td> 1329 </tr> 1330 <tr> 1331 <th scope="row">ë´ì©</th> 1332 <td> 1333 <textarea class="w90per" name="cont_contents" id="cont_contents" cols="30" rows="10" placeholder="ì ì ë´ì©ì ê°ë¨íê² ì ì´ì£¼ì¸ì."></textarea> 1334 <div class="contact_contents-hint vContents">* íì í목ì ëë¤.</div> 1335 </td> 1336 </tr> 1337 <tr> 1338 <th scope="row">íì¼ ì²¨ë¶</th> 1339 <td> 1340 <div> 1341 <input type="file" name="cont_file" id="cont_file"> <span class="contact_contents-hint color-666">* íì¼ì 10MBê¹ì§ ì²¨ë¶ ê°ë¥í©ëë¤.</span> 1342 </div> 1343 <div> 1344 <!-- 1345 <div class="contact_contents-hint file-add"> 1346 <a href=""> 1347 <span>ì¬ì ì í´ì ì_200305.pdf</span> <span>[1.16MB]</span> 1348 </a> 1349 <span>[íì¼ìì ]</span> 1350 </div> 1351 --> 1352 </div> 1353 </td> 1354 </tr> 1355 </tbody> 1356 </table> 1357 1358 <div class="contact_agree-box"> 1359 1360 <input class="contact_agree-check-input" type="checkbox" name="cont_agree" id="cont_agree"><span class="contact_agree-check">ê°ì¸ì ë³´ ìì§ ë° ì´ì©ëì</span> 1361 1362
1362<script> 1363 $(function(){ 1364 $(".contact_agree-check-input").on("click", function(){ 1365 if($(this).prop("checked")){ 1366 contactAgreeFlag = 1; 1367 optView2('/cs/contact-pop.asp?gnb=1&lnb=1', '500', '500'); 1368 } 1369 }) 1370 var contactAgreeFlag = 0; 1371 $(".contact_agree-check").on("click", function(){ 1372 if(contactAgreeFlag == 0){ 1373 contactAgreeFlag = 1; 1374 $(".contact_agree-check-input").prop("checked", true); 1375 optView2('/cs/contact-pop.asp?gnb=1&lnb=1', '500', '500'); 1376 } else { 1377 $(".contact_agree-check-input").prop("checked", false); 1378 contactAgreeFlag = 0; 1379 } 1380 1381 }) 1382 }) 1383 </script>
1383 1384 </div> 1385 </section> 1386 1387 </form> 1388 1389 <div class="contact__button-box"> 1390 <button class="btn btn-main btn-large" id="btnContact">ë±ë¡</button> 1391 <button class="btn btn-gray btn-large" onclick="location.href='/index.asp'">ì·¨ì</button> 1392 </div> 1393 1394 </div> 1395 1396 </div> 1397 <!-- ë: contents --> 1398 <!-- ìì: #footer --> 1399 <footer id="footer"> 1400 <div class="container"> 1401 <div class="footer-top clearfix"> 1402 <div class="foot-menu"> 1403 <a href="https://www.kstudy.com/" target="blank">íì¬ìê°</a> 1404 <a href="/company/brandA.asp">ë¶í 리 ìê°</a> 1405 <a href="/company/terms3.asp">ì´ì©ì½ê´</a> 1406 <a href="/policy/privacy2.asp"><span class="fs-st">ê°ì¸ì ë³´ ì·¨ê¸ë°©ì¹¨</span></a> 1407 <a href="/down/doc.asp">ì¬ì ìì ë³´íì¸</a> 1408 <a href="/cs/contact.asp">ì í´ë¬¸ì</a> 1409 <a href="http://kstudy.com/pay/pay_allat.asp" target="blank" class="last fc-red"><b>ì¨ë¼ì¸ì¹´ëê²°ì </b></a> 1410 </div> 1411 <div class="foot-sns"> 1412 <a href="https://www.instagram.com/booktorymania" target="blank"><img src="/images/ko/img-common/foot-sns-instar1.png" alt="ë¶í 리ì¸ì¤íê·¸ë¨"></a> 1413 <a href="https://www.facebook.com/booktoryofficial" target="blank"><img src="/images/ko/img-common/foot-sns-fb1.png" alt="ë¶í 리íì´ì¤ë¶"></a> 1414 <a href="https://blog.naver.com/booktory_official" target="blank"><img src="/images/ko/img-common/foot-sns-b1.png" alt="ë¶í 리ë¸ë¡ê·¸"></a> 1415 <a href="https://www.youtube.com/channel/UCTX4b82598UVfTaTFsncvug?view_as=subscriber" target="blank"><img src="/images/ko/img-common/foot-sns-yb1.png" alt="ë¶í 리ì í¬ë¸"></a> 1416 </div> 1417 </div> 1418 <div class="container-col"> 1419 <div class="col col-4 foot-logo"><img src="/images/ko/img-common/logo-foot.png" alt="ë¶í 리"></div> 1420 <div class="col col-16"> 1421 <div class="foot-info"> 1422 <p>경기ë í주ì íë길 230, 3층(문ë°ë 513-5) | ìí¸ëª : íêµíì ì ë³´(주) | ë´ë¹ë¶ì : ë¶í 리ì¬ì ë¶ | ëíì´ì¬ : ì±ì¢ ì¤</p> 1423 <p>íµì í매ì ì ê³ ë²í¸ : í주 1250í¸ | ì¬ì ìë±ë¡ë²í¸ : 111-81-26181 | ê°ì¸ì ë³´ê´ë¦¬ì± ìì : ì¡°ëë²</p> 1424 <p>본 ì¬ì´í¸ì 컨í ì¸ ë ì ìê¶ë²ì ë³´í¸ë¥¼ ë°ë ë° ë³µì¬, ë°°í¬ ë±ì ê¸í©ëë¤.</p> 1425 <p class="copy">COPYRIGHT © 2016 BOOKTORY. ALL RIGHTS RESERVED.</p> 1426 </div> 1427 </div> 1428 <div class="col col-4"> 1429 <div class="foot-mark"> 1430 <img src="/images/ko/img-common/foot-mark.png" alt="ê³µì ê±°ëì¸ì¦"> 1431 </div> 1432 </div> 1433 </div> 1434 </div> 1435</footer> 1436 1437 1438<!-- ê³µíµ í¸ì¶ íë¨ ì¤í¬ë¦½í¸ : 모ë íì´ì§ íë¨ ì¤ì¹ --> 1439 1440 1441<!-- ê³µíµ ì ì© ì¤í¬ë¦½í¸ , 모ë íì´ì§ì ë ¸ì¶ëëë¡ ì¤ì¹. ë¨ ì ííì´ì§ ì¤ì ê°ë³´ë¤ íì íë¨ì ìì¹í´ì¼í¨ -->
1442<script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script>
1442
1443<script type="text/javascript"> 1444if (!wcs_add) var wcs_add={}; 1445wcs_add["wa"] = "s_67de4999472"; 1446if (!_nasa) var _nasa={}; 1447wcs.inflow("booktory.com"); 1448wcs_do(_nasa); 1449</script>
1449 1450 1451 1452 1453<div id="ttdUniversalPixelTag092f4ba412e747c2a07d539b430622d1" style="display:none"> 1454
1454<script src="https://js.adsrvr.org/up_loader.1.1.0.js" type="text/javascript"></script>
1454 1455
1455<script type="text/javascript"> 1456 (function(global) { 1457 if (typeof TTDUniversalPixelApi === 'function') { 1458 var universalPixelApi = new TTDUniversalPixelApi(); 1459 universalPixelApi.init("21b37wy", ["incdzf5"], "https://insight.adsrvr.org/track/up", "ttdUniversalPixelTag092f4ba412e747c2a07d539b430622d1"); 1460 } 1461 })(this); 1462 </script>
1462 1463</div> 1464 1465 1466 1467 1468 1469 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 1469-1470
1469 1470 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1470GTM-M7B3XQ2
vendor: 87 bytes, lines 1470-1472
1470" 1471 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1472
1472<!-- End Google Tag Manager (noscript) --> 1473 1474 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 1474-1475
1474 1475 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1475GTM-PPGZWB5
vendor: 87 bytes, lines 1475-1477
1475" 1476 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1477
1477<!-- End Google Tag Manager (noscript) --> 1478 1479 1480 1481 <!-- ë: #footer --> 1482 1483 <!-- ì¤ë¥¸ íµ ë©ë´ --> 1484 <ul class="main19-quick"> 1485 <li><a href="/cs/cs-main.asp"><img src="/images/ko/img-main/main19-quick1.png" alt="ê³ ê°ì¼í°"></a></li> 1486 <li><a href="/cs/onCouns.asp?pageSub=4"><img src="/images/ko/img-main/main19-quick2.png" alt="1:1ìë´"></a></li> 1487 <li><a href="/cs/QA.asp?pageSub=3"><img src="/images/ko/img-main/main19-quick3.png" alt="QnA"></a> 1488 <li class="main19-quick1"><a href="/customOrd/customOrd.asp"><img src="/images/ko/img-main/main19-quick4.png" alt="ë§ì¶¤ì¸ì"></a></li> 1489</ul> 1490 1491 <div class="js-popup-wrap"> 1492 <div class="js-popup-contents"> 1493 <div class="js-popup-contents_bg"></div> 1494 <div class="contact_write-ok js-popup-contents_inner"> 1495 <h4>ë¶í 리ìì ì¬ì ì í´ ì ìì 주ì ì ê°ì¬í©ëë¤!</h4> 1496 <p>ì í´ ì ìì´ ì ìì ì¼ë¡ ì ìëììµëë¤.<br />ë´ë¹ìê° ê²í í ì°ë½ë릴 ìì ì ëë¤.</p> 1497 1498 <a href="/index.asp" class="btn btn-main btn-large">ë©ì¸ì¼ë¡ ì´ë</a> 1499 </div> 1500 </div> 1501 </div> 1502 1503 <iframe name="ifrm" width="0" height="0"></iframe> 1504 1505 1506</body> 1507</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.