1 2 3 4 5 6<!doctype html> 7<html lang="ko"> 8<head> 9 <!-- head --> 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <title>AESTURA</title> 27 28 29<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 30<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 31<meta name="viewport" 32 content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 33<meta name="title" content="AESTURA"> 34<meta property="og:site_name" content="AESTURA" /> 35 36 37 38 <meta property="og:title" content="ìì¤í¸ë¼"> 39 <meta property="og:description" 40 content="ì¤ì²´ìë í¼ë¶ ê³¼íì íµí´ ê±´ê°í ìë¦ë¤ìì 구ííë ë©ëë·°í°"> 41 <meta name="description" 42 content="ì¤ì²´ìë í¼ë¶ ê³¼íì íµí´ ê±´ê°í ìë¦ë¤ìì 구ííë ë©ëë·°í°"> 43 <meta property="og:image" 44 content="https://image.aestura.com/resources/mobile/images/common/sec02_logo1.jpg"> 45 <meta property="og:type" content="website" /> 46 <meta property="og:url" content="http://www.aestura.com/" /> 47 48 49 50 51 <meta name="google-site-verification" 52 content="aWaDB5nM-XjAlb1nXtvpMLZmSgb2vlHKZS6Gu3iFrwc" /> 53 <meta name="msvalidate.01" content="D50C8A5E2D09A50946FCA757AC620506" /> 54 55 56 57 58 59<!-- csrf tag --> 60<meta name="_csrf_parameter" content="_csrf" /><meta name="_csrf_header" content="X-XSRF-TOKEN" /><meta name="_csrf" content="a0093484-d4dc-412d-a98a-85a9fd8a0eab" /> 61 62<link rel="shortcut icon" type="image/x-icon" 63 href="https://image.aestura.com/resources/web/images/common/favicon.ico"> 64 65<!-- slick plugin CSS --> 66<link rel="stylesheet" 67 href="https://image.aestura.com/resources/common/css/slick.min.css"> 68<!-- swiper slide plugin CSS --> 69<link rel="stylesheet" 70 href="https://image.aestura.com/resources/common/css/swiper.min.css"> 71<!-- mCustomScrollbar plugin CSS --> 72<link rel="stylesheet" 73 href="https://image.aestura.com/resources/common/css/jquery.mCustomScrollbar.min.css"> 74<!-- Front Custom UI CSS --> 75<link rel="stylesheet" 76 href="https://image.aestura.com/resources/web/css/ui_renew.css?ver=20260904_v2"> 77<link rel="stylesheet" 78 href="https://image.aestura.com/resources/web/css/ui_pdt_renew.css?ver=20260904_v2"> 79<link rel="stylesheet" 80 href="https://image.aestura.com/resources/web/css/ui_pdtview.css?ver=20260904_v2"> 81 82<!-- ë¡ì»¬íì¸ì© 83<link rel="stylesheet" href="/resources/web/css/ui_renew.css"> 84<link rel="stylesheet" href="/resources/web/css/ui_pdt_renew.css"> 85<link rel="stylesheet" href="/resources/web/css/ui_pdtview.css"> --> 86 87<!-- common library -->
88<script type="text/javascript" 89 src="https://image.aestura.com/resources/common/js/comlib.js?ver=20210824"></script>
89 90<!-- Custom UI Javascript -->
91<script type="text/javascript" 92 src="https://image.aestura.com/resources/web/js/ui_renew.js?ver=20250613"></script>
92 93<!-- ë¡ì»¬íì¸ì©
94<script type="text/javascript" src="/resources/web/js/ui_renew.js"></script>
94 95--> 96<!-- jsrender -->
97<script type="text/javascript" 98 src="https://image.aestura.com/resources/extlib/jsRender/jsrender.min.js"></script>
98 99<!-- form validation, 1.19.0 -->
100<script type="text/javascript" 101 src="https://image.aestura.com/resources/extlib/validation/jquery.validate.min.js"></script>
101 102<!--[if lte IE 9]>
103<script type="text/javascript" src="https://image.aestura.com/resources/web/js/ui_ie9.js"></script>
103 104<link rel="stylesheet" href="https://image.aestura.com/resources/web/css/ui_ie9.css"> 105<![endif]--> 106<!-- Custom common / Util Script -->
107<script 108 src="https://image.aestura.com/resources/common/js/formatter.js?ver=20210615"></script>
vendor: 1 bytes, line 108
108
109<script 110 src="https://image.aestura.com/resources/common/js/comutil.js?ver=20231213"></script>
vendor: 1 bytes, line 110
110
111<script 112 src="https://image.aestura.com/resources/common/js/orderutil.js?ver=20210615"></script>
vendor: 1 bytes, line 112
112
113<script 114 src="https://image.aestura.com/resources/common/js/dateutil.js?ver=20210615"></script>
vendor: 1 bytes, line 114
114
115<script 116 src="https://image.aestura.com/resources/common/js/validationutil.js?ver=20230609"></script>
vendor: 1 bytes, line 116
116
117<script 118 src="https://image.aestura.com/resources/web/js/webutil.js?ver=20250418"></script>
vendor: 1 bytes, line 118
118
119<script 120 src="https://image.aestura.com/resources/web/js/cartutil.js?ver=20210615"></script>
120 121 122 123 124 125 126 127 128 129 130
131<script type="text/javascript" src='https://developers.kakao.com/sdk/js/kakao.channel.min.js'></script>
131 132<!-- íì´ì¤ë¶ ê³µì -->
133<script> 134(function(d, s, id){ 135 var js, fjs = d.getElementsByTagName(s)[0]; 136 if (d.getElementById(id)) {return;} 137 js = d.createElement(s); js.id = id; 138 js.src = "//connect.facebook.net/en_US/sdk.js"; 139 fjs.parentNode.insertBefore(js, fjs); 140}(document, 'script', 'facebook-jssdk')); 141</script>
vendor: 1 bytes, line 141
141
142<script type="text/javascript"> 143/** 144 * SNS ê³µíµ 145 */ 146snsutil = { 147 getClip: function(str, message) { // str: ë³µì¬ ê° , message: ë³µì¬ ì¶ë ¥ ë©ìì§ 148 var IE=(document.all)?true:false; 149 var text; 150 var UserAgent = navigator.platform; 151 text = comutil.isEmpty(message) ? "ë§í¬" : message; 152 str = (str == "javascript:;" || str == "#") ? window.location.href : str; 153 if (UserAgent.match(/i(Phone|Pod)/i) != null ){ 154 //ìì´í° or ìì´í¨ëì´ë©´ 155 temp = prompt(text+"를 'Ctrl+C'를 ëë¬ ë³µì¬íìê³ , 'Ctrl+V'를 ëë¬ ë¶ì¬ë£ê¸° í´ì£¼ì¸ì.", str); 156 } else{ 157 if (IE) { 158 window.clipboardData.setData("Text", str); 159 alert(text+"ê° ë³µì¬ëììµëë¤."); 160 } else { 161 try { 162 var tag = '<input type="text" id="copyUrl" name="copyUrl" value="'+str+'" style="top: -9999px;position: absolute;"/>'; 163 $('body').prepend(tag); 164 $("#copyUrl").select(); 165 document.execCommand('copy'); 166 $("#copyUrl").remove(); 167 alert(text+"ê° ë³µì¬ëììµëë¤."); 168 } catch (e) { 169 temp = prompt(text+"를 'Ctrl+C'를 ëë¬ ë³µì¬íìê³ , 'Ctrl+V'를 ëë¬ ë¶ì¬ë£ê¸° í´ì£¼ì¸ì.", str); 170 } 171 } 172 } 173 }, 174 getClipBoard: function(str, message) { // str: ë³µì¬ ê° , message: ë³µì¬ ì¶ë ¥ ë©ìì§ 175 176 // ìµì ë¸ë¼ì°ì ììë ë³µì¬ ê°ë¥ 177 178 179 return message+"ê° ë³µì¬ëììµëë¤."; 180 181// if (UserAgent.match(/i(Phone|Pod)/i) != null ){ 182 183 //console.log(clipboard) 184 185 /* clipboard.on( 'success', function(e) { // ë³µì¬ì ì±ê³µíì ë 186 document.body.removeChild(textArea); 187 return message+"ê° ë³µì¬ëììµëë¤."; 188 } ); 189 clipboard.on( 'error', function() { // ë³µì¬ì ì¤í¨íì ë 190 document.body.removeChild(textArea); 191 return message+" ë³µì¬ì ì¤í¨íìµëë¤."; 192 } ); */ 193// } else { 194// textArea.select(); 195// } 196 197// // ë³µì¬ ìë 198// try { 199// var successful = document.execCommand('copy'); 200// } catch (err) { 201// console.log('Unable to copy'); 202// } 203 204// // textarea ìì 205// document.body.removeChild(textArea); 206// if(successful) return message+"ê° ë³µì¬ëììµëë¤."; 207// else return message+" ë³µì¬ì ì¤í¨íìµëë¤."; 208 }, 209 kakaostory: { 210 apiKey: "a76e6bb1c8cc0c7e3115180e44c7d093", 211 loaded: false, 212 init: function() { 213 Kakao.init(this.apiKey); 214 }, 215 share: function() { 216 if (this.loaded == false) { 217 this.init(); 218 this.loaded = true; 219 } 220 var contents = $('meta[property="og:title"]').attr("content"); 221 contents += "\n" + $('meta[property="og:description"]').attr("content"); 222 Kakao.Story.share({ 223 url: window.location.href, 224 text: contents 225 }); 226 }, 227 open: function() { 228 if (this.loaded == false) { 229 this.init(); 230 this.loaded = true; 231 } 232 var contents = $('meta[property="og:title"]').attr("content"); 233 contents += "\n" + $('meta[property="og:description"]').attr("content"); 234 Kakao.Story.open({ 235 url: window.location.href, 236 text: contents 237// urlInfo: { 238// title: "ê³µì í ì¬ì´í¸ì ì 목", 239// desc: "ì¹ ì¬ì´í¸ì ì¤ëª ", 240// name: "íë¨ì íìëë ì´ë¦", 241// images: [$('meta[property="og:image"]').attr("content")] 242// } 243 }); 244 }, 245 link: function(obj) { 246 247 if (this.loaded == false) { 248 this.init(); 249 this.loaded = true; 250 } 251 Kakao.Link.sendDefault ({ 252 objectType: 'feed', 253 content: { 254 title: obj.kkotitle, 255 description: obj.kkomsg, 256 imageUrl: obj.imageUrl, 257 imageWidth: 800, 258 imageHeight: 400, 259 link: { 260 mobileWebUrl: obj.mobileWebUrl, 261 webUrl: obj.webUrl 262 }, 263 }, 264 installTalk : true, 265 buttons: [ 266 { 267 title: obj.buttonTitle1, 268 link: { 269 mobileWebUrl: obj.mobileWebUrl1, 270 webUrl: obj.webUrl1, 271 }, 272 }, 273 { 274 title: obj.buttonTitle2, 275 link: { 276 mobileWebUrl: obj.mobileWebUrl2, 277 webUrl: obj.webUrl2, 278 }, 279 }, 280 ], 281 callback: function(){ 282 283 if(obj.gubun == 'event'){ 284 param.snsYn = 'Y'; 285 param.eventSeq = obj.seq; 286 param.cstmId = obj.cstmId; 287 param.cstmNm = obj.cstmNm; 288 289 comutil.callAjax("/web/event/acEventInfoInsert/ajax.do", param, function(data) { 290 if(data.result != 0 && data.seq != 0){ 291 location.reload(); 292 } 293 }); 294 } 295 } 296 }); 297 }, 298 link2: function(obj) { 299 300 if (this.loaded == false) { 301 this.init(); 302 this.loaded = true; 303 } 304 Kakao.Link.sendDefault ({ 305 objectType: 'feed', 306 content: { 307 title: obj.kkotitle, 308 description: obj.kkomsg, 309 imageUrl: obj.imageUrl, 310 imageWidth: 800, 311 imageHeight: 400, 312 link: { 313 mobileWebUrl: obj.mobileWebUrl, 314 webUrl: obj.webUrl 315 }, 316 }, 317 installTalk : true, 318 buttons: [ 319 { 320 title: obj.buttonTitle1, 321 link: { 322 mobileWebUrl: obj.mobileWebUrl1, 323 webUrl: obj.webUrl1, 324 }, 325 }, 326 { 327 title: obj.buttonTitle2, 328 link: { 329 mobileWebUrl: obj.mobileWebUrl2, 330 webUrl: obj.webUrl2, 331 }, 332 }, 333 ], 334 serverCallbackArgs: { 335 eventSeq : obj.seq, 336 snsYn : obj.snsYn, 337 cstmId : obj.cstmId, 338 cstmNm : obj.cstmNm 339 } 340 341 }); 342 }, 343 link3: function(obj) { 344 if (this.loaded == false) { 345 this.init(); 346 this.loaded = true; 347 } 348 Kakao.Link.sendDefault ({ 349 objectType: 'feed', 350 content: { 351 title: $('meta[property="og:title"]').attr("content"), 352 description: $('meta[property="og:description"]').attr("content"), 353 imageUrl: $('meta[property="og:image"]').attr("content"), 354 imageWidth: obj.imageWidth, 355 imageHeight: obj.imageHeight, 356 link: { 357 mobileWebUrl: obj.url, 358 webUrl: obj.url 359 }, 360 }, 361 installTalk : true, 362 buttons: [ 363 { 364 title: 'ì¹ì¼ë¡ 보기', 365 link: { 366 mobileWebUrl: obj.url, 367 webUrl: obj.url, 368 } 369 } 370 ] 371 }); 372 },
373 addChannel:function(channelPublicId){ 374 Kakao.Channel.addChannel({ 375 channelPublicId: channelPublicId, 376 }); 377 } 378 }, 379 //ì íë¸ 380 youtube: { 381 apiKey: "AIzaSyCJf8w9CiENWjwj6jcq4uZAwmOv5p6iZcQ", 382 player:null, 383 playerSelect:null, 384 playerArr:[], 385 players: {}, // ë¤ì¤ íë ì´ì´ ê´ë¦¬ì© ê°ì²´ 386 frameId:'player', 387 vodId: null, 388 done: false, 389 width: 1100, 390 height: 670, 391 autoStart: true, 392 isLoaded: false, 393 timer: null, 394 apiReady: false, // API ë¡ë© ìí íì¸ 395 init: function(options) { 396 /* Youtube API ë¡ë */ 397 var tag = document.createElement('script'); 398 tag.src = "https://www.youtube.com/iframe_api"; 399 var firstScriptTag = document.getElementsByTagName('script')[0]; 400 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 401 402 if (options != null) { 403 this.option(options); 404 } 405 }, 406 option: function(opt) { 407 this.frameId = opt.frameId != null ? opt.frameId : this.frameId; 408 this.vodId = opt.vodId != null ? opt.vodId : null; 409 this.width = opt.width != null ? opt.width : 1100; 410 this.height = opt.height != null ? opt.height : 670; 411 this.autoStart = opt.autoStart != null ? opt.autoStart : false;
412 }, 413 load: function(vodId, callback) { 414 415 timer = this.timer; 416// isLoaded = this.isLoaded; 417 418// if (isLoaded == false) { 419// timer = setTimeout(function() { 420// youtube.load(vodId, function(rslt) { 421// if (isLoaded == false) { 422// callback(false); 423// clearTimeout(timer); 424// return; 425// } 426// callback(rslt); 427 428// }); 429// }, 3000); 430// } 431 432 /** 433 ì ë·°í¸ ëìì 주ì 2ê°ì§ íì 434 1. https://youtu.be/ 435 2. https://www.youtube.com/watch?v= 436 */ 437 var apiKey = this.apiKey; 438// var player = this.player; 439 $.ajax({ 440 type : "GET", 441 async: false, 442 url : "https://www.googleapis.com/youtube/v3/videos?id="+vodId+"&key="+apiKey+"&part=statistics,contentDetails", 443 success : function(rslt, status, err){ 444 callback(rslt); 445// isLoaded = true; 446 } 447 }); 448 }, 449 //ì íë¸ ì¬ì©ì´ ì¤ë¹ëë©´ í¸ì¶ ëë í¨ì 450 onIframeAPIReady: function(set){ 451 vodId = this.vodId; 452 width = this.width; 453 height = this.height; 454 this.player = set; 455 }, 456 onPlayerReady: function(event) { 457 this.isLoaded = true; 458 if (this.autoStart == true) { 459 event.target.playVideo(); 460 } 461 else { 462 event.target.stopVideo(); 463 } 464 }, 465 onPlayerStateChange: function(event) { 466 if (event.data == YT.PlayerState.PLAYING && !this.done) { 467 $('.cover.stop').fadeIn(); 468 $('.cover.play').fadeOut(); 469 this.done = true; 470 } 471 else { 472 $('.cover.stop').fadeOut(); 473 $('.cover.play').fadeIn(); 474 this.done = false; 475 } 476 }, 477 playVideo: function() { 478 var set = new YT.Player(this.frameId, { 479 width: this.width, 480 height: this.height, 481 videoId: this.vodId, 482 playerVars:{ 483 modestbranding: 1, 484 showinfo: 0, 485 rel: 0, 486 controls: 0, 487 wmode: 'transparent', 488 origin: 'https://www.youtube.com' 489 }, 490 events: { 491 'onReady': this.onPlayerReady, 492 'onStateChange': this.onPlayerStateChange 493 } 494 }); 495 if (this.player == null){ 496 this.onIframeAPIReady(set); 497 } else { 498 499 } 500 501 setTimeout(function(){ 502 this.player.playVideo(); 503 }.bind(this), 1000); 504 }, 505 onPlayerStateChange2: function(event) { 506 try { 507 // event.targetë íì¬ ìíê° ë°ë íë ì´ì´ ì¸ì¤í´ì¤ 508 // íë ì´ì´ê° ë¶ì´ìë div id를 ê°ì ¸ìì ê´ë ¨ ë²í¼ë§ ì¡°ìíì 509 var iframe = event.target.getIframe(); 510 if (!iframe) return; 511 512 var playerDivId = iframe.id; // ì: player_4w34gqseQ6k 513 // í´ë¹ divì ë¶ëª¨ìì ë²í¼ì ì°¾ì ì ì´ 514 var $playerArea = $('#' + playerDivId).closest('.playerArea'); 515 516 if (event.data == YT.PlayerState.PLAYING && !this.done) { 517 // íì¬ íë ì´ì´ ì¬ì ë²í¼ ì¨ê¸°ê³ ì ì§ ë²í¼ ë³´ì´ê¸° 518 $playerArea.find('.cover.play').fadeOut(); 519 $playerArea.find('.cover.stop').fadeIn(); 520 this.done = true; 521 } 522 else { 523 // ì¬ì ìë ë ì¬ì ë²í¼ ë³´ì´ê³ ì ì§ ë²í¼ ì¨ê¸°ê¸° 524 $playerArea.find('.cover.play').fadeIn(); 525 $playerArea.find('.cover.stop').fadeOut(); 526 this.done = false; 527 } 528 } catch (e) { 529 console.error('Error in onPlayerStateChange2:', e); 530 } 531 }, 532 setVodAndPlay: function(el) { 533 var vodId = el.getAttribute('data-vod'); 534 var playerElement = el.parentNode.querySelector('.player'); 535 536 if (!playerElement) { 537 console.error('Player element not found'); 538 return; 539 } 540 541 var playerId = playerElement.id; 542 var self = this; 543 544 // APIê° ë¡ë©ëì§ ìì ê²½ì° ë기 545 if (!this.apiReady || typeof YT === 'undefined' || !YT.Player) { 546 console.warn('YouTube API not ready, retrying...'); 547 setTimeout(function() { 548 self.setVodAndPlay(el); 549 }, 1000); 550 return; 551 } 552 553 // ì´ë¯¸ íë ì´ì´ê° ì¡´ì¬íë ê²½ì° ì¬ì 554 if (this.players && this.players[playerId]) { 555 try { 556 // ë¤ë¥¸ 모ë ëìì ì¤ì§ 557 this.stopAllOtherVideos(playerId); 558 this.players[playerId].playVideo(); 559 } catch (e) { 560 console.error('Error playing video:', e); 561 // íë ì´ì´ ì¤ë¥ ì ì¬ìì± 562 delete this.players[playerId]; 563 this.setVodAndPlay(el); 564 } 565 return; 566 } 567 568 // ì íë ì´ì´ ìì±
569 try { 570 // ë¤ë¥¸ 모ë ëìì ì¤ì§ 571 this.stopAllOtherVideos(playerId); 572 573 // ytArea 컨í ì´ë í¬ê¸°ì ë§ì¶° ëìì í¬ê¸° ê³ì° 574 var containerWidth = playerElement.offsetWidth || 815; 575 var containerHeight = playerElement.offsetHeight || 458; 576 577 var player = new YT.Player(playerId, { 578 width: containerWidth, 579 height: containerHeight, 580 videoId: vodId, 581 playerVars: { 582 modestbranding: 1, 583 showinfo: 0, 584 rel: 0, 585 controls: 0, 586 wmode: 'transparent', 587 origin: window.location.origin 588 }, 589 events: { 590 onReady: function(event) { 591 if (!self.players) self.players = {}; 592 self.players[playerId] = event.target; 593 self.player = event.target; 594 595 try { 596 event.target.playVideo(); 597 } catch (e) { 598 console.error('Error starting video playback:', e); 599 } 600 }, 601 onStateChange: function(event) { 602 if (self.onPlayerStateChange2) { 603 self.onPlayerStateChange2(event); 604 } 605 }, 606 onError: function(event) { 607 console.error('YouTube player error:', event.data); 608 // ìë¬ ë°ì ì íë ì´ì´ ì ê±° 609 if (self.players && self.players[playerId]) { 610 delete self.players[playerId]; 611 } 612 } 613 } 614 }); 615 } catch (e) { 616 console.error('Error creating YouTube player:', e); 617 } 618 }, 619 setVodAndStop: function(el) { 620 var playerElement = el.parentNode.querySelector('.player'); 621 if (!playerElement) { 622 console.error('Player element not found for stop'); 623 return; 624 } 625 626 var playerId = playerElement.id; 627 if (this.players && this.players[playerId]) { 628 try { 629 this.players[playerId].stopVideo(); 630 } catch (e) { 631 console.error('Error stopping video:', e); 632 } 633 } 634 }, 635 stopAllOtherVideos: function(currentPlayerId) { 636 // íì¬ ì¬ìí ëììì ì ì¸í 모ë ë¤ë¥¸ ëìì ì¤ì§ 637 if (this.players) { 638 for (var playerId in this.players) { 639 if (playerId !== currentPlayerId && this.players[playerId]) { 640 try { 641 this.players[playerId].stopVideo(); 642 } catch (e) { 643 console.error('Error stopping other video:', e); 644 } 645 } 646 } 647 } 648 }, 649 stopVideo: function(){ 650 if (this.player == null) return; 651 this.player.stopVideo(); 652 }, 653 muteVideo: function(){ 654 if (!(this.player.isMuted())){ 655 this.player.mute(); 656 }; 657 }, 658 unmuteVideo: function(){ 659 if (this.player.isMuted()){ 660 this.player.unMute(); 661 }; 662 }, 663 //ë¤ì¤ ëìì ì¬ìì¼ ê²½ì° ì¬ì© 664 //ì íë¸ ì¬ì©ì´ ì¤ë¹ëë©´ í¸ì¶ ëë í¨ì 665 onIframeAPIReadySelect: function(pVodIdArr, pWidth, pHeight, pFrameIdArr){ 666 for (var i = 0; i < pVodIdArr.length; i++) { 667 var vodId = pVodIdArr[i]; 668 var width = pWidth; 669 var height = pHeight; 670 this.playerSelect = null; 671 this.playerSelect = new YT.Player(pFrameIdArr[i], { 672 width: width, 673 height: height, 674 videoId: vodId, 675 playerVars:{ 676 modestbranding: 1, 677 showinfo: 0, 678 rel: 0, 679 playlist: vodId, 680 wmode: 'transparent', 681 autoplay: 1, 682 mute:1, 683 origin: 'https://www.youtube.com' 684 }, 685 events: { 686 'onReady': this.onPlayerReadyBanner, 687 'onStateChange': this.onPlayerStateChangeBanner 688 } 689 }); 690 youtube.playerArr.push(this.playerSelect); 691 } 692 }, 693 onPlayerReadyBanner: function(event) { 694 //ë©ì¸ ë°°ë ëìì ( auto ì¤í ) 695 event.target.playVideo(); 696 }, 697 onPlayerStateChangeBanner: function(event) { 698 if (event.data == YT.PlayerState.ENDED) { 699 event.target.playVideo(); 700 } 701 }, 702 playVideoSelect: function(pVodId, pWidth, pHeight, pFrameId, vodIndex) { 703 var vodIdArr = []; 704 var frameIdArr = [];
705 vodIdArr.push(pVodId); 706 frameIdArr.push(pFrameId); 707 if (youtube.playerArr.length == 0) 708 this.onIframeAPIReadySelect(vodIdArr, pWidth, pHeight, frameIdArr); 709 else 710 youtube.playerArr[vodIndex].playVideo(); 711 712 }, 713 stopVideoSelect: function(vodIndex){ 714 if (youtube.playerArr.length == null) return; 715 youtube.playerArr[vodIndex].stopVideo(); 716 }, 717 muteVideoAll: function(){ 718 for (var i = 0; i < youtube.playerArr.length; i++) { 719 youtube.playerArr[i].mute(); 720 } 721 }, 722 unmuteVideoAll: function(){ 723 for (var i = 0; i < youtube.playerArr.length; i++) { 724 youtube.playerArr[i].unMute(); 725 } 726 }, 727 playVideoAll: function(idx) { 728 if (youtube.playerArr.length == 0) { 729 this.onIframeAPIReady(); 730 }else{ 731 if(comutil.isEmpty(idx)){ 732 for (var i = 0; i < youtube.playerArr.length; i++) { 733 youtube.playerArr[i].playVideo(); 734 } 735 }else{ 736 youtube.playerArr[idx].playVideo(); 737 } 738 } 739 }, 740 stopVideoAll: function(idx){ 741 if (youtube.playerArr.length == null) return; 742 if(comutil.isEmpty(idx)){ 743 for (var i = 0; i < youtube.playerArr.length; i++) { 744 youtube.playerArr[i].stopVideo(); 745 } 746 }else{ 747 youtube.playerArr[idx].stopVideo(); 748 } 749 } 750 }, 751 facebook: { 752 appId: "1333434336796799", 753 isLoaded: false, 754 totalcount: 0, 755 /* SERVER SIDE ìì ì²ë¦¬ 756 postsTotal: function(callback) { 757 this.isLoaded = true; 758 $.ajax({ //ê²ì물ì ì´ ê°ì 759 type : "GET", 760 url : "https://graph.facebook.com/v3.1/ASTATEST/feed?fields=message&access_token=", 761 success : function(response, status, err){ 762 totalcount = response.data.length; 763 callback(); 764 } 765 }); 766 }, 767 posts: function(param, callback) { 768 this.postsAct(param, function(response) { 769 callback(response); 770 }); 771 }, 772 postsAct: function(param, callback) { 773 var count = param.viewCount; 774 var after = comutil.isEmpty(param.after) == true ? "" : param.after; 775 776 $.ajax({ //ê²ì물 ì ë³´ 777 url: "https://graph.facebook.com/v3.1/173272352722855/feed?fields=attachments,message,picture,link,permalink_url,description,source,created_time&limit="+count+"&after="+after+"&access_token=" , 778 type:"GET", 779 success:function(response, status, err){ 780 if (response.data.length > 0) { 781 782 var list = response.data; 783 var paging = response.paging; 784 var after = null; 785 786 if (paging["next"] != null && paging["next"] != undefined) { 787 after = paging.cursors.after; 788 } 789 790 var res = new Object(); 791 res.list = list; 792 res.after = after; 793 } 794 callback(res); 795 } 796 }); 797 }, 798 */ 799 posts: function(param, callback) { 800 comutil.callAjax("/common/social/facebook/media.do", param, function(data) { 801 if (comutil.isEmpty(data) == true) { 802 callback(null); 803 return; 804 } 805 806 callback(data); 807 }); 808 }, 809// share: function(){ 810// var href = window.location.href; 811// loc = 'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(href); 812// window.open(loc, '_blank', "width=,height="); 813// return; 814// }, 815 share: function(){ 816 var href = window.location.href; 817 FB.init({ 818 appId: '208472690047706', // AESTURA SHARE 819 status: true, 820 cookie: false, 821 xfbml: true, 822 version: 'v3.1' 823 }); 824 FB.ui({ 825 method:'share_open_graph', 826 display: 'popup', 827 action_type: 'og.shares', 828 action_properties: JSON.stringify({ 829 object:{ 830 'og:url' : href, 831 'og:title': $('meta[property="og:title"]').attr('content'), 832 'og:description': $('meta[property="og:description"]').attr('content'), 833 'og:image': $('meta[property="og:image"]').attr('content') 834 } 835 }) 836 },function(response){}); 837 } 838 }, 839 instagram: { 840 841// posts: function(param, callback) { 842 843// var tokenkey = "2305204744.9952a84.155e29743d624a3abf58d2aa2d5d1b96";//prod 844// // var tokenkey = "2305204744.1f7e331.80aac5bb6057447e97677856120689fb";//local 845// var viewCount = comutil.isEmpty(param.viewCount) == false ? param.viewCount : 9; 846// var next_max_id = comutil.isEmpty(param.nextMaxId) == false ? param.nextMaxId : ""; 847// $.ajax({ 848// type : "GET", 849// dataType : "jsonp", 850// cache: false, 851// url : "https://api.instagram.com/v1/users/self/?access_token=" + tokenkey, 852// success : function(response, status, err) { 853// console.log("insta response=", response) 854// console.log("insta status=", status) 855// console.log("insta err=", err) 856// if (response.meta.code != "200") { 857// return null; 858// } 859 860// var media_count = response.data.counts.media; 861// if (media_count > 20) { 862// media_count = 20; 863// } 864// response.media_count = media_count; 865 866// $.ajax({ 867// type : "GET", 868// dataType : "jsonp", 869// cache: false, 870// url : "https://api.instagram.com/v1/users/self/media/recent/?access_token="+ tokenkey + "&count="+viewCount+"&max_id=" + next_max_id, 871// success : function(resp, status, err){ 872 873// console.log("insta resp=", resp) 874// console.log("insta status=", status) 875// console.log("insta err=", err) 876 877// response.next_max_id = resp.pagination.next_max_id; 878// response.list = resp.data; 879 880// callback(response); 881// } 882// }); 883// } 884// }); 885 886// } 887 //dbì ì ì¥ ë ì¸ì¤í ëª©ë¡ ì¡°í 888// posts: function(param, callback) { 889// var cache = param.cache; 890// var url = "/common/social/instagram/medialist.do"; 891// if (comutil.isEmpty(cache) == false && cache == true) { 892// url = "/common/social/instagram/medialist/cache.do"; 893// } 894// comutil.callAjax(url, param, function(data) { 895// callback(data); 896// }); 897// } 898 posts: function(param, callback) { 899 var cache = param.cache; 900 var url = "/common/social/instagram/media.do"; 901 if (comutil.isEmpty(cache) == false && cache == true) { 902 url = "/common/social/instagram/medialist/cache.do"; 903 } 904 comutil.callAjax(url, param, function(data) { 905// console.log("insta.medias=", data)
906 callback(data); 907 }); 908 }, 909 mainList : function(param, callback){ 910 comutil.callAjax("/common/social/instagram/mainList/ajax.do", param, function(data) { 911 callback(data); 912 }); 913 } 914 } 915}; 916 917// YouTube API ë¡ë© ìë£ ì í¸ì¶ëë ì ì í¨ì 918function onYouTubeIframeAPIReady() { 919 snsutil.youtube.apiReady = true; 920 console.log('YouTube API is ready'); 921} 922 923// YouTube API ë¡ë© ì¤í¨ ì í¸ì¶ëë ì ì í¨ì 924function onYouTubeIframeAPIError() { 925 console.error('YouTube API failed to load'); 926 snsutil.youtube.apiReady = false; 927} 928</script>
928 929 930 931
932<script type="text/javascript"> 933/** 934 * message management Util script 935 */ 936messageutil = { 937 938 messages: { 939 "M00.0003": "080-023-3900", //M00.0003=080-023-3900 940 "M06.0002": "ë¹ë°ë²í¸ì ê°ì 문ì를 4ë² ì´ì ì¬ì©íì¤ ì ììµëë¤.", //M06.0002=ë¹ë°ë²í¸ì ê°ì 문ì를 4ë² ì´ì ì¬ì©íì¤ ì ììµëë¤. 941 "M06.0007": "ë¹ë°ë²í¸ë 공백ìì´ 8ì ì´ìì ì문/ì«ì/í¹ì문ì ì¡°í©ë§ ê°ë¥í©ëë¤. ( ì ë ¥ê°ë¥ë¬¸ì : !@#$%^&* )", //M06.0007=ë¹ë°ë²í¸ë 공백ìì´ 8ì ì´ìì ì문/ì«ì/í¹ì문ì ì¡°í©ë§ ê°ë¥í©ëë¤. 942 "M08.0016": "ì´ë¦ì íê¸ ìë¬¸ë§ ê°ë¥í©ëë¤.", //M08.0016=ì´ë¦ì íê¸ ìë¬¸ë§ ê°ë¥í©ëë¤. 943 "M08.0017": "ìì´ëë 공백ìì´ 6~12ì ì¬ì´ì ì문 í¹ì ì문+ì«ì ì¡°í©ë§ ê°ë¥í©ëë¤.", //M08.0017=ìì´ëë 공백ìì´ 6~12ì ì¬ì´ì ì문 í¹ì ì문+ì«ì ì¡°í©ë§ ê°ë¥í©ëë¤. 944 "M08.0012": "ìì²íì ë´ì©ì´ ì ìì ì¼ë¡ ì²ë¦¬ëì§ ìììµëë¤. <br>ê³ìì ì¼ë¡ ë°ìíë ê²½ì°, ê³ ê°ìë¹ì¤ì¼í°(080-023-3900)ë¡ ë¬¸ì íì기 ë°ëëë¤.(ì¤ë¥ë´ì© : {0})", //M08.0012=ìì²íì ë´ì©ì´ ì ìì ì¼ë¡ ì²ë¦¬ëì§ ìììµëë¤. ê³ìì ì¼ë¡ ë°ìíë ê²½ì°, ê³ ê°ìë¹ì¤ì¼í°(080-)ë¡ ë¬¸ì íì기 ë°ëëë¤.(ì¤ë¥ë´ì© : {1}) 945 "M14.0006": "íìëì íí´ í {0}ì¼ì´ 경과ëì§ ìì¼ì ¨ìµëë¤.<br>íí´ í {1}ì¼ì´ ì§ëë©´ ë¤ì íìê°ì ì´ ê°ë¥í©ëë¤.<br>íí´ì¼ì : {2}", //M14.0006=íìëì íí´ í {0}ì¼ì´ 경과ëì§ ìì¼ì ¨ìµëë¤. íí´ í {1} ì¼ ì´ ì§ëë©´ ë¤ì íìê°ì ì´ ê°ë¥í©ëë¤. íí´ì¼ì : {2} 946 "M15.0007": "{0} íìì´ ì못ëììµëë¤.", //M15.0007={0} íìì´ ì못ëììµëë¤. 947 "M15.0001": "{0}ì ì ë ¥í´ ì£¼ì¸ì.", //M15.0001={0}ì ì ë ¥í´ ì£¼ì¸ì. 948 "M15.0002": "{0}를 ì ë ¥í´ ì£¼ì¸ì.", //M15.0002={0}ì ì ë ¥í´ ì£¼ì¸ì. 949 "M15.0003": "{0}ì ì íí´ ì£¼ì¸ì.", //M15.0003={0}ì ì íí´ ì£¼ì¸ì. 950 "M15.0004": "{0}를 ì íí´ ì£¼ì¸ì.", //M15.0004={0}를 ì íí´ ì£¼ì¸ì. 951 "M15.0009": "{0}ì(ë) íì ì ë ¥ í목ì ëë¤.", //M15.0009={0}ì(ë) íì ì ë ¥ í목ì ëë¤. 952 "M15.0010": "{0}ì(ë) ì«ìë§ ì ë ¥ ê°ë¥í©ëë¤.", //M15.0010={0}ì(ë) ì«ìë§ ì ë ¥ ê°ë¥í©ëë¤. 953 "M15.0012": "{0}ì ëìí´ ì£¼ì¸ì.", //M15.0012={0}ì ëìí´ ì£¼ì¸ì. 954 "M15.0011": "{0}ì(ë) ììì ìµë {1}ì리ê¹ì§ ì ë ¥ ê°ë¥í©ëë¤.",//M15.0011={0}ì(ë) ììì ìµë {1}ì리ê¹ì§ ì ë ¥ ê°ë¥í©ëë¤. 955 "M15.0013": "{0}ì íì¸í´ 주ì¸ì.", //M15.0013={0}ì íì¸í´ 주ì¸ì. 956 "M15.0014": "{0}를 íì¸í´ 주ì¸ì.", //M15.0014={0}를 íì¸í´ 주ì¸ì. 957 "M15.9999": "{0}", //M15.9999={0} 958 }, 959 getMessage : function(code, args) { 960 var msg = this.messages[code]; 961 if (msg && args && args.length > 0) { 962 for (var i = 0; i < args.length; i++) { 963 console.log("args[i]", args[i]) 964 msg = msg.replace("{"+i+"}", args[i]); 965 } 966 } 967 return msg; 968 }, 969 getMessageCS: function() { 970// var cs = this.getMessage("M00.0003"); 971 var msg = this.getMessage("M08.0012", [""]); 972 return msg; 973 } 974}; 975</script>
vendor: 1 bytes, line 975
975
976<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
vendor: 1 bytes, line 976
976
977<script> 978window.dataLayer = window.dataLayer || []; 979dataLayer.push({ 980 'dimension1': 'PC', //ì±ëì í 981 'dimension2': '', //ê²ì_ê²ìê²°ê³¼ì 982 'dimension3': '', //ê²ì 983 'dimension4': '', //ê²ìì í 984 'dimension5': '', //íì´ì§ëª 985 'dimension6': '', //ì¹´í ê³ ë¦¬ 1DEPTH 986 'dimension7': '', //ì¹´í ê³ ë¦¬ 2DEPTH 987 'dimension8': '', //ì¹´í ê³ ë¦¬ 3DEPTH 988 'dimension9': '', //ì¹´í ê³ ë¦¬ 4DEPTH 989 'dimension10': '' // ì´ë²¤í¸ëª 990}); 991</script>
991 992 993<!-- Global site tag (gtag.js) - Google Analytics _ê°ë°ì¶ì ì½ë-->
vendor: 65 bytes, lines 993-995
993 994<script async 995 src="https://www.googletagmanager.com/gtag/js?id=
995UA-122574525-1
vendor: 12 bytes, line 995
995"></script>
996<script> 997
vendor: 134 bytes, lines 997-1001
997window.dataLayer = window.dataLayer || []; 998 function gtag(){dataLayer.push(arguments);} 999 gtag('js', new Date()); 1000 1001 gtag('config', '
1001UA-122574525-1
vendor: 32 bytes, line 1001
1001',{ 'send_page_view': false });
1002</script>
1002 1003 1004<!-- GA4 ì í GTM ID --> 1005<!-- Google Tag Manager -->
1006<script>
vendor: 327 bytes, lines 1006-1010
1006(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1007new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1008j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1009'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1010})(window,document,'script','dataLayer','
1010GTM-MZH2JRFN
vendor: 3 bytes, line 1010
1010');
1010</script>
1010 1011<!-- End Google Tag Manager --> 1012 1013<!-- Google Tag Manager -->
1014<script>
vendor: 327 bytes, lines 1014-1018
1014(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1015new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1016j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1017'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1018})(window,document,'script','dataLayer','
1018GTM-NVFSBRV
vendor: 3 bytes, line 1018
1018');
1018</script>
1018 1019<!-- End Google Tag Manager --> 1020 1021<!-- Google Tag Manager -->
1022<script>
vendor: 327 bytes, lines 1022-1026
1022(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1023new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1024j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1025'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1026})(window,document,'script','dataLayer','
1026GTM-MXZ54M3
vendor: 3 bytes, line 1026
1026');
1026</script>
1026 1027<!-- End Google Tag Manager --> 1028 1029<!-- Datadog RUM --> 1030
1031<script 1032 src="https://www.datadoghq-browser-agent.com/us1/v6/datadog-rum.js" 1033 type="text/javascript"> 1034</script>
vendor: 1 bytes, line 1034
1034
1035<script> 1036 window.DD_RUM && window.DD_RUM.init({ 1037 clientToken: 'pub8c57dffce1ad954ba9d7a5153786387b', 1038 applicationId: '28603540-2d61-473b-984f-30a5d8194606', 1039 site: 'datadoghq.com', 1040 service: 'ap-aestura-front', 1041 env: 'prd', 1042 sessionSampleRate: 20, 1043 sessionReplaySampleRate: 0, 1044 trackBfcacheViews: true, 1045 defaultPrivacyLevel: 'mask-user-input', 1046 }); 1047</script>
1047 1048 1049<!-- End Datadog RUM --> 1050 1051<!-- STEP 1. í리미ìë¡ê·¸ë¶ì ì¤í¬ë¦½í¸ì¸ wcslog.js í¸ì¶ ( ê³µíµì¤í¬ë¦½í¸ / ì íì¤í¬ë¦½í¸ì function ë¤ì 모ë ë´ê³ ìì ) -->
1052<script type="text/javascript" src="https://wcs.naver.net/wcslog.js"></script>
vendor: 1 bytes, line 1052
1052
1053<script type="text/javascript"> 1054<!-- STEP 2. na_account_id( ë¤ì´ë²ê³µíµí¤ ) ì¸í --> 1055 if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "s_36b6d0279ed7"; <!-- wcs_add["wa"]="na_account_id" , íì¸ë / ì ë¬ë°ì na_account_id( ë¤ì´ë²ê³µíµí¤ ) ì¸í --> 1056 <!-- STEP 3. Referrer, íì¬íì´ì§ URL, ì¬ì©ìíê²½ë±ì ì 보를 ë³ìì ì¸í ë° ì íë¡ê·¸ ìì§ì ìí Cookie ë±ì ì¸í --> 1057 if (!_nasa) var _nasa={}; 1058 //if (!wcs) var wcs = {}; 1059 wcs.inflow(""); <!-- PC ì¬ì´í¸ì 모ë°ì¼ì¬ì´í¸ì ì¹ë¡ê·¸ í©íì¬ ë¶ìíë ê²½ì° ì¬ì´í¸ ìµìì ëë©ì¸ ì ë ¥ . PC ì 모ë°ì¼ ì¬ì´í¸ë¥¼ ê°ê° ë³ëë¡ ë¶ìíê³ ì¶ì ê²½ì° ê°ì ë¹ìë . --> 1060 //_nasa["cnv"] = wcs.cnv("5","1"); 1061 <!-- STEP 4. ë³ìì ì¸í ë ê°ì¢ ì ë³´ + ì íì 보를 ( ë¤ì´ë²ì ) ì¹ë¡ê·¸ìì§ìë²ì ì ì¡ . ì ì¡íë method ì´ë¯ë¡ íì STEP 1, 2, 3 ë³´ë¤ ëì¤ì ìì´ì¼ í¨ . --> 1062 <!-- ( ë³ì ì¸í ë±ì´ ëì§ ìì ìí©ìì 먼ì ì ì¡íë©´ ì¹ë¡ê·¸ ìì§ì ì¤ë¥ê° ë°ìí¨ .) --> 1063 wcs_do(_nasa); 1064</script>
vendor: 1 bytes, line 1064
1064
1065<script> 1066 1067 1068 1069 1070$(document).ready(function(){ 1071 1072 /* var xmlHttp; 1073 1074 if (window.XMLHttpRequest) { // IE 7.0 ì´ì, í¬ë¡¬, íì´ì´íì¤ì¼ ê²½ì° ë¶ê¸° 1075 1076 xmlHttp = new XMLHttpRequest(); 1077 xmlHttp.open('HEAD',window.location.href.toString(),false); 1078 xmlHttp.setRequestHeader("Content-Type", "text/html"); 1079 xmlHttp.send(''); 1080 }else if (window.ActiveXObject) { 1081 1082 xmlHttp = new ActiveXObject('Msxml2.XMLHTTP'); 1083 xmlHttp.open('HEAD',window.location.href.toString(),false); 1084 xmlHttp.setRequestHeader("Content-Type", "text/html"); 1085 xmlHttp.send(''); 1086 } 1087 1088 var st = xmlHttp.getResponseHeader("Date"); 1089 var now = new Date(st); 1090 var startDate = "202207040500"; //2020ë 1ì 15ì¼ 23:30 1091 var endDate = "202207040630"; //2020ë 1ì 16ì¼ 05:00 1092 1093 year = now.getFullYear(); //íì¬ìê° ì¤ 4ì리 ì°ë 1094 month = now.getMonth()+1; //íì¬ìê° ì¤ ë¬. ë¬ì 0ë¶í° ììí기 ë문ì +1 1095 if((month+"").length < 2){ 1096 month="0"+month; //ë¬ì ì«ìê° 1ì리면 ìì 0ì ë¶ì. 1097 } 1098 date = now.getDate(); //íì¬ ìê° ì¤ ë ì§. 1099 if((date+"").length < 2){ 1100 date="0"+date; 1101 } 1102 hour = now.getHours(); //íì¬ ìê° ì¤ ìê°. 1103 if((hour+"").length < 2){ 1104 hour="0"+hour; 1105 } 1106 minutes =now.getMinutes(); 1107 if((minutes+"").length < 2){ 1108 minutes="0"+minutes; 1109 } 1110 1111 today = year + "" + month + "" + date+ "" + hour + "" + minutes; 1112 console.log("PC ìê° : " + today); 1113 1114 // ìê°ë¹êµ 1115 if ((eval(today) >= eval(startDate)) && ((eval(today) <= eval(endDate)))) { 1116 document.location.href="main/underConstruction.do"; 1117 } */ 1118 1119}); 1120 1121</script>
1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136<!-- ê³µíµ ì²ë¦¬ íì¼ include(ìì°¨ì²ë¦¬ëë ë¡ì§ í¬í¨ íì¬ ìì¹ ë° include ìì ì ì§) --> 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152<html> 1153<body> 1154 1155 <!-- ëë²ê¹ ì© --> 1156
1156<script> 1157 console.log("DEBUG - stDate: "); 1158 console.log("DEBUG - endDate: "); 1159 console.log("DEBUG - today: 2026-10-04 15:58:22"); 1160 console.log("DEBUG - stDate parsed: "); 1161 console.log("DEBUG - endDate parsed: "); 1162 console.log("DEBUG - tempLoginAuthorizeFl: "); 1163 console.log("DEBUG - ë ì§ ë¹êµ: false"); 1164 </script>
1164 1165 1166 1167</body> 1168</html> 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180
1181<script type="text/javascript"> 1182//íì¬ íì´ì§ url ë° íë¼ë¯¸í° ë¦¬í´ 1183function fn_commonurl_getUrlString() { 1184 var urlString = "/web/main.do"; 1185 var queryString = ""; 1186 var qnaUrlString = "/web/qna/qnaRegistForm.do"; 1187 var photoreviewUrlString = "/web/photoreview/photoreviewForm.do"; 1188 var corpshopmainUrlString = "/web/corp/shopmain.do"; 1189 1190 if(comutil.isEmpty(urlString) == false && urlString.indexOf("/mypage") > -1){ 1191 urlString = "/web/main.do"; 1192 } else { 1193 if (comutil.isEmpty(urlString) == false) { 1194 if (comutil.isEmpty(queryString) == false) { 1195 urlString += (urlString.indexOf("?") > -1) ? "&" : "?"; 1196 urlString += queryString; 1197 photoreviewUrlString += (photoreviewUrlString.indexOf("?") > -1) ? "&" : "?"; 1198 photoreviewUrlString += queryString; 1199 } 1200 //1ë1 문ììì ë¡ê·¸ììíì ë ê³ ê°ì¼í°ë¡ ì´ë 1201 if(qnaUrlString == urlString){ 1202 urlString = "/web/cscenter/main.do"; 1203 } 1204 //í¬í 리뷰 ìì±ìì ë¡ê·¸ììíì ë í¬í ë¦¬ë·°ë¡ ì´ë 1205 if(photoreviewUrlString == urlString){ 1206 urlString = "/web/photoreview/list.do"; 1207 } 1208 //ìì¬ì ì©ëª° ìë¹ì¤ ì í íì´ì§ìì ë¡ê·¸ììíì ë ìì¬íì ë¡ê·¸ì¸ íì´ì§ë¡ ì´ë 1209 if(corpshopmainUrlString == location.pathname) { 1210 urlString = "/web/logincorp/login.do"; 1211 } 1212 1213 } else { 1214 urlString = commonjs.getLocate('main'); 1215 } 1216 } 1217 return urlString; 1218} 1219 1220var ga_cid = comutil.getCookie('_ga'); 1221var ga_gid = comutil.getCookie('_gid'); 1222//sid = _ga_<measurementId> 1223var ga_sid = comutil.getCookie('_ga_84NHR3996T'); 1224 1225var commonjs = { 1226 //íì´ì§ ì´ë 1227 locate: function(keyString, options) { 1228 1229 // 기존 ì¿ í¤ê° ìë ê²½ì° íì´ì§ ì ì ì ì¿ í¤ê° ìì±ë기 ì ì ë³ì ì¸í ì´ ëì´ cid/gid/sidì´ ì ëì´ê° 1230 // url í¸ì¶ ì ì cid/gid/sid íë² ë ì²´í¬ 1231 if (comutil.isEmpty(ga_cid) || comutil.isEmpty(ga_gid) || comutil.isEmpty(ga_sid)) { 1232 ga_cid = comutil.getCookie('_ga'); 1233 ga_gid = comutil.getCookie('_gid'); 1234 ga_sid = comutil.getCookie('_ga_84NHR3996T'); 1235 } 1236 1237 var url = this.getLocate(keyString); 1238 1239 if(keyString=='login'){ 1240 if(comutil.isEmpty(ga_cid) == false && comutil.isEmpty(ga_gid) == false && comutil.isEmpty(ga_sid) == false){ 1241 url += (url.indexOf("?") > -1) ? "&" : "?"; 1242 url += "cid="+ga_cid.substr(6); 1243 url += "&gid="+ga_gid.substr(6); 1244 url += "&sid="+ga_sid.substring(6, 16); 1245 } 1246 }else if(keyString=='joinonRegist'){ 1247 if(comutil.isEmpty(ga_cid) == false && comutil.isEmpty(ga_gid) == false && comutil.isEmpty(ga_sid) == false){ 1248 url = "/oauth2AuthorizeUser?reset=true&cid="+ga_cid.substr(6)+"&gid="+ga_gid.substr(6)+"&sid="+ga_sid.substring(6, 16)+"&join=true&redirectUri=/web/main.do"; 1249 } 1250 } 1251 1252 if (comutil.isEmpty(url) == true) { 1253 return; 1254 } 1255 1256 //ìµì ì²´í¬ 1257 var type = ""; 1258 var message = ""; 1259 var target = ""; 1260 var zkey = ""; 1261 var keyword = ""; //íµí©ê²ì í¤ìë 1262 if (comutil.isEmpty(options) == false) { 1263 type = comutil.nvl(options['type'], ""); 1264 message = comutil.nvl(options['message'], ""); 1265 target = comutil.nvl(options['target'], ""); 1266 zkey = comutil.nvl(options['zkey'], ""); 1267 keyword = comutil.nvl(options['keyword'], ""); 1268 } 1269 //컨íì°½ íì¸ í íì´ì§ ì´ë 1270 if (type == "confirm" && comutil.isEmpty(message) == false) { 1271 webutil.confirm(message, function(rslt) { 1272 if (rslt == false) return; 1273 }); 1274 } 1275 1276 if (comutil.isEmpty(zkey) == false) { url += zkey; } 1277 if (comutil.isEmpty(keyword) == false) { 1278 url += (url.indexOf("?") > -1) ? "&" : "?"; 1279 url += "searchText=" + encodeURI(keyword); 1280 } 1281 1282 if (comutil.isEmpty(target) == false) { 1283 comutil.blank(url, target); 1284 } 1285 else { 1286 url = url.replace(/&/gi, "&"); 1287 location.href = url; 1288 } 1289 }, 1290 //ë©ë´ URL íë 1291 getLocate: function(keyString) { 1292 var url; 1293 $.map(commonurl, function(value, key) { 1294 if (keyString != key) return true; 1295 url = value; 1296 return false; 1297 }); 1298 return url; 1299 }, 1300 //ë¡ë©ë° í¸ì¶ 1301 startLoading: function() { 1302 $(document.body).addClass("loading"); 1303 }, 1304 endLoading: function() { 1305 $(document.body).removeClass("loading"); 1306 }, 1307 //[202009] ì´ëì±ë 1308 //ë¡ê·¸ì¸ íì´ì§ ì´ë 1309 loginOmni: function(opts) { 1310 //íìì ìµì ì¤ì 1311 var option = { 1312 returnUrl : null 1313 }; 1314 var option = $.extend({}, option, opts); 1315 1316 // 기존 ì¿ í¤ê° ìë ê²½ì° íì´ì§ ì ì ì ì¿ í¤ê° ìì±ë기 ì ì ë³ì ì¸í ì´ ëì´ cid/gid/sidì´ ì ëì´ê° 1317 // url í¸ì¶ ì ì cid/gid/sid íë² ë ì²´í¬ 1318 if (comutil.isEmpty(ga_cid) || comutil.isEmpty(ga_gid) || comutil.isEmpty(ga_sid)) { 1319 ga_cid = comutil.getCookie('_ga'); 1320 ga_gid = comutil.getCookie('_gid'); 1321 ga_sid = comutil.getCookie('_ga_84NHR3996T'); 1322 } 1323 1324 var returnUrl = comutil.nvl(option.returnUrl, "/web/main.do"); 1325 var loginUrl = this.getLocate('login'); 1326 1327 if(comutil.isEmpty(ga_cid) == false && comutil.isEmpty(ga_gid) == false && comutil.isEmpty(ga_sid) == false ){ 1328 loginUrl += "?reset=true"; 1329 loginUrl += "&cid="+ga_cid.substr(6); 1330 loginUrl += "&gid="+ga_gid.substr(6); 1331 loginUrl += "&sid="+ga_sid.substring(6, 16); 1332 loginUrl += "&redirectUri=" + encodeURI(returnUrl); 1333 }else{ 1334 loginUrl += "?reset=true&redirectUri=" + encodeURI(returnUrl); 1335 } 1336 1337 //loginUrl += "?reset=true&redirectUri=" + encodeURI(returnUrl); 1338 location.href = loginUrl; 1339 }, 1340 //-- ì´ëì±ë 1341 login: function() { 1342 commonjs.loginPage(); 1343 /* ì´ë ë¡ê·¸ì¸ ì¬ì© ìí¨ 2026.04 1344 //[20210602] ì´ëì±ë ì¥ì ì¸ ê²½ì° ê²½ê³ ì°½ ì¶ë ¥ 1345 if ("2000" == "5000") { 1346 webutil.showPopup("omniServiceUnavailable"); 1347 return; 1348 } 1349 1350 var returnUrl = "/web/main.do"; 1351 var queryString = "".replaceAll("%27", "\'").replaceAll("%22", "\""); 1352 var loginUrl = this.getLocate('login'); 1353 1354 if (comutil.isEmpty(returnUrl) == false) { 1355 if (comutil.isEmpty(queryString) == false) { 1356 returnUrl += (returnUrl.indexOf("?") > -1) ? "&" : "?"; 1357 returnUrl += queryString; 1358 } else if(returnUrl.indexOf("/event/ai_skintype_test") > -1) { 1359 returnUrl = commonurl.btsLoginUrl; 1360 } 1361 } 1362 //리í´URLì´ ë¹ì´ ìê±°ë, ë¡ê·¸ì¸ ì½ë°±ì´ë©´ ë©ì¸íì´ì§ë¡ ì§ì 1363 if (comutil.isEmpty(returnUrl) == true || returnUrl.indexOf("/login") > -1 || returnUrl.indexOf("/orderuser/mypage/order/orderView") > -1) { 1364 returnUrl = this.getLocate('main'); 1365 } 1366 1367 //í¨ìê° ìì¼ë©´ SSOë¡ê·¸ì¸ì ëì´ ìë ìí 1368 if (typeof checkMemberUserStatus == "function") { 1369 checkMemberUserStatus(function(data) { //íí´ íìë± íììí ì¬ì ì²´í¬ 1370 if (data == false) { 1371 return; 1372 } 1373 commonjs.loginOmni({returnUrl:returnUrl}); 1374 }); 1375 } 1376 else {
1377 commonjs.loginOmni({returnUrl:returnUrl}); 1378 } 1379 */ 1380 }, 1381 loginPage: function() { 1382 var returnUrl = "/web/main.do"; 1383 var queryString = ""; 1384 var loginUrl = this.getLocate('loginPage'); 1385 if (comutil.isEmpty(returnUrl) == false) { 1386 //ë¡ê·¸ì¸ íì´ì§ë¡ 리í´ëë©´ ë©ì¸ì¼ë¡ ë³ê²½ 1387 if (returnUrl.indexOf("/login") > -1 || returnUrl.indexOf("/user/mypage/order/cancelview") > -1) { 1388 returnUrl = commonurl.main; 1389 } else { 1390 if (comutil.isEmpty(queryString) == false) { 1391 returnUrl += (returnUrl.indexOf("?") > -1) ? "&" : "?"; 1392 returnUrl += queryString; 1393 } 1394 } 1395 loginUrl += "?returnURL=" + encodeURI(returnUrl); 1396 } 1397 location.href = loginUrl; 1398 }, 1399 logout: function() { 1400 this.locate('logout'); 1401 }, 1402 joinRegist: function() { 1403 1404 //[20210602] ì´ëì±ë ì¥ì ì¸ ê²½ì° ê²½ê³ ì°½ ì¶ë ¥ 1405 if ("2000" == "5000") { 1406 webutil.showPopup("omniServiceUnavailable"); 1407 return; 1408 } 1409 1410 if (typeof checkMemberUserStatus == "function") { 1411 checkMemberUserStatus(function(data) { 1412 if (data == false) { 1413 return; 1414 } 1415 commonjs.locate('joinonRegist'); 1416 }); 1417 } 1418 else { 1419 commonjs.locate('joinonRegist'); 1420 } 1421 }, 1422 main: function() { 1423 this.locate('main'); 1424 }, 1425 mobileMain: function() { 1426 this.locate('mobileMain'); 1427 }, 1428 //ìì¬íì ì¼íë©ì¸ 1429 corpMain: function(catCd) { 1430 var url = this.getLocate('aesturamall') + "?#corpmain_" + catCd; 1431 location.href = url; 1432 }, 1433 pdtMain: function(catCd) { 1434 var url = this.getLocate('pdtMain') + "?pCateCd=" + catCd; 1435 location.href = url; 1436 }, 1437 pdtList: function(catCd) { 1438 var url = this.getLocate('pdtList') + "?pCateCd=" + catCd; 1439 location.href = url; 1440 }, 1441 pdtView: function(prdSeq) { 1442// var url = this.getLocate('pdtView') + "?prdSeq=" + prdSeq 1443 var url = this.getLocate('pdtView') + prdSeq; 1444 location.href = url; 1445 }, 1446 pdtView2: function(prdSeq, catCd) { 1447 var url = this.getLocate('pdtView') + prdSeq + "&pCateCd=" + catCd; 1448 location.href = url; 1449 }, 1450 ordercomplete: function(ordSeq) { 1451 var url = this.getLocate('ordercomplete') + ordSeq 1452 location.href = url; 1453 }, 1454 cancelView: function(ordSeq) { 1455 var url = this.getLocate('cancelView') + ordSeq; 1456 location.href = url; 1457 }, 1458 returnView: function(claimSeq) { 1459 var url = this.getLocate('returnView') + claimSeq; 1460 location.href = url; 1461 }, 1462 exchgView: function(claimSeq) { 1463 var url = this.getLocate('exchgView') + claimSeq; 1464 location.href = url; 1465 }, 1466 /* 1467 * layer.jspì í í릿 ì ì¸ 1468 */ 1469 blogView: function(seq, keyword) { 1470 //íë¼ë¯¸í° ì¤ì 1471 var param = new Object(); 1472 param.seq = seq; 1473 var url = this.getLocate('blogView'); 1474 url += comutil.isEmpty(keyword) == false ? "?searchKeyword=" + encodeURI(keyword) : ""; 1475 webutil.showPopupCont('postingView', url, param); 1476 }, 1477 search: function(frmId) { 1478 try { 1479 var frm = $("form#" + frmId); 1480 var srchKeyword = $(frm).find("input[name=srchKeyword]").val(); 1481 if (comutil.isEmpty(srchKeyword) == true || srchKeyword.length < 2) { 1482 //M01.0002=ê²ìì´ë íê¸/ì문 {0}ê¸ì ì´ì ê²ì ê°ë¥í©ëë¤. 1483 webutil.alert("ê²ìì´ë íê¸/ì문 2ê¸ì ì´ì ê²ì ê°ë¥í©ëë¤."); 1484 return false; 1485 } 1486 $(frm).prop("action", "/web/search/result.do"); 1487 return true; 1488 } catch (e) { 1489 alert(e.description) 1490 } 1491 return false; 1492 }, 1493 rcmdKeyword: function() { 1494 1495 var target = $("#header_rcmdKeywordList"); 1496 var tags = $(target).html(); 1497 //ê²ìììì´ ì´ë¯¸ í¸ì¶ì´ ë ìí©ì´ë©´ stop 1498 if ($(tags).children().length > 0) { 1499 return; 1500 } 1501 comutil.callAjax("/web/rcmdsearch/list/ajax.do", null, function(data) { 1502 console.log("rcmdKeyword.data=", data) 1503 var list = data.list; 1504 var skinTypeLit = data.skinTypeLit; 1505 var skinTrobLit = data.skinTrobLit; 1506 1507 $(target).empty(); 1508 //ì¶ì² ê²ìì´ 1509 if (comutil.isEmpty(list) == false) { 1510 var dl = $("<dl>"); 1511 $(dl).append("<dt>ì¶ì² ê²ìì´</dt>"); 1512 $.each(list, function(inx) { 1513 var kwd = comutil.isEmpty(this.kwd) == true ? "" : this.kwd; 1514 var lnkUrl = comutil.isEmpty(this.lnkUrl) == true ? "" : this.lnkUrl+"&type=02"; 1515 var tag = "<dd><a href=\"#\" onclick=\"gtagjs.event({category:'SEARCH_RESULT',action:'ì¶ì² ê²ìì´',label:'"+kwd+"',d4:'ì¶ì²ê²ì'});commonjs.rcmdKeywordOn('"+kwd+"','"+lnkUrl+"');\">"+kwd+"</a></dd>"; 1516 $(dl).append(tag); 1517 }); 1518 $(target).append(dl); 1519 } 1520 //í¼ë¶ íì 1521 if (comutil.isEmpty(skinTypeLit) == false) { 1522 var dl = $("<dl>"); 1523 $(dl).append("<dt>í¼ë¶ íì </dt>"); 1524 $.each(skinTypeLit, function(inx) { 1525 var kwd = this.catNm; 1526 var lnkUrl ="/web/search/result.do?srchKeyword="+encodeURI(kwd)+"&type=03"; 1527 var tag = "<dd><a href=\"#\" onclick=\"gtagjs.event({category:'SEARCH_RESULT',action:'í¼ë¶ íì ',label:'"+kwd+"',d4:'í¼ë¶ íì '});commonjs.rcmdKeywordOn('"+kwd+"','"+lnkUrl+"');\">"+kwd+"</a></dd>"; 1528 $(dl).append(tag); 1529 }); 1530 $(target).append(dl); 1531 } 1532 //í¼ë¶ ê³ ë¯¼ 1533 if (comutil.isEmpty(skinTrobLit) == false) { 1534 var dl = $("<dl>"); 1535 $(dl).append("<dt>기ë¥Â·í¨ê³¼</dt>"); 1536 $.each(skinTrobLit, function(inx) { 1537 var kwd = this.catNm; 1538 var lnkUrl ="/web/search/result.do?srchKeyword="+encodeURI(kwd)+"&type=04"; 1539 var tag = "<dd><a href=\"#\" onclick=\"gtagjs.event({category:'SEARCH_RESULT',action:'기ë¥Â·í¨ê³¼',label:'"+kwd+"',d4:'기ë¥Â·í¨ê³¼'});commonjs.rcmdKeywordOn('"+kwd+"','"+lnkUrl+"');\">"+kwd+"</a></dd>"; 1540 $(dl).append(tag); 1541 $("#search_type_AP").val("기ë¥Â·í¨ê³¼"); 1542 }); 1543 $(target).append(dl); 1544 } 1545 }); 1546 }, 1547 rcmdKeywordOn: function(keyword, url) { 1548 console.log("url=", url) 1549 if (comutil.isEmpty(url) == true) { 1550 $("form#frm_headerSearch").find("input[name=srchKeyword]").val(keyword); 1551 window.location.href = "/web/search/result.do?srchKeyword="+encodeURI(keyword)+"&type=02"; 1552 // $("form#frm_headerSearch").submit(); 1553 // return; 1554 }else{ 1555 //ë±ë¡ ë urlì´ ìì¼ë©´ í´ë¹ urlë¡ ì´ë 1556 location.href = url; 1557 } 1558 }, 1559 keywordSearchOn: function() { 1560 if (commonjs.search("frm_headerSearch") == true) { 1561 // $("#srchKeyword").val(escape($("#srchKeyword").val())); 1562 var labelTemp = $("#srchKeyword").val(); 1563 gtagjs.event({category:'SEARCH_RESULT',action:'SEARCH',label:labelTemp,d4:'ì§ì ì ë ¥'}); 1564 window.location.href = $("form#frm_headerSearch").attr("action")+"?srchKeyword="+encodeURIComponent(labelTemp)+"&type=01"; 1565 // $("form#frm_headerSearch").submit(); 1566 // return;?srchKeyword=ìí ë² ë¦¬ì´ 1567 } 1568 }, 1569 keywordSearchOn2: function(src) { 1570 if (commonjs.search("frm_searchResult") == true) { 1571 var labelTemp = $("#srchKeyword2").val(); 1572 gtagjs.event({category:'SEARCH_RESULT',action:'SEARCH',label:labelTemp,d4:'ì§ì ì ë ¥'}); 1573 window.location.href = $("form#frm_searchResult").attr("action")+"?srchKeyword="+encodeURIComponent(labelTemp)+"&type=01"; 1574 //$("form#frm_searchResult").submit(); 1575 //return; 1576 } 1577 }, 1578 //2019.03.08 webutil.jsë¡ ì´ë ì´ë¦ ë³ê²½ showPopup -> showPopupCont 1579// showPopup: function(_layerid, _url, _param, _options) { 1580 1581// var width; 1582// var height; 1583// if (comutil.isEmpty(_options) == false) { 1584// width = comutil.isEmpty(_options.width) == false ? _options.width : null; 1585// height = comutil.isEmpty(_options.height) == false ? _options.height : null; 1586// } 1587// // ìµì ì¤ì 1588// console.log("width=", width) 1589// console.log("height=", height) 1590// // ë ì´ì´ ëì´ ë° ëì´ ì§ì 1591// if (width) { $("#"+_layerid).css("width", width); } 1592// if (height) { $("#"+_layerid).css("height", height); } 1593// //컨í ì¸ ë¶ë¬ì¤ê¸° 1594// comutil.callAjax(_url, _param, function(data) { 1595// $("#"+_layerid+" #layerCont").html(data); 1596// //ë ì´ì´íì show 1597// layerPopup(_layerid); 1598// }); 1599// setTimeout(function(){ fnLayerPopSize('#'+_layerid); }, 50); 1600// }, 1601 aesturamall: function() { 1602 comutil.blank("http://www.aesturamall.co.kr"); 1603 }, 1604 //주ìê²ì íì í¸ì¶ 1605 searchAddress: function(callbackFunc) { 1606 var param = new Object(); 1607 param.callbackFunc = callbackFunc;
1607 //ì½ë°±í¨ì 1608 // sapê²ì íì í¸ì¶ 1609 webutil.showPopupCont('findZipcode', commonjs.getLocate('zipsearch'), param); 1610 }, 1611 cardRegist: function(callbackFunc, seq) { 1612 var param = new Object(); 1613 param.autoSttlCardSeq = (comutil.isEmpty(seq)) ? 0 : seq; 1614 param.callbackFunc = (comutil.isEmpty(callbackFunc)) ? "" : callbackFunc; //ì½ë°±í¨ì 1615 // sapê²ì íì í¸ì¶ 1616 var url = "/web/user/mypage/oneclick/oneclickCardForm.do"; 1617 webutil.showPopupCont('OCcartEdit', url, param); 1618 }, 1619 oneclickListPopup: function(callbackFunc) { 1620 var param = new Object(); 1621 param.callbackFunc = (comutil.isEmpty(callbackFunc)) ? "" : callbackFunc; //ì½ë°±í¨ì 1622 // sapê²ì íì í¸ì¶ 1623 var url = "/web/user/mypage/oneclick/oneclickListPopup.do"; 1624 webutil.showPopupCont('OCmanagement', url, param); 1625 }, 1626 /** 1627 * ë°°ì¡ì ì²´ ë°°ì¡ì¡°í 1628 * dlvNo : ì¡ì¥ë²í¸ 1629 * dlvCmpyCd : ë°°ì¡ì ì²´ì½ë(ê³µíµì½ë:DC) 1630 */ 1631 dlvTrace: function(dlvNo, dlvCmpyCd) { 1632 if (comutil.isEmpty(dlvCmpyCd) == true && dlvCmpyCd.length < 4) { 1633 return; 1634 } 1635 comutil.callAjax("/web/main/dlvTrace.do", {cd:dlvCmpyCd}, function(data) { 1636 var urlParam = "?wkey=1d6k5a8h32f9p3v7j0t3&th1" 1637 var url = data + dlvNo; 1638 comutil.blank(url) 1639 }); 1640 }, 1641 /** 1642 * ë°°ì¡ì ì²´ ë°°ì¡ì¡°í(ê³ ë ¤íë°°) 1643 * dlvNo : ì¡ì¥ë²í¸ 1644 * dlvCmpyCd : ë°°ì¡ì ì²´ì½ë(ê³µíµì½ë:DC) 1645 * prdSendDateStr8 : ë°°ì¡ììì¼ 1646 */ 1647 dlvTraceKorea: function(dlvNo, dlvCmpyCd, prdSendDateStr8) { 1648 if (comutil.isEmpty(dlvCmpyCd) == true && dlvCmpyCd.length < 4) { 1649 return; 1650 } 1651 comutil.callAjax("/web/main/dlvTrace.do", {cd:dlvCmpyCd}, function(data) { 1652 var urlParam = "?wkey=1d6k5a8h32f9p3v7j0t3&th=1&custcd=521&docno="; 1653 var url = data + urlParam+dlvNo+"&outymd="+prdSendDateStr8; 1654 comutil.blank(url) 1655 }); 1656 }, 1657 shippingListPop: function(callbackFunc) { 1658 var param = new Object(); 1659 param.callbackFunc = (comutil.isEmpty(callbackFunc)) ? "" : callbackFunc; //ì½ë°±í¨ì 1660 var url = "/web/user/mypage/member/shippingListPop.do"; 1661 webutil.showPopupCont('deliveryInfoMng', url, param); 1662 }, 1663 noticeList: function(target_id) { 1664 var target = $("#"+target_id); 1665 1666 comutil.callAjax("/web/notice/cacheList/ajax.do", null, function(data) { 1667 var list = data.list; 1668 1669 $(target).empty(); 1670 //ê³µì§ì¬í ëª©ë¡ 1671 if (comutil.isEmpty(list) == false) { 1672 var html = "<span class='t'>ê³µì§ì¬í</span><a href='javascript:;' onclick='commonjs.noticeView(\""+data.list[0].seq+"\")'>"+comutil.unescapeXml(data.list[0].ttl)+"</a><span class='date'>"+data.list[0].regDate+"</span>"; 1673 1674 $(target).append(html); 1675 } 1676 }); 1677 }, 1678 noticeView: function(seq) { 1679 var url = this.getLocate('noticeView') + seq; 1680 location.href = url; 1681 }, 1682 commonContent: function(astmComCtntClCd) { 1683 var url = this.getLocate('commonContent') + astmComCtntClCd; 1684 location.href = url; 1685 }, 1686 //20190705 img í¸ì¶ í¨ì ì¶ê° 1687 imageLoad: function(path) { 1688 return "https://image.aestura.com" + path; 1689 }, 1690 communityView: function(seq) { 1691 var url = this.getLocate('communityView') + seq; 1692 location.href = url; 1693 }, 1694 /** 1695 template: íì ìì±ì íìí Template 1696 template.key - uniqueí¤ 1697 template.title - íì ì 목 1698 template.cnt - íì ì ë¤ì´ê° ë´ì© 1699 template.width - íì ëì´ 1700 template.height - íì ëì´ 1701 */ 1702 getLayerPopup: function(layerId, chkId, template){ 1703 var width = comutil.isEmpty(template.width) ? 0 : template.width; 1704// var height = comutil.isEmpty(template.height) ? 0 : template.height; 1705 var str = ""; 1706 var cnt = template.cnt; 1707 var img_resize = template.width-80; 1708 if (cnt.indexOf("<img") > -1){ 1709 cnt = cnt.substr(0,cnt.indexOf("<img")+4)+" width=\""+img_resize+"\" "+cnt.substr(cnt.indexOf("<img")+4); 1710 } 1711 str += '<div class="layerPopup is-visible" id="'+layerId+'" style="width:'+width+'px; display:block;">'; 1712 str += '<a href="javascript:;" class="layerClose" onclick="layerPopClose2(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a>'; 1713 str += '<div class="titleArea">'; 1714 str += ' <div class="title">'+template.title+'</div>'; 1715 str += ' <i></i>'; 1716 str += '</div>'; 1717 str += '<div class="layerBody">'; 1718 str += ' <div class="layerCont">'; 1719 str += cnt; 1720 str += ' </div>'; 1721 str += '</div>'; 1722 str += '<div class="cookieChk">'; 1723 str += ' <div class="input check">'; 1724 str += ' <input type="checkbox" id="'+chkId+'">'; 1725 str += ' <label for="'+chkId+'" onclick="comutil.setCookie(\''+layerId+'\',\'Y\',1);layerPopClose2(this);">ì¤ë í루 ë³´ì´ì§ ìì</label>'; 1726 str += ' </div>'; 1727 str += ' <span class="btn sizeS style2"><a href="javascript:;" onclick="layerPopClose2(this);">ë«ê¸°</a></span>'; 1728 str += '</div>'; 1729 str += '</div>'; 1730 return str; 1731 }, 1732 chgReturnUrl: function(){ 1733 var dns = document.location.href; //íì¬ URL ì»ì´ì¨ë¤ 1734 dns = dns.replace("https://www.aestura.com/web/","https://www.aestura.com/m/"); 1735 location.href = dns; 1736 }, 1737 terms: function() { 1738 var url = this.getLocate('newTerms'); 1739 comutil.blank(url); 1740 }, 1741 privacy: function() { 1742 var url = this.getLocate('newPrivacy'); 1743 comutil.blank(url); 1744 }, 1745 sitemap: function() { 1746 var url = this.getLocate('siteMap'); 1747 location.href = url; 1748 } 1749} 1750 1751var commonurl = { 1752 main : "/web/main.do", 1753 mobileMain : "/m/main.do", 1754 loginPage : "/web/login/login.do", 1755 login : "/oauth2AuthorizeUser", 1756 loginCorp : "/web/logincorp/login.do", 1757 1758 1759 logout : "/web/login/logout.do", 1760 1761 logoutCorp : "/web/logincorp/logout.do", 1762 join : "#", 1763 joinCorp : "/web/membercorp/joinIntro.do", 1764 joinCorpByEvent : "/web/membercorp/joinIntro.do?isJoinEventYn=Y", 1765 myPage : "/web/user/mypage/main.do", 1766 myPageCorp : "/web/corp/mypage/main.do", 1767 myPageOrderView : "/web/user/mypage/order/orderView.do", 1768 couponList : "/web/user/mypage/benefit/couponList.do", 1769 qnaList : "/web/user/mypage/act/qnaList.do", 1770// oneclickConfirm : "/web/user/mypage/oneclick/oneclickConfirm.do", 1771 oneclickConfirm : "/web/user/mypage/oneclick/oneclickList.do", //ê²°ì ì¹´ëê´ë¦¬ íì´ì§ë¡ ì´ë í ë¹ë² ì¬íì¸ ê°ì´ ìì¼ë©´ ë¹ë² ì¸ì¦íì´ì§ë¡ ì´ë 1772 oneclickList : "/web/user/mypage/oneclick/oneclickList.do", 1773 qnaForm : "/web/qna/qnaRegistForm.do", 1774 membership : "/web/membership/main.do", 1775 shoppingChanceList : "/web/shoppingchance/list.do", 1776 eventList : "/web/event/list.do", 1777 eventEndList : "/web/event/endList.do", 1778 eventWinList : "/web/eventwin/list.do", 1779// pdtMain : "/web/product/main.do", 1780 pdtList : "/web/product/list.do", 1781 pdtView : "/web/product/view.do?prdSeq=", 1782 pdtView2 : "/web/product/view.do?prdSeq=", 1783 pdtMap : "/web/product/productmap.do", 1784 photoreview : "/web/photoreview/list.do", 1785 productReview : "/web/productreview/list.do", 1786 blogView : "/web/blogview/blogviewView.do", 1787 sampleApply : "/web/sampleapply/list.do", 1788 sampleApplyInq : "/web/user/mypage/act/sampleApplyList.do", 1789 about : "/web/brand/about.do", 1790// about : "/web/viewpage/brand/about.do", 1791 social : "/web/brand/social.do", 1792 research : "/web/brand/research.do", 1793 newsList : "/web/news/list.do", 1794 newsView : "/web/news/view.do?seq=", 1795 askList : "/web/ask/list.do", 1796 1797 //기존 AESTURA NEWSìì ì ë ¬ê¸°ë¥ë§ ì¶ê°ëì´ ëì¼ Controllerì¬ì©(skim, 20210806) 1798 nowList : "/web/news/list.do", 1799 nowView : "/web/news/view.do?seq=", 1800 recruit : "http://recruit.amorepacific.co.kr/home.do", 1801 channelList : "/web/channel/list.do", 1802 beautyInsideList: "/web/beautyinside/list.do?seq=", 1803 keyfindingList : "/web/keyfinding/list.do", 1804 keyfindingView : "/web/keyfinding/view.do?seq=", 1805 blogviewList : "/web/blogview/list.do", 1806 findStore : "/web/findstore/chatbot.do", 1807// findStore : "/web/include/prepare_pc.do", 1808 csCenter : "/web/cscenter/main.do", 1809 faqList : "/web/faq/list.do", 1810 noticeList : "/web/notice/list.do", 1811 noticeView : "/web/notice/noticeView.do?seq=", 1812 facebook : "https://www.facebook.com/aestura/", 1813 instagram : "https://www.instagram.com/aestura.official/", 1814 youtube : "https://www.youtube.com/channel/UCVj6JWY6c9IYvI0MWZPp2Gg", 1815 aesturamall : "/web/corp/shopmain.do", 1816 aesturamall2 : "http://www.aesturamall.co.kr/member/login.php", 1817 shopmain : "/web/shop/shopmain.do", 1818 zipsearch : "/web/zipsearch/list.do", 1819 memberEdit : "/web/user/mypage/member/memberInfo.do", 1820// memberEdit : "/web/user/mypage/member/memberCheck.do?chkTp=MEMBERINFO", 1821// memberLeave : "/web/user/mypage/member/memberWithdrawal.do", 1822// memberLeave : "https://www.beautypoint.co.kr/mypage", 1823 memberLeave : "https://www.beautypoint.co.kr/mypage/delete", 1824 memberEditCorp : "/web/corp/mypage/member/memberInfo.do", 1825 memberLeaveCorp : "/web/corp/mypage/member/memberWithdrawal.do", 1826 skinType : "/web/user/mypage/member/skinType.do", 1827 shipping : "/web/user/mypage/member/shipping.do", 1828 myPayCard : "/web/user/mypage/oneclick/paycard.do", 1829 beautyPoint : "/web/user/mypage/benefit/btyPointList.do", 1830 aesturaPoint : "/web/user/mypage/benefit/actPointList.do", 1831 mlgList : "/web/user/mypage/benefit/mlgList.do", 1832 skinsolution : "#", 1833 ordercomplete : "/web/order/ordercomplete.do?ordSeq=", 1834 myOrder : "/web/user/mypage/order/orderPage.do", 1835 myClaimApply : "/web/user/mypage/order/claimApplyPage.do", 1836 myCertificate : "/web/user/mypage/order/certificate.do", 1837 corpFindId : "/web/membercorp/findId.do", 1838 corpFindPw : "/web/membercorp/findPasswd.do", 1839 corpSlpRelease : "/web/membercorp/sleepRelease.do", 1840 orderPage : "/web/user/mypage/order/orderPage.do", 1841 cancelView : "/web/user/mypage/order/cancelview.do?ordSeq=", 1842 returnView : "/web/user/mypage/order/returnview.do?srchOrdStatFlCd=OS04&claimSeq=", 1843 exchgView : "/web/user/mypage/order/exchgview.do?srchOrdStatFlCd=OS03&claimSeq=", 1844 prtMomApplyComplete : "/web/regulardelivery/prtMomApplyComplete.do", 1845 regularcomplete : "/web/regulardelivery/applyComplete.do", 1846 regularOrder : "/web/user/mypage/regulardelivery/list.do", 1847 regularOrderView: "/web/user/mypage/regulardelivery/view.do", 1848// joinonRegist : ""+location.protocol+"//"+location.hostname+":"+location.port+"/web/", 1849// joinonRegist : "https://www.aestura.com/web/", 1850 joinonRegist : "/oauth2AuthorizeUser?reset=true&join=true&redirectUri=/web/main.do", 1851 orderUserMyOrder: "/web/orderuser/mypage/order/orderView.do", 1852 mySnsInfo : "/web/user/mypage/member/memberSnsInfo.do", 1853 terms : "/web/cscenter/terms.do", //ì¬ì´í¸ ì´ì©ì½ê´ 1854 privacy : "/web/cscenter/privacy.do", //ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ 1855 /* 1856 1857 1858 1859 1860 1861 newTerms : "https://www.beautypoint.co.krkr/ko/beautypoint/footer/agreement.do", //ì¬ì´í¸ ì´ì©ì½ê´(202209~ ì모ë 몰) 1862 newPrivacy : "https://www.beautypoint.co.krkr/ko/beautypoint/footer/privacy.do", //ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨(202209~ ì모ë 몰) 1863 */ 1864 newTerms : "https://www.beautypoint.co.kr/agreement", //ì¬ì´í¸ ì´ì©ì½ê´(202209~ ì모ë 몰) 1865 newPrivacy : "https://www.beautypoint.co.kr/privacy", //ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨(202209~ ì모ë 몰) 1866 siteMap : "/web/main/siteMap.do", //ì¬ì´í¸ë§µ 1867 dermaon : "/web/brand/dermaon.do", //ëë§ì¨ì¤í 리 1868 libraryList : "/web/library/list.do", //ë¼ì´ë¸ë¬ë¦¬ 1869 parentingMomCertification : "/web/member/parentingMomCertification.do", //ì¡ìë§ì¸ì¦ 1870 location_terms : "/web/cscenter/location_terms.do", //ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ 1871 healthyfood_terms : "/web/cscenter/healthyfood_terms.do", //ê±´ê°ìíí매ì¬ì ì ì¬ì´í¸ ì´ì©ì½ê´ 1872 communityMain : "/web/community/communitymain.do", //ì¤ì¥ì»¤ë®¤ëí° ë©ì¸íì´ì§ 1873 communityList : "/web/community/communitylist.do", //ì¤ì¥ì»¤ë®¤ëí° ë¦¬ì¤í¸íì´ì§ 1874 communityView : "/web/community/communityview.do?dcmSeq=", //ì¤ì¥ì»¤ë®¤ëí° ìì¸íì´ì§ 1875 btsLoginUrl : "/web/beautytech/btsloginurl.do", //BTSí¼ë¶ì§ë¨ ë¡ê·¸ì¸ ì¸ì¦íì´ì§ 1876 findSalesman : "/web/findsalesman/find_salesman.do", //ìì ì¬ì 찾기 íì´ì§ 1877 salesmanResult : "/web/findsalesman/salesman_result.do", //ìì ì¬ì ìë¦¼í¡ ì°ê²° íì´ì§ 1878 salesmanForm : "/web/findsalesman/salesman_form.do", //ìì ì¬ì ìëê²°ê³¼ ì ë ¥íì´ì§ 1879 commonContent : "/web/commonContent/commonContentView.do?astmComCtntClCd=", // aboutBrand > íì ì¹´í ê³ ë¦¬ ì°ê²° íì´ì§ 1880 store : "/web/commonContent/storeView.do", // store > ìì¤í¸ë¼365 1881}; 1882</script>
1882 1883 1884 1885 1886 1887 1888 1889 1890 1891 1892 1893 1894
1895<script type="text/javascript"> 1896/* 1897* í¸ì¶ í ê³³ììì errorí¨ìê° ë¨¼ì ìíëê³ ë í ìí ë¨ ( ëë¤ ìë ) 1898* event - contains the event object 1899* xhr - contains the XMLHttpRequest object 1900* options - contains the options used in the AJAX request 1901* exc - contains the JavaScript exception, if one occured 1902*/ 1903//$(document).ajaxError(function (event, xhr, options, exc) { 1904// alert('ajaxError' + xhr.status); 1905//}); 1906/** 1907 * ======================================================================== 1908 * Ajaxì ì¡ ì ê³µíµ í¸ë¤ë§ í¨ì 1909 * 1. Ajax ê³µíµ ìë¬ ì²ë¦¬ ( í¸ì¶ í ê³³ìì errorí¨ì를 ì ì¸íë©´ ì¤íëì§ ìì. ) 1910 * ======================================================================== 1911 */ 1912 //csrf token -> ajax header ì¶ê° 1913var _csrf = $("meta[name='_csrf']").attr("content"); 1914var _csrf_header = $("meta[name='_csrf_header']").attr("content"); 1915 1916$.ajaxSetup({ 1917 beforeSend: function(xhr) { 1918 xhr.setRequestHeader("AJAX", true); 1919 //xhr.setRequestHeader(_csrf_header, _csrf); 1920 //20190814 ë¶íí ì¤í¸ ìí´ csrf ìì 주ì 1921 xhr.setRequestHeader(_csrf_header, $("meta[name='_csrf']").attr("content")); 1922// xhr.setRequestHeader("x-csrf-token", ""); 1923 //ë¡ë©ë° í¸ì¶ 1924 commonjs.startLoading(); 1925 }, 1926 error: function(xhr, status, err) { 1927 console.log("xhr,", xhr) 1928 console.log("status,", status) 1929 console.log(err); 1930 var errorMsg = xhr.responseText; 1931 if (xhr.status == 401) { //ë¡ê·¸ì¸ íì´ì§ë¡ ì´ë 1932 commonjs.login(); 1933 } 1934 else if (xhr.status == 403) { //csrf ìë¬ 1935 //[20210901] added by jckimth, ìì¤í ì¤ë¥ê° ê²½ê³ ì°½ì ë ¸ì¶ ëë 문ì ë¡ 403 csrf ìë¬ ë°ì ì ê³µíµ ìë¬ ë©ìì§ ì¶ë ¥ 1936 //M09.0026=ì못 ë ìì² ì ëë¤. 1937 webutil.alert("ì못 ë ìì² ì ëë¤."); 1938 } 1939 else { 1940 webutil.alert(errorMsg); 1941// alert("[error-0] " + errorMsg); 1942 } 1943 }, 1944 complete : function() { 1945 //ë¡ë©ë° ì¢ ë£ 1946 commonjs.endLoading(); 1947 } 1948}); 1949 1950//-- [202009] commonurl.jspë¡ ì´ë 1951//~ 1952//-- 1953 1954var certSelf = { 1955 /** 1956 custNm : ì´ë¦ 1957 frclCd : K:ë´êµì¸, F:ì¸êµì¸ 1958 sxclCd : M:ë¨ì¥, F:ì¬ì 1959 athtDtbr : ìë ìì¼ 1960 cellTidn : í´ëí°ìë³ 1961 cellTexn : í´ëí°êµì íë²í¸ 1962 cellTlsn : í´ëí°ëì íë²í¸ 1963 phoneCorp : íµì ì¬ 1964 */ 1965 sendSms: function(param, callback) { 1966 comutil.callAjax("/web/main/certself/sendsms/ajax.do", param, function(data) { 1967 var rslt = new Object(); 1968 if (comutil.isEmpty(data) == false) { 1969 console.log("sendSms", data) 1970 rslt.r_result = data.r_result; 1971 rslt.r_rsltCd = data.r_rsltCd; 1972 rslt.r_check_1 = data.r_check_1; 1973 rslt.r_check_2 = data.r_check_2; 1974 rslt.r_check_3 = data.r_check_3; 1975 rslt.r_certNum = data.r_certNum; 1976 rslt.rsltMsg = data.rsltMsg; 1977 } 1978 else { 1979 rslt.r_result = "E"; 1980 rslt.rsltMsg = "본ì¸ì¸ì¦ì¤í¨(e)"; 1981 } 1982 callback(rslt); 1983 }); 1984 }, 1985 /** 1986 r_check_1 : kmcì²´í¬1 1987 r_check_2 : kmcì²´í¬2 1988 r_check_3 : kmcì²´í¬3 1989 r_certNum : ì¸ì¦ë²í¸ 1990 */ 1991 resendSms: function(param, callback) { 1992 comutil.callAjax("/web/main/certself/resendsms/ajax.do", param, function(data) { 1993 var rslt = new Object(); 1994 if (comutil.isEmpty(data) == false) { 1995 console.log("resendSms", data) 1996 rslt.r_result = data.r_result; 1997 rslt.r_rsltCd = data.r_rsltCd; 1998 rslt.r_check_1 = data.r_check_1; 1999 rslt.r_check_2 = data.r_check_2; 2000 rslt.r_check_3 = data.r_check_3; 2001 rslt.r_certNum = data.r_certNum; 2002 rslt.rsltMsg = data.rsltMsg; 2003 } 2004 else { 2005 rslt.r_result = "E"; 2006 rslt.rsltMsg = "본ì¸ì¸ì¦ì¤í¨(e)"; 2007 } 2008 callback(rslt); 2009 }); 2010 }, 2011 checkSms: function(param, callback) { 2012 comutil.callAjax("/web/main/certself/checksms/ajax.do", param, function(data) { 2013 var rslt = new Object(); 2014 if (comutil.isEmpty(data) == false) { 2015 console.log("checkSms", data) 2016 rslt.r_result = data.r_result; 2017 rslt.r_rsltCd = data.r_rsltCd; 2018 rslt.ciNo = data.ciNo; 2019 rslt.rsltMsg = data.rsltMsg; 2020 } 2021 else { 2022 rslt.r_result = "E"; 2023 rslt.rsltMsg = "본ì¸ì¸ì¦ì¤í¨(e)"; 2024 } 2025 callback(rslt); 2026 }); 2027 } 2028} 2029 2030//google analitics 2031var gtagjs = { 2032 //ê°ìë·° 2033 vview: function(param) { 2034 var p = this.setParam(param);
2035 if(comutil.isEmpty(p.dimension5) == false){ 2036 AP_DATA_PAGENAME = p.dimension5; 2037 } 2038 p.page_path = '/new-page.html'; 2039 gtag('config', 'UA-122574525-1', p); 2040 }, 2041 click: function(param) { 2042 2043 var actionField = comutil.isEmpty(param.actionField) == false ? param.actionField : ''; 2044 var products = param.products; 2045 //íë¼ë¯¸í° ì¤ë¸ì í¸ ìì± 2046 var p = new Object(); 2047 p.event = 'productClick'; //select_item 2048 p.ecommerce = { 2049 'click': { 2050 'actionField': {'list': actionField}, // ì íì ììì 2051 'products': products 2052 } 2053 } 2054 2055 dataLayer.push(p); 2056 }, 2057 eventTaggingNew: function(src,cate) { 2058 var param = new Object(); 2059 param.action = $(src).attr("gtag_action"); 2060 param.category = cate; 2061 param.label = $(src).attr("gtag_label"); 2062 gtagjs.event(param); 2063 }, 2064 eventTaggingNew3: function(src) { 2065 var eventArea =$(src).attr("ap-click-area"); 2066 var eventName = $(src).attr("ap-click-name"); 2067 var eventData = $(src).attr("ap-click-data"); 2068 2069 dataLayer.push({ 2070 'event' :'commonEvent', //customEvent ë³ê²½ì¬ë¶ // ì ê· ê°ë°/ì ì©ëë ê²½ì°ë customEventë¡ ì ì© 2071 'eventCategory' : eventArea, 2072 'eventAction' : eventName, 2073 'eventLabel' : eventData 2074 }) 2075 2076 }, 2077 prdViewTaggingNew: function(src,cate) { 2078 AP_PRD_CATEGORY = $(src).attr("catCd2nd"); 2079 AP_PRD_OPTION = $(src).attr("sapCd"); 2080 2081 var product = new Object(); 2082 product.name = $(src).attr("prdNm"); 2083 product.id = $(src).attr("prdSeq"); 2084 product.price = $(src).attr("salPrc"); 2085 product.metric2 = $(src).attr("stdPrc"); 2086 product.category = $(src).attr("catCd1stNm") + "/" + $(src).attr("catCd2ndNm"); 2087 product.dimension15 = $(src).attr("catCd2nd"); 2088 product.dimension16 = $(src).attr("sapCd"); 2089 product.dimension17 = ""; 2090 2091 product.apClickArea=$(src).attr("ap-click-area"); 2092 product.apClickName=$(src).attr("ap-click-name"); 2093 product.apClickData=$(src).attr("ap-click-data"); 2094 2095 var eventArea =$(src).attr("ap-click-area"); 2096 var eventName = $(src).attr("ap-click-name"); 2097 var eventData = $(src).attr("ap-click-data"); 2098 2099 dataLayer.push({ 2100 'event' :'commonEvent', //customEvent ë³ê²½ì¬ë¶ // ì ê· ê°ë°/ì ì©ëë ê²½ì°ë customEventë¡ ì ì© 2101 'eventCategory' : eventArea, 2102 'eventAction' : eventName, 2103 'eventLabel' : eventData 2104 }) 2105 2106 if(cate == 'prtm'){ 2107 commonjs.pdtView2($(src).attr("prdSeq"), cate); 2108 }else{ 2109 commonjs.pdtView($(src).attr("prdSeq")); 2110 } 2111 2112 }, 2113 prdViewTaggingNew2: function(src,cate) { 2114 AP_PRD_CATEGORY = $(src).attr("catCd2nd"); 2115 AP_PRD_OPTION = $(src).attr("sapCd"); 2116 2117 var product = new Object(); 2118 product.name = $(src).attr("prdNm"); 2119 product.id = $(src).attr("prdSeq"); 2120 product.price = $(src).attr("salPrc"); 2121 product.metric2 = $(src).attr("stdPrc"); 2122 product.category = $(src).attr("catCd1stNm") + "/" + $(src).attr("catCd2ndNm"); 2123 product.dimension15 = $(src).attr("catCd2nd"); 2124 product.dimension16 = $(src).attr("sapCd"); 2125 product.dimension17 = ""; 2126 product.apClickArea=$(src).attr("ap-click-area"); 2127 product.apClickName=$(src).attr("ap-click-name"); 2128 product.apClickData=$(src).attr("ap-click-data"); 2129 2130 var eventArea =$(src).attr("ap-click-area"); 2131 var eventName = $(src).attr("ap-click-name"); 2132 var eventData = $(src).attr("ap-click-data"); 2133 2134 dataLayer.push({ 2135 'event' :'commonEvent', //customEvent ë³ê²½ì¬ë¶ // ì ê· ê°ë°/ì ì©ëë ê²½ì°ë customEventë¡ ì ì© 2136 'eventCategory' : eventArea, 2137 'eventAction' : eventName, 2138 'eventLabel' : eventData 2139 }) 2140 }, 2141 addcart: function(param) { 2142 2143 //GA4 ì í 2144 //ì´ë²¤í¸ ì´ë¦: add_to_cart 2145 //ì´ë²¤í¸ ì ì¡ ìì : ìíì ì¥ë°êµ¬ëì ì¶ê°íì ì(ì í¨ì± ê²ì¬ íµê³¼ í) 2146 2147 //íë¼ë¯¸í° ì¤ë¸ì í¸ ìì± 2148 AP_CART_ADDPRDS=[{ 2149 "name": param.prdNm, 2150 "code": param.prdSeq, 2151 "sapcode": param.sapCd, 2152 "brand": window.AP_PRD_BRAND, 2153 "price": Number(param.salPrc), 2154 "prdprice": Number(param.stdPrc), 2155 "quantity": Number(param.selectStk), 2156 "variant": "", 2157 "promotion": "", 2158 "cate": param.catNm, 2159 "catecode": param.catCd, 2160 "apg_brand_code": param.sapCd.substr(0, 5), 2161 "discount": Math.abs(Number(param.stdPrc) - Number(param.salPrc)) 2162 }]; 2163 2164 AP_ECOMM_CURRENCY; 2165 2166 window.dataLayer.push({'event':'addcart'}) 2167 }, 2168 addcart2: function(src) { 2169 2170 var optCnt = comutil.nvl($(src).attr("optCnt"), 1); 2171 var prdTpCd = comutil.nvl($(src).attr("prdTpCd"), ""); 2172 2173 //20190830 by thkim ì¼ë°ìíì´ë©´ì ìµì ì´ ìë ê²½ì° íê¹ íì§ ìì.(ìµì ì í íì ì°½ìì ì²ë¦¬ ë¨) 2174 if (prdTpCd == "CC0501" && Number(optCnt) > 1) { 2175 return; 2176 } 2177 2178 //GA4 ì í 2179 //ì´ë²¤í¸ ì´ë¦: add_to_cart 2180 //ì´ë²¤í¸ ì ì¡ ìì : ìíì ì¥ë°êµ¬ëì ì¶ê°íì ì(ì í¨ì± ê²ì¬ íµê³¼ í) 2181 AP_ECOMM_CURRENCY; 2182 2183 //íë¼ë¯¸í° ì¤ë¸ì í¸ ìì± 2184 AP_CART_ADDPRDS = [{ 2185 "name": $(src).attr("prdNm"), 2186 "code": $(src).attr("prdSeq"), 2187 "sapcode": $(src).attr("sapCd"), 2188 "brand": window.AP_PRD_BRAND, 2189 "price": Number($(src).attr("salPrc")), 2190 "prdprice": Number($(src).attr("stdPrc")), 2191 "quantity": Number($(src).attr("quantity")), 2192 "variant": $(src).attr("variant"), 2193 "promotion": "", 2194 "cate": comutil.escapeXml(comutil.unescapeXml($(src).attr("catCd2ndNm"))), 2195 "catecode": $(src).attr("catCd2nd"), 2196 "apg_brand_code": $(src).attr("sapCd").substr(0, 5), 2197 "discount": Math.abs(Number($(src).attr("stdPrc")) - Number($(src).attr("salPrc"))) 2198 }]; 2199 2200 window.dataLayer.push({'event':'addcart'}) 2201 }, 2202// addcart2: function(src) { 2203// //íë¼ë¯¸í° ì¤ë¸ì í¸ ìì± 2204// AP_CART_ADDPRDS=[{ 2205// "name": $(src).attr("prdNm"), 2206// "code": $(src).attr("prdSeq"), 2207// "sapcode": $(src).attr("sapCd"),
2208// "brand": "AESTURA", 2209// "price": Number($(src).attr("salPrc")), 2210// "prdprice": Number($(src).attr("stdPrc")), 2211// "quantity": Number($(src).attr("quantity")), 2212// "variant": "", 2213// "promotion": "", 2214// "cate": $(src).attr("catCd2ndNm"), 2215// "catecode": $(src).attr("catCd2nd") 2216// }]; 2217// dataLayer.push({event: 'addcart'}); 2218// }, 2219 purchaseprdbtn: function(param) { 2220 //GA4 2221 //ì´ë²¤í¸ ì´ë¦: begin_checkout(ìíìì¸) 2222 //ì´ë²¤í¸ ì ì¡ ìì : ìíìì¸ íì´ì§ ë´ êµ¬ë§¤ ë²í¼ í´ë¦ ì(주문ì íì´ì§ ì´ë ì í¨ì± ê²ì¬ íµê³¼ í) 2223 2224 //ë°ë¡êµ¬ë§¤ 2225 window.dataLayer.push({'event':'purchaseprdbtn', 'quantity': param}) 2226 }, 2227 cart: function(param, dlvCl) { 2228 fn_normalCalculate(); 2229 var salAmtTemp = 0; 2230 var stdAmtTemp = 0; 2231 var rglrSalAmtTemp = 0; 2232 var cartTempTotal = []; 2233 $.each(param,function(i,e){ 2234 salAmtTemp += Number(e.salAmt); 2235 stdAmtTemp += Number(e.stdAmt); 2236 rglrSalAmtTemp += Number(e.regularStdPrc) * Number(e.ordQty); 2237 2238 /* "price": dlvCl=='N'? Number(e.salPrc) : Number(e.regularStdPrc), */ 2239 var cartTemp={ 2240 "id": e.prdSeq, 2241 "name": e.prdNm, 2242 "code": e.prdSeq, 2243 "sapcode": e.sapCd, 2244 "brand": AP_PRD_BRAND, 2245 "price": Number(e.salPrc), 2246 "prdprice": Number(e.stdPrc), 2247 "quantity": Number(e.ordQty), 2248 "variant": e.optYn == 'Y' ? e.optNm : "", 2249 "promotion": e.promotion, 2250 "cate": comutil.escapeXml(comutil.unescapeXml(e.catCd2ndNm)), 2251 "catecode": e.catCd2nd, 2252 "prdtype": (e.catCd2nd).indexOf("PC01")> - 1 ? "ìì¬ì ì©ìí" : "ì¼ë°ìí", 2253 "apg_brand_code": e.sapCd.substr(0, 5), 2254 "discount": Math.abs(Number(e.stdPrc) - Number(e.salPrc)) 2255 }; 2256 cartTempTotal.push(cartTemp); 2257 }); 2258 2259 if(dlvCl=='R'){ 2260 AP_PURCHASE_SHIPPING_TYPE = "ì 기배ì¡"; 2261 }else{ 2262 AP_PURCHASE_SHIPPING_TYPE = "ì¼ë°ë°°ì¡"; 2263 //salAmtTemp = rglrSalAmtTemp; 2264 } 2265 2266 //GA4 ì í 2267 //ì´ë²¤í¸ ì´ë¦: begin_checkout(ì¥ë°êµ¬ë íì´ì§) 2268 //ì´ë²¤í¸ ì ì¡ ìì : 1) ì¥ë°êµ¬ë íì´ì§ê° ë¡ë ëìì ì 2269 2270 //ì¥ë°êµ¬ë 2271 AP_CART_PRICE = salAmtTemp; 2272 AP_CART_PRDPRICE = stdAmtTemp; 2273 AP_CART_DISCOUNT = stdAmtTemp-salAmtTemp; 2274 AP_CART_PRDS = cartTempTotal; 2275 2276 AP_ECOMM_CURRENCY; 2277 2278 window.dataLayer.push({'event':'cart'}) 2279 }, 2280 purchasecartbtn: function(param, dlvCl) { 2281 //GA4 ì í 2282 //ì´ë²¤í¸ ì´ë¦: begin_checkout(ì¥ë°êµ¬ë íì´ì§) 2283 //ì´ë²¤í¸ ì ì¡ ìì : 2) ì¥ë°êµ¬ë íì´ì§ ë´ êµ¬ë§¤ ë²í¼ í´ë¦í (주문ì íì´ì§ ì´ë ì í¨ì± ê²ì¬ íµê³¼ í) 2284 //ì¥ë°êµ¬ë구매 2285 AP_PURCHASE_SHIPPING_TYPE = dlvCl=='R' ? "ì 기배ì¡" : "ì¼ë°ë°°ì¡"; 2286 AP_CART_PRDS = param; 2287 2288 window.dataLayer.push({'event':'purchasecartbtn'}) 2289 }, 2290 order: function(param) { 2291 //GA4 2292 //ì´ë²¤í¸ ì´ë¦: begin_checkout(주문ì) 2293 //ì´ë²¤í¸ ì ì¡ ìì : 1) 주문ì íì´ì§ ë¡ëì 2294 //주문ë²í¼ ë르ëíì´ì§ 2295 AP_ORDER_PRDS=param; 2296 AP_ECOMM_CURRENCY; 2297 2298 window.dataLayer.push({'event':'order'}) 2299 }, 2300 orderbtn: function(param) { 2301 //GA4 2302 //ì´ë²¤í¸ ì´ë¦: begin_checkout(주문ì) 2303 //ì´ë²¤í¸ ì ì¡ ìì : 2) 주문ì íì´ì§ ë´ ê²°ì í기 ë²í¼ í´ë¦ ì(PGì¬ ì´ë ì í¨ì± ê²ì¬ íµê³¼ í) 2304 //주문ë²í¼ 2305 AP_ORDER_PRDS=param; 2306 AP_ECOMM_CURRENCY; 2307 2308 window.dataLayer.push({'event':'orderbtn'}) 2309 }, 2310 purchase: function(param) { 2311 //주문ìë£íì´ì§ 2312 AP_ECOMM_CURRENCY; 2313 dataLayer.push({event: 'purchase'}); 2314 }, 2315 login: function(param) { 2316 //GA4 ì í 2317 //ì´ë²¤í¸ ì´ë¦: login 2318 //ì´ë²¤í¸ ì ì¡ ìì : íµí©íì ë¡ê·¸ì¸ì ìë£íì ì 2319 window.dataLayer.push({ 2320 'event':'login_complete', 2321 'event_category':'login', 2322 'event_action':'login - complete', 2323 'event_label': param 2324 }); 2325 }, 2326 join: function(param) { 2327 //GA4 2328 //ì´ë²¤í¸ ì´ë¦: sign_up 2329 //ì´ë²¤í¸ ì ì¡ ìì : íìê°ì ì ìë£íì ì (ì í¨ì± ê²ì¬ íµê³¼ í) 2330 window.dataLayer.push({ 2331 'event':'sign_up_complete', 2332 'event_category':'sign_up', 2333 'event_action':'sign_up - complete', 2334 'event_label':'ìì¤í¸ë¼ìì¬íìê°ì ìë£' 2335 }); 2336 2337 //íìê°ì íì´ì§ ëìíê³ ì§í
2338 AP_JOIN_NAME = unescape(param); 2339 2340 /* dataLayer.push({event: 'join'}); */ 2341 }, 2342 join2: function(param) { 2343 //GA4 2344 //ì´ë²¤í¸ ì´ë¦: sign_up 2345 //ì´ë²¤í¸ ì ì¡ ìì : íµí©íì íìê°ì ì ìë£íì ì (isFirstLogin:true) 2346 window.dataLayer.push({ 2347 'event':'sign_up_complete', 2348 'event_category':'sign_up', 2349 'event_action':'sign_up - complete', 2350 'event_label':param 2351 }); 2352 }, 2353 product: function(param) { 2354 2355 //GA4 ì í 2356 //ì´ë²¤í¸ ì´ë¦: view_item 2357 //ì´ë²¤í¸ ì ì¡ ìì : ìí ìì¸ íì´ì§ê° ë¡ë ëìì ì 2358 2359 //ì íìì¸ 2360 AP_PRD_NAME = param.prdNm; 2361 AP_PRD_CODE = param.prdSeq; 2362 AP_PRD_SAPCODE = param.sapCd; 2363 AP_PRD_PRDPRICE = param.stdPrc; 2364 AP_PRD_PRICE = param.salPrc; 2365 AP_PRD_CATEGORY = param.cate; 2366 2367 AP_ECOMM_CURRENCY; 2368 AP_PRD_APGBRCODE = param.apgbrCode; 2369 AP_PRD_BRAND = param.brand; 2370 AP_PRD_ISTOCK = param.isStock; 2371 AP_PRD_DISCOUNT = Math.abs(param.discount); 2372 2373 window.dataLayer.push({'event':'product'}) 2374 }, 2375 add: function(param) { 2376 2377 var products = param.products; 2378 //íë¼ë¯¸í° ì¤ë¸ì í¸ ìì± 2379 var p = new Object(); 2380 p.event = 'ADD'; 2381 p.ecommerce = { 2382 'add': { 2383 'products': products 2384 } 2385 } 2386 dataLayer.push(p); 2387 }, 2388 detail: function(param) { 2389 var actionField = comutil.isEmpty(param.actionField) == false ? param.actionField : ''; 2390 var products = param.products; 2391 //íë¼ë¯¸í° ì¤ë¸ì í¸ ìì± 2392 var p = new Object(); 2393 p.event = "Detail", 2394 p.ecommerce = { 2395 'detail': { 2396 'actionField': {'list': actionField}, // ì íì ììì 2397 'products': products 2398 } 2399 } 2400// console.log("detail", p) 2401 dataLayer.push(p); 2402 }, 2403 set: function(param) { 2404 var p = this.setParam(param); 2405 if(comutil.isEmpty(p.dimension5) == false){ 2406 AP_DATA_PAGENAME = p.dimension5; 2407 AP_DATA_BREAD = comutil.replaceAll(p.dimension5, "^", " > "); 2408 } 2409 if(comutil.isEmpty(p.pagetype) == false){ 2410 AP_DATA_PAGETYPE = p.pagetype.toUpperCase(); 2411 } 2412 if(comutil.isEmpty(p.dimension10) == false){ 2413 $('meta[property="og:title"]').attr('content',p.dimension10); 2414 } 2415 AP_PROMO_ID = p.promoid; 2416 AP_PROMO_NAME = p.promoName; 2417 //dataLayer = [p]; 2418 window.dataLayer = window.dataLayer || []; 2419 dataLayer.push(p); 2420 gtag('config', 'UA-122574525-1'); 2421 }, 2422 event: function(param) { 2423 var action = param.action; 2424 var category = param.category; 2425 var label = comutil.isEmpty(param.label) == false ? param.label : ''; 2426 var value = comutil.isEmpty(param.value) == false ? param.value : ''; 2427 var d4 = comutil.isEmpty(param.d4) == false ? param.d4 : ''; 2428 2429 var option = new Object(); 2430 option.event_category = category; 2431 option.event_label = label; 2432 //ì¶ê° ìµì 2433 if(comutil.isEmpty(value) == false){ 2434 option.value = value; 2435 } 2436 //d4 ì¶ì²ê²ì, ì§ì ê²ì ì¶ê° 2437 if (comutil.isEmpty(d4) == false) { 2438 option.dimension4 = d4; 2439 } 2440 2441// if(comutil.isEmpty(value)){ 2442// gtag('event', action, { 2443// 'event_category': category, 2444// 'event_label': label 2445// }); 2446// }else{ 2447// gtag('event', action, { 2448// 'event_category': category, 2449// 'event_label': label, 2450// 'value': value 2451// }); 2452// } 2453 var eventArea = category; 2454 var eventName = action; 2455 var eventData = label; 2456 2457 dataLayer.push({ 2458 'event' :'commonEvent', //customEvent ë³ê²½ì¬ë¶ // ì ê· ê°ë°/ì ì©ëë ê²½ì°ë customEventë¡ ì ì© 2459 'eventCategory' : eventArea, 2460 'eventAction' : eventName, 2461 'eventLabel' : eventData 2462 }) 2463 2464 // gtag('event', action, option); 2465 }, 2466 //20190923 by thkim, ga 리뷰ë±ë¡ìë£ push 2467 //GA4 ì í 2468 //ì´ë²¤í¸ ì´ë¦: write_review 2469 //ì´ë²¤í¸ ì ì¡ ìì : 리뷰 ìì±ì ìë£í ìì (ì í¨ì± ê²ì¬ íµê³¼ í) 2470 addreview: function(param) { 2471 var gubun = comutil.nvl(param.gubun, ""); 2472 var prefix = (gubun == "PRDREVIEW") ? "구매í기 : " : "í¬í 리뷰 : "; 2473 2474 window.AP_REVIEW_RATING = param.rating; 2475 window.AP_REVIEW_PICTURE = param.picture; 2476 window.AP_REVIEW_PRD = param.prd; 2477 window.AP_REVIEW_PRDCODE = param.prdcode; 2478 window.AP_REVIEW_SAPCODE = param.sapcode; 2479 window.AP_REVIEW_CONTENT = prefix + param.content; 2480 dataLayer.push({event: "review"}); 2481 }, 2482 setParam: function(param) { 2483 var newParam = new Object(); 2484 if (comutil.isEmpty(param) == false) { 2485 newParam.dimension1 = comutil.isEmpty(param.d1) == false ? param.d1 : 'PC'; // ì±ëì í 2486 newParam.dimension2 = comutil.isEmpty(param.d2) == false ? param.d2 : ''; //ê²ì_ê²ìê²°ê³¼ì 2487 newParam.dimension3 = comutil.isEmpty(param.d3) == false ? param.d3 : ''; //ê²ì 2488 newParam.dimension4 = comutil.isEmpty(param.d4) == false ? param.d4 : ''; //ê²ìì í
2489 newParam.dimension5 = comutil.isEmpty(param.d5) == false ? param.d5 : ''; //íì´ì§ëª 2490 newParam.dimension6 = comutil.isEmpty(param.d6) == false ? param.d6 : ''; //ì¹´í ê³ ë¦¬ 1DEPTH 2491 newParam.dimension7 = comutil.isEmpty(param.d7) == false ? param.d7 : ''; //ì¹´í ê³ ë¦¬ 2DEPTH 2492 newParam.dimension8 = comutil.isEmpty(param.d8) == false ? param.d8 : ''; //ì¹´í ê³ ë¦¬ 3DEPTH 2493 newParam.dimension9 = comutil.isEmpty(param.d9) == false ? param.d9 : ''; //ì¹´í ê³ ë¦¬ 4DEPTH 2494 newParam.dimension10 = comutil.isEmpty(param.d10) == false ? param.d10 : ''; //ì´ë²¤í¸ëª 2495 newParam.pagetype = comutil.isEmpty(param.pagetype) == false ? param.pagetype : ''; //íì´ì§íì 2496 newParam.promoid = comutil.isEmpty(param.promoid) == false ? param.promoid : ''; //ì´ë²¤í¸/íë¡ëª¨ì ID 2497 newParam.promoName = comutil.isEmpty(param.promoName) == false ? param.promoName : ''; //ì´ë²¤í¸ íë¡ëª¨ì ëª 2498 } 2499 return newParam; 2500 } 2501}; 2502 2503//page navigation 2504$.fn.pagingNavi = function(obj) { 2505 //required 2506 var pageNo = 1; 2507 var totalCount = 0; 2508 //optional 2509 var pageSize = 10; 2510 var pageCallback = obj.pageCallback; 2511 var isSupportLast = true; 2512 2513 //ì ì²´ íì´ì§ ì²´í¬ 2514 pageNo = obj.pageNo == null || obj.pageNo == undefined ? pageNo : Number(obj.pageNo); 2515 totalCount = obj.totalCount == null || obj.totalCount == undefined ? totalCount : Number(obj.totalCount); 2516 pageSize = obj.pageSize == null || obj.pageSize == undefined ? 10 : Number(obj.pageSize); 2517 isSupportLast= obj.isSupportLast == null || obj.isSupportLast == undefined ? isSupportLast : obj.isSupportLast; 2518 try { 2519 pageCallback = typeof pageCallback == "function" ? pageCallback : goPage; 2520 } catch (e) { 2521 alert("[ERROR] íì´ì§ ì¤ë¥: ì½ë°±í¨ìê° ì§ì ëì§ ìììµëë¤. ê´ë¦¬ììê² ë¬¸ìí´ ì£¼ì¸ì."); 2522 return; 2523 } 2524 2525 //local var 2526 var totalPage = parseInt((totalCount - 1) / pageSize) + 1; 2527 2528 //draw paging 2529 var ele = ''; 2530// ele += '<span class="pageBtn first"><a href="javascript:void(0);" page="1">ì²ì</a></span>'; 2531 if (pageNo > 1) { 2532 ele += '<span class="pageBtn prev"><a href="javascript:void(0);" page="'+(pageNo - 1)+'">ì´ì </a></span>'; 2533 } 2534 else { 2535 ele += '<span class="pageBtn prev"><a href="javascript:void(0);">ì´ì </a></span>'; 2536 } 2537 ele += '<ol>'; 2538 for( var i = 1 ; i <= totalPage; i++ ) { 2539 if(i <= pageSize && pageNo < pageSize){ 2540 if (i == pageNo) { 2541 ele += '<li class="current"><a href="javascript:void(0);">'+ i +'</a></li>'; 2542 } 2543 else { 2544 ele += '<li><a href="javascript:void(0);" page="'+i+'">'+ i +'</a></li>'; 2545 } 2546 }else if(i <= (pageNo + pageSize) && i >= pageNo && pageNo >= pageSize){ 2547 if(pageSize==10){ 2548 if(totalPage - pageNo < pageSize){ 2549 if (i == pageNo) { 2550 for( var j = pageSize - (totalPage - pageNo) ; j >= 1; j-- ) { 2551 ele += '<li><a href="javascript:void(0);" page="'+(i-j)+'">'+ (i-j) +'</a></li>'; 2552 } 2553 ele += '<li class="current"><a href="javascript:void(0);">'+ i +'</a></li>'; 2554 }else { 2555 ele += '<li><a href="javascript:void(0);" page="'+i+'">'+ i +'</a></li>'; 2556 } 2557 }else{ 2558 if (i == pageNo) { 2559 for( var j = pageNo - 5 ; j < pageNo; j++ ) { 2560 ele += '<li><a href="javascript:void(0);" page="'+(j)+'">'+ (j) +'</a></li>'; 2561 } 2562 ele += '<li class="current"><a href="javascript:void(0);">'+ i +'</a></li>'; 2563 } 2564 else { 2565 if(i <= pageNo + 5){ 2566 ele += '<li><a href="javascript:void(0);" page="'+i+'">'+ i +'</a></li>'; 2567 } 2568 } 2569 } 2570 }else{ 2571 if(totalPage - pageNo < pageSize){ 2572 if (i == pageNo) { 2573 for( var j = pageSize - (totalPage - pageNo) ; j >= 1; j-- ) { 2574 if((i-j)>0){ 2575 ele += '<li><a href="javascript:void(0);" page="'+(i-j)+'">'+ (i-j) +'</a></li>'; 2576 } 2577 } 2578 ele += '<li class="current"><a href="javascript:void(0);">'+ i +'</a></li>'; 2579 }else { 2580 ele += '<li><a href="javascript:void(0);" page="'+i+'">'+ i +'</a></li>'; 2581 } 2582 }else{ 2583 if (i == pageNo) { 2584 for( var j = pageNo - (pageSize-1) ; j < pageNo; j++ ) { 2585 ele += '<li><a href="javascript:void(0);" page="'+(j)+'">'+ (j) +'</a></li>'; 2586 } 2587 ele += '<li class="current"><a href="javascript:void(0);">'+ i +'</a></li>'; 2588 } 2589 else { 2590 if(i <= pageNo + (pageSize-1)){ 2591 ele += '<li><a href="javascript:void(0);" page="'+i+'">'+ i +'</a></li>'; 2592 } 2593 } 2594 } 2595 } 2596 } 2597 } 2598 ele += '</ol>'; 2599 if (pageNo < totalPage) { 2600 ele += '<span class="pageBtn next"><a href="javascript:void(0);" page="'+(pageNo + 1)+'">ë¤ì</a></span>'; 2601 } 2602 else { 2603 ele += '<span class="pageBtn next"><a href="javascript:void(0);">ë¤ì</a></span>'; 2604 } 2605 2606 $(this).html(ele); 2607 2608 // goto íì´ì§ ì´ë²¤í¸ ë±ë¡ 2609 $(this).find("a").on("click", function(e) { 2610 var page = $(this).attr("page"); 2611 if (page == null || page == undefined) return; 2612 pageCallback(page); 2613 }); 2614}; 2615 2616//page navigation <12345> 2617$.fn.pagingNaviCustom = function(obj) { 2618 console.log("obj = ", obj); 2619 //required 2620 var pageNo = 1; 2621 var totalCount = 0; 2622 //optional 2623 var pageSize = 10; 2624 var pageCallback = obj.pageCallback; 2625 var isSupportLast = true; 2626 var naviSize = obj.naviSize == null ? 5 : Number(obj.naviSize); // ìµì ì¼ë¡ naviSize ë°ê¸° 2627 2628 //ì ì²´ íì´ì§ ì²´í¬ 2629 pageNo = obj.pageNo == null ? pageNo : Number(obj.pageNo); 2630 totalCount = obj.totalCount == null ? totalCount : Number(obj.totalCount); 2631 pageSize = obj.pageSize == null ? 10 : Number(obj.pageSize); 2632 isSupportLast= obj.isSupportLast == null ? isSupportLast : obj.isSupportLast; 2633 2634 try { 2635 pageCallback = typeof pageCallback == "function" ? pageCallback : goPage; 2636 } catch (e) { 2637 alert("[ERROR] íì´ì§ ì¤ë¥: ì½ë°±í¨ìê° ì§ì ëì§ ìììµëë¤. ê´ë¦¬ì
2637ìê² ë¬¸ìí´ ì£¼ì¸ì."); 2638 return; 2639 } 2640 2641 // ì ì²´ íì´ì§ ì 2642 var totalPage = Math.ceil(totalCount / pageSize); 2643 console.log("totalCount", totalCount, "pageSize", pageSize, "totalPage", totalPage, "naviSize", naviSize); 2644 2645 // íì¬ íì´ì§ ë¸ë¡ ë²ì ê³ì° 2646 var startPage = Math.floor((pageNo - 1) / naviSize) * naviSize + 1; 2647 var endPage = startPage + naviSize - 1; 2648 if (endPage > totalPage) { 2649 endPage = totalPage; 2650 // ë§ì§ë§ ë¸ë¡ìì ë²í¼ ê½ ì±ì°ê¸° 2651 startPage = Math.max(1, endPage - naviSize + 1); 2652 } 2653 2654 //draw paging 2655 var ele = ''; 2656 2657 // ì´ì 2658 if (pageNo > 1) { 2659 ele += '<span class="pageBtn prev"><a href="javascript:void(0);" page="'+(pageNo - 1)+'">ì´ì </a></span>'; 2660 } else { 2661 ele += '<span class="pageBtn prev" style="visibility: hidden;"><a href="javascript:void(0);">ì´ì </a></span>'; 2662 } 2663 2664 // íì´ì§ ë²í¸ 2665 ele += '<ol>'; 2666 for (var i = startPage; i <= endPage; i++) { 2667 if (i == pageNo) { 2668 ele += '<li class="current"><a href="javascript:void(0);">'+ i +'</a></li>'; 2669 } else { 2670 ele += '<li><a href="javascript:void(0);" page="'+i+'">'+ i +'</a></li>'; 2671 } 2672 } 2673 ele += '</ol>'; 2674 2675 // ë¤ì 2676 if (pageNo < totalPage) { 2677 ele += '<span class="pageBtn next"><a href="javascript:void(0);" page="'+(pageNo + 1)+'">ë¤ì</a></span>'; 2678 } else { 2679 ele += '<span class="pageBtn next" style="visibility: hidden;"><a href="javascript:void(0);">ë¤ì</a></span>'; 2680 } 2681 2682 $(this).html(ele); 2683 2684 // goto íì´ì§ ì´ë²¤í¸ ë±ë¡ 2685 $(this).find("a").on("click", function(e) { 2686 var page = $(this).attr("page"); 2687 if (page == null) return; 2688 pageCallback(Number(page)); 2689 }); 2690}; 2691 2692$.fn.pagingNaviMore = function(obj) { 2693 //required 2694 var pageNo = 1; 2695 var totalCount = 0; 2696 //optional 2697 var pageSize = 10; 2698 var pageCallback = obj.pageCallback; 2699 var currentCount = 0; 2700 2701 //ì ì²´ íì´ì§ ì²´í¬ 2702 pageNo = obj.pageNo == null || obj.pageNo == undefined ? pageNo : Number(obj.pageNo); 2703 totalCount = obj.totalCount == null || obj.totalCount == undefined ? totalCount : Number(obj.totalCount); 2704 pageSize = obj.pageSize == null || obj.pageSize == undefined ? 10 : Number(obj.pageSize); 2705 thisCount = obj.thisCount == null || obj.thisCount == undefined ? 0 : Number(obj.thisCount); 2706 try { 2707 pageCallback = typeof pageCallback == "function" ? pageCallback : goPage; 2708 } catch (e) { 2709 alert("[ERROR] íì´ì§ ì¤ë¥: ì½ë°±í¨ìê° ì§ì ëì§ ìììµëë¤. ê´ë¦¬ììê² ë¬¸ìí´ ì£¼ì¸ì."); 2710 return; 2711 } 2712 2713 //ì ì²´ íì´ì§ ì 2714 var totalPage = parseInt((totalCount - 1) / pageSize) + 1; 2715 var currentCount = parseInt((pageNo - 1) * pageSize) + thisCount; 2716 2717 var ele = ''; 2718 if (pageNo < totalPage) { 2719 //draw paging 2720 ele += '<a href="javascript:;" page="'+(pageNo + 1)+'"><span>ë보기 ('+currentCount+'/'+totalCount+')</span></a>'; 2721 } 2722 $(this).html(ele); 2723 2724 // goto íì´ì§ ì´ë²¤í¸ ë±ë¡ 2725 $(this).find("a").on("click", function(e) { 2726 var page = $(this).attr("page"); 2727 if (page == null || page == undefined) return; 2728 pageCallback(page); 2729 }); 2730}; 2731</script>
vendor: 1 bytes, line 2731
2731
2732<script type="text/javascript"> 2733 2734 2735 2736//ëë©ì¸URLì²´í¬ ë° í¬ìë©(íì¤ ëë©ì¸ì¼ë¡ í¬ìë©) - * 2737function fn_commonChkDomainUrl(){ 2738 var dns, arrDns, curDomain, stdDomin, oldUrl, newUrl ; 2739 dns = document.location.href; //íì¬ URL ì»ì´ì¨ë¤ 2740 2741 //ë¡ì»¬ì skip 2742 if (dns.indexOf("localhost") > -1 || dns.indexOf("192.168.") > -1) { 2743 return; 2744 } 2745 arrDns = dns.split("//"); //구ë¶ìë¡ ì§¤ë¼ìì 2746 stdDomain = "www.aestura.com"; //íì¤ ëë©ì¸ 2747 curDomain = arrDns[1].substring(0,arrDns[1].indexOf("/")); //íì¬ ë¸ë¼ì°ì ¸ì ëë©ì¸ 2748// console.log(stdDomain + " / " + curDomain); 2749 2750 var redirectUrl = ""; 2751 if(curDomain != stdDomain){ 2752 oldUrl = dns; 2753 newUrl = oldUrl.replace(curDomain, stdDomain); 2754// document.location.href = newUrl; 2755 redirectUrl = newUrl; 2756 } 2757 2758 //https ì§ìíë ê²½ì°ë©´ HTTPíë¡í ì½ HTTPSë¡ ë³ê²½ 2759 if ("https://www.aestura.com".indexOf("https:") > -1 && 2760 document.location.protocol == 'http:') 2761 { 2762 var oldUrl = (redirectUrl == "") ? document.location.href : redirectUrl; 2763 redirectUrl = oldUrl.replace('http:', 'https:'); 2764 } 2765 2766 if (redirectUrl != "") { 2767 document.location.href = redirectUrl; 2768 } 2769} 2770//ëíëë©ì¸ ì²´í¬ 2771fn_commonChkDomainUrl(); 2772 2773//í리미ìë¡ê·¸ë¶ì ì¤í¬ë¦½í¸ ìµì¢ ì¤í funtion 2774function wcslog_do(){ 2775 <!-- STEP 4. ë³ìì ì¸í ë ê°ì¢ ì ë³´ + ì íì 보를 ( ë¤ì´ë²ì ) ì¹ë¡ê·¸ìì§ìë²ì ì ì¡ . ì ì¡íë method ì´ë¯ë¡ íì STEP 1, 2, 3 ë³´ë¤ ëì¤ì ìì´ì¼ í¨ . --> 2776 <!-- ( ë³ì ì¸í ë±ì´ ëì§ ìì ìí©ìì 먼ì ì ì¡íë©´ ì¹ë¡ê·¸ ìì§ì ì¤ë¥ê° ë°ìí¨ .) --> 2777 wcs_do(_nasa); 2778} 2779 2780function goPageUrl(url){ 2781 location.href = "/web"+url; 2782} 2783 2784var cstmlogjs = { 2785 send: function(obj) { 2786 var param = new Object(); 2787 param.srvcMenuId = obj.srvcMenuId; 2788 param.srvcNm = obj.srvcNm; 2789 param.rtrnUrl = comutil.nvl(obj.rtrnUrl, ""); 2790 param.inqCndt = comutil.nvl(obj.inqCndt, ""); 2791 var ebActn = obj.execBiz.actn; 2792 var ebActndetl = obj.execBiz.actndetl; 2793 param.execBiz = "actn:"+ebActn+",actndetl:"+ebActndetl; 2794 param.inqRsltCnt = obj.inqRsltCnt; 2795 param.scrnDispItemCd = obj.scrnDispItemCd; 2796 param.resInfo = obj.resInfo; 2797 var url = "/web/main/cstminfologging/ajax.do"; 2798 comutil.callAjax(url, param, function() {}); 2799 } 2800}; 2801</script>
2801 2802 2803 2804 2805 2806 2807 2808 2809 2810 2811 2812 2813 2814 2815 2816 2817 2818 2819 2820<!-- // -->
2821<script> 2822//ì ì²´ ê³µíµ ê° 2823var AP_DATA_GCID = ''; 2824//var AP_DATA_CID = ''; 2825//if(AP_DATA_CID ==""){ 2826// AP_DATA_CID = "X"; 2827//} 2828var AP_DATA_CID; 2829var AP_DATA_ISMEMBER; 2830var AP_DATA_ISLOGIN; 2831var AP_DATA_LOGINTYPE; 2832var AP_DATA_CA; 2833var AP_DATA_CD; 2834var AP_DATA_CG; 2835var AP_DATA_CT; 2836var AP_DATA_SITENAME; 2837var AP_DATA_CHANNEL; 2838var AP_DATA_PAGENAME; 2839var AP_DATA_PAGETYPE; 2840var AP_DATA_BREAD; 2841var AP_PRD_CATEGORY; 2842var AP_PRD_OPTION; 2843var AP_DATA_COUNTRY; 2844var AP_DATA_LANG; 2845var AP_DATA_ISEMPLOYEE; //[20210602] ìì§ìì¬ë¶ íê¹ ì¶ê° 2846// GA4 ì¶ê° 2847var AP_ECOMM_CURRENCY ='KRW'; 2848var AP_DATA_ENV = 'PROD'; //ê°ë°íê²½ LOCAL / DEV / STG / PRD 2849var AP_PROMO_ID; 2850var AP_PROMO_NAME; 2851 2852//ë¶ê¸° ìì 2853AP_DATA_CHANNEL='PC'; 2854if(AP_DATA_CHANNEL=="PC"){ 2855 AP_DATA_CHANNEL ="PC"; 2856}else{ 2857 AP_DATA_CHANNEL="MOBILE"; 2858} 2859 2860AP_DATA_SITENAME="AESTURA"; 2861AP_DATA_PAGENAME=""; 2862AP_DATA_BREAD=""; 2863AP_DATA_COUNTRY ="KR"; 2864AP_DATA_LANG ="KO"; 2865//ë¡ê·¸ì¸ì ë°ë¥¸ ë¶ê¸° 2866if(AP_DATA_GCID ==""){ 2867 AP_DATA_CID =""; 2868 AP_DATA_ISMEMBER=""; 2869 AP_DATA_ISLOGIN="N"; 2870 AP_DATA_LOGINTYPE=""; 2871 AP_DATA_CA=""; 2872 AP_DATA_CD=""; 2873 AP_DATA_CG=""; 2874 AP_DATA_CT=""; 2875 AP_DATA_PAGENAME=""; 2876}else{ 2877 AP_DATA_CID = ''; 2878 if(AP_DATA_CID ==""){ 2879 AP_DATA_ISMEMBER = "N"; 2880 }else{ 2881 AP_DATA_ISMEMBER="Y"; 2882 } 2883 AP_DATA_ISLOGIN ="Y"; 2884 AP_DATA_LOGINTYPE="NORMAL"; 2885 AP_DATA_CA=''; 2886 AP_DATA_CD=''; 2887 if(AP_DATA_CD.length > 4){ 2888 AP_DATA_CD = AP_DATA_CD.substring(0,4); 2889 } 2890 2891 AP_DATA_CG=''; 2892 2893 if(AP_DATA_CG == "CS0201"){ 2894 AP_DATA_CG="M"; 2895 }else{ 2896 AP_DATA_CG="F"; 2897 }
2898 var _head_isuserTemp = 'false'; 2899 var _head_iscorpTemp = 'false'; 2900 if(_head_isuserTemp== "true"){ 2901 AP_DATA_CT="ì¼ë°íì_"; 2902 /* AP_DATA_LOGINTYPE="NORMAL_"; */ 2903 }else if(_head_iscorpTemp== "true"){ 2904 AP_DATA_CT="ìì¬íì"; 2905 /* AP_DATA_LOGINTYPE="DOCTOR"; */ 2906 }else{ 2907 AP_DATA_CT=""; 2908 } 2909 //[20210602] ìì§ìì¬ë¶ íê¹ ì¶ê° 2910 AP_DATA_ISEMPLOYEE = "" == "Y" ? "Y" : "N"; 2911} 2912 2913//ì ì²´ ê³µíµ ê° ì¸í end 2914 2915 2916//ì¥ë°êµ¬ë start 2917//ì´ ì¥ë°êµ¬ëê¸ì¡ 2918var AP_CART_PRICE =0; 2919 2920//ì´ ìíì¡ 2921var AP_CART_PRDPRICE =0; 2922 2923//ì´ í ì¸ê¸ì¡ 2924var AP_CART_DISCOUNT =0; 2925 2926//{ìíì ë³´ Array} â [ {ìíì ë³´ Object}, {ìíì ë³´ Object} ] 2927var AP_CART_ADDPRDS =[]; 2928 2929//{ìíì ë³´ Array} â [ {ìíì ë³´ Object}, {ìíì ë³´ Object} ] 2930var AP_CART_PRDS =[]; 2931 2932// ë°°ì¡íì (ì 기배ì¡/ì¼ë°ë°°ì¡) 2933var AP_PURCHASE_SHIPPING_TYPE = ""; 2934 2935//ì í ì í(ì¼ë°ìí/ìì¬ì ì©ìí) 2936var AP_PRD_TYPE= ""; 2937 2938//ì¥ë°êµ¬ë end 2939 2940//주문결ì start 2941//ì´ ê²°ì ê¸ì¡ 2942var AP_ORDER_PRICE = 0; 2943 2944//ì´ ìíê¸ì¡ 2945var AP_ORDER_PRDPRICE = 0; 2946 2947//ì´ í ì¸ê¸ì¡ 2948var AP_ORDER_DISCOUNT = 0; 2949 2950//ë°ì´í° : {ìíì ë³´ Array} â [ {ìíì ë³´ Object}, {ìíì ë³´ Object} ] 2951var AP_ORDER_PRDS = []; 2952//주문결ì end 2953 2954 2955//íìê°ì start 2956var AP_JOIN_NAME = ""; 2957//íìê°ì end 2958 2959//ê²ì start 2960var AP_SEARCH_TYPE = ""; 2961var AP_SEARCH_TERM = ""; 2962var AP_SEARCH_PRDRESULT = []; // GA4 ì¶ê° 2963var AP_SEARCH_NUM = 0; 2964var AP_SEARCH_RESULT = ""; 2965//ê²ì end 2966 2967//ì íìì¸ start 2968//ì íëª 2969var AP_PRD_NAME = ""; 2970//ì íì¨ë¼ì¸ì½ë 2971var AP_PRD_CODE = ""; 2972//ì íSAPì½ë 2973var AP_PRD_SAPCODE = ""; 2974//ì íê°ê²© ( í ì¸ X ) 2975var AP_PRD_PRDPRICE = 0; 2976//ì íí ì¸ê°ê²© ( í ì¸ O ) 2977var AP_PRD_PRICE = 0; 2978//ì íë¸ëë 2979var AP_PRD_BRAND = "AESTURA"; 2980//ì í ì¹´í ê³ ë¦¬ 2981var AP_PRD_CATEGORY = ""; 2982//GA4 ì¶ê° 2983var AP_PRD_COUPON = ""; 2984var AP_PRD_APGBRCODE = ""; 2985var AP_PRD_ISTOCK = ""; 2986var AP_PRD_DISCOUNT = 0; 2987//ì íìì¸ end 2988 2989//주문ìë£ start 2990var AP_PURCHASE_PRICE = 0; 2991var AP_PURCHASE_PRDPRICE = 0; 2992var AP_PURCHASE_DCTOTAL = 0; 2993var AP_PURCHASE_DCBASIC = 0; 2994var AP_PURCHASE_COUPON = 0; 2995var AP_PURCHASE_MEMBERSHIP = 0; 2996var AP_PURCHASE_GIFTCARD = 0; 2997var AP_PURCHASE_POINT = 0; 2998var AP_PURCHASE_ONLINEGIFT = 0; 2999var AP_PURCHASE_ORDERNUM = 0; 3000var AP_PURCHASE_BEAUTYACC = 0; 3001var AP_PURCHASE_SHIPPING = 0; 3002var AP_PURCHASE_CARTCOUPON = 0; 3003var AP_PURCHASE_COUPONNAME = ""; 3004var AP_PURCHASE_SHIPPINGCOUPON = 0; 3005var AP_PURCHASE_PRDCOUPON = 0; 3006var AP_PURCHASE_PRDCOUPONNAME = ""; 3007var AP_PURCHASE_SHIPPINGCOUPONNAME = ""; 3008var AP_PURCHASE_PRDS= []; 3009var AP_PURCHASE_TAX = 0; 3010var AP_PURCHASE_TYPE = ""; 3011var AP_PURCHASE_COUPONNO; 3012//주문ìë£ end 3013 3014//20190923 review ì ìë³ì ì¶ê° 3015var AP_REVIEW_RATING; 3016var AP_REVIEW_PICTURE; 3017var AP_REVIEW_CONTENT; //Review ë´ì© 3018var AP_REVIEW_PRD; //리뷰 ì íëª 3019var AP_REVIEW_PRDCODE; //리뷰 ì íì¨ë¼ì¸ì½ë 3020var AP_REVIEW_SAPCODE; //리뷰 ì íSAPì½ë 3021 3022 3023//20210621 íìì ë³´ ì¶ê° KJH 3024var isFirstLogin = ''; //첫ë¡ê·¸ì¸ ì¼ì 3025var joinDate = ''; //íìê°ì ì¼ì 3026</script>
3026 3027 3028
3028<script type="text/javascript"> 3029 //dimension 3030 gtagjs.set({ 3031 d5: 'BRAND_HOME', //íì´ì§ëª 3032 d6: 'BRAND_HOME', //ì¹´í ê³ ë¦¬1DEPTH 3033 pagetype: 'MAIN' //íì´ì§íì 3034 }); 3035 //push 3036 function setEventTagging(src) { 3037 3038 var param = new Object(); 3039 param.action = $(src).attr("gtag_action"); 3040 param.category = "BRAND_HOME"; 3041 param.label = $(src).attr("gtag_label"); 3042 gtagjs.event(param); 3043 } 3044 //push 3045 function setClickTagging(src) { 3046 AP_PRD_CATEGORY = $(src).attr("catCd2nd"); 3047 AP_PRD_OPTION = $(src).attr("sapCd"); 3048 AP_PRD_NAME= $(src).attr("prdNm"); 3049 AP_PRD_CODE= $(src).attr("prdSeq"); 3050 AP_PRD_PRICE = $(src).attr("salPrc"); 3051 3052 var product = new Object(); 3053 product.name = $(src).attr("prdNm"); 3054 product.id = $(src).attr("prdSeq"); 3055 product.price = $(src).attr("salPrc"); 3056 product.brand = $(src).attr("catCd1stNm"); 3057 product.category = $(src).attr("catCd1stNm") + "/" + $(src).attr("catCd2ndNm"); 3058 product.dimension15 = $(src).attr("catCd2nd"); 3059 product.dimension16 = $(src).attr("sapCd"); 3060 product.dimension17 = ""; 3061 gtagjs.click({ 3062 actionField: 'ë¸ëëë©ì¸>ë² ì¤í¸ ë¸ë¡ê·¸ë·°', 3063 products: [product] 3064 }); 3065 } 3066 3067 </script>
3067 3068 <!-- ì íë¸ ì¤í¬ë¦½í¸ ìì± --> 3069
3069<script type="text/javascript">var youtube = snsutil.youtube;</script>
3069 3070 <style> 3071 .pdtListType3 > ul { display: block;} 3072 .insta_post li a .innerWrap .info .txt { text-align: left;} 3073 .insta_post li:nth-of-type(3n-2) { clear: none; margin-left: 0;} 3074 pre {white-space: pre-wrap; /* ì¤ë°ê¿ íì© */word-break: break-word; /* 긴 ë¨ì´ ì¤ë°ê¿ */font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", monospace;} 3075 </style> 3076 3077 <!-- //head --> 3078</head> 3079<body class="loading"> 3080 <div id="wrapper" class="main"> 3081 <div id="wrap"> 3082 <!-- container --> 3083 <div id="container"> 3084 <!-- skipNavi --> 3085 3086 3087 3088<div class="skipNavi"> 3089 <ul> 3090 <li><a href="#header">주ë©ë´ ë°ë¡ê°ê¸°</a></li> 3091 <li><a href="#container">본문 ë°ë¡ê°ê¸°</a></li> 3092 <li><a href="#footer">íë¨ë©ë´ ë°ë¡ê°ê¸°</a></li> 3093 </ul> 3094</div> 3095 <!-- //skipNavi --> 3096 3097 <!-- header --> 3098 3099 3100 3101 3102 3103 3104 3105<!-- Google Tag Manager (noscript) -->
3106<script> 3107 var gFrame = '<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NVFSBRV" height="0" width="0" style="display:none;visibility:hidden"></iframe>'; 3108 var gtm = $('<noscript></noscript>').append(gFrame); 3109 $('body').prepend(gtm); 3110 3111 // $(document).ready(function(){ 3112 var gFrame = '<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MXZ54M3" height="0" width="0" style="display:none;visibility:hidden"></iframe>'; 3113 var gtm = $('<noscript></noscript>').append(gFrame); 3114 $('body').prepend(gtm); 3115 3116 // }); 3117 //push 3118 function setEventTaggingGnb(src) { 3119 3120 var param = new Object(); 3121 param.action = $(src).attr("gtag_action"); 3122 param.category = "GNB"; 3123 param.label = $(src).attr("gtag_label"); 3124 gtagjs.event(param); 3125 } 3126 3127 function setEventTaggingHeader(src) { 3128 3129 var param = new Object(); 3130 param.action = $(src).attr("gtag_action"); 3131 param.category = "HEADER"; 3132 param.label = $(src).attr("gtag_label"); 3133 gtagjs.event(param); 3134 } 3135 3136 function fn_prtMomPdtList() { 3137 //commonjs.pdtList('prtm'); 3138 comutil 3139 .callAjax( 3140 "/web/member/getParentingMomMemberInfo/ajax.do", 3141 { 3142 cstmId : "" 3143 }, 3144 function(data) { 3145 if (data.cstmStatCd == 'CS0804') { 3146 commonjs.pdtList('prtm'); 3147 } else { 3148 location.href = "/web/member/parentingMomCertification.do"; 3149 } 3150 }); 3151 } 3152</script>
3152 3153 3154 3155<header id="header" class="header"> 3156 <!-- GNB --> 3157 <div class="gnbWrap"> 3158 <h1> 3159 <a href="javascript:;" gtag_action="LOGO" gtag_label="" 3160 onclick="setEventTaggingHeader(this);commonjs.main();" class="sizeB"> 3161 <picture> 3162 <source 3163 srcset="https://image.aestura.com/resources/web/images/common/logo_on.webp?ver=20240710_1" 3164 type="image/webp" /> 3165 <img 3166 src="https://image.aestura.com/resources/web/images/common/logo_on.png?ver=20240710_1" 3167 alt="AESTURA" class="on"> </picture> 3168 </a> 3169 </h1> 3170 <div class="menuList"> 3171 <div class="menuWrap"> 3172 <ul class="gnb"> 3173 <!-- ABOUT --> 3174 <li><a href="javascript:;" 3175 gtag_action="ABOUT_BRAND>Brand Story" gtag_label="" 3176 onclick="setEventTaggingGnb(this);commonjs.commonContent('CT01');"> 3177 <span>About brand</span> 3178 </a> 3179 <div class="subWrap type3"> 3180 <div class="inner"> 3181 <div class="subMenu"> 3182 <ul class="link"> 3183 <li><a class="thumbnail-list" href="javascript:;" 3184 gtag_action="ABOUT_BRAND>Brand Story" gtag_label="" 3185 onclick="setEventTaggingGnb(this);commonjs.commonContent('CT01');"> 3186 <picture> 3187 <source 3188 srcset="https://image.aestura.com/resources/web/images/temp/about_story_banner.webp" 3189 type="image/webp" /> 3190 <img 3191 src="https://image.aestura.com/resources/web/images/temp/about_story_banner.png" 3192 alt=""> </picture> BRAND STORY <!-- Brand Story --> 3193 </a></li> 3194 <li><a class="thumbnail-list" href="javascript:;" 3195 gtag_action="ABOUT_BRAND>About Inspired by Pharmaceutica Heritage" 3196 gtag_label="" 3197 onclick="setEventTaggingGnb(this);commonjs.commonContent('CT02');"> 3198 <picture> 3199 <source 3200 srcset="https://image.aestura.com/resources/web/images/temp/about_inspired_banner.webp" 3201 type="image/webp" /> 3202 <img 3203 src="https://image.aestura.com/resources/web/images/temp/about_inspired_banner.png" 3204 alt=""> </picture> INSPIRED BY PHARMACEUTICAL <br>HERITAGE 3205 <!-- Inspired by Pharmaceutical<br>Heritage --> 3206 </a></li> 3207 <li><a class="thumbnail-list" href="javascript:;" 3208 gtag_action="ABOUT_BRAND>Beauty Science for Sensitive skin" 3209 gtag_label="" 3210 onclick="setEventTaggingGnb(this);commonjs.commonContent('CT03');"> 3211 <picture> 3212 <source 3213 srcset="https://image.aestura.com/resources/web/images/temp/about_beauty_banner.webp" 3214 type="image/webp" /> 3215 <img 3216 src="https://image.aestura.com/resources/web/images/temp/about_beauty_banner.png" 3217 alt=""> </picture> CUTTING-EDGE TECHNOLOGY <br> BY DERMA 3218 LAB <!-- Beauty Science for<br>Sensitive skin --> 3219 </a></li> 3220 <li><a class="thumbnail-list" href="javascript:;" 3221 gtag_action="ABOUT_BRAND>uality Contral System" gtag_label="" 3222 onclick="setEventTaggingGnb(this);commonjs.commonContent('CT04');"> 3223 <picture> 3224 <source 3225 srcset="https://image.aestura.com/resources/web/images/temp/about_quality_banner.webp" 3226 type="image/webp" /> 3227 <img 3228 src="https://image.aestura.com/resources/web/images/temp/about_quality_banner.png" 3229 alt=""> </picture> QUALITY CONTROL SYSTEM <br>OPTIMIZED FOR SENSITIVE SKIN <!-- Quality Contral System --> 3230 </a></li> 3231 </ul> 3232 </div> 3233 </div> 3234 </div></li> 3235 <!-- OUR PRODUCTS --> 3236 <li><a href="javascript:;" 3237 gtagjs.eventTaggingNew(this,'GNB');" gtag_action="SHOPPING" 3238 gtag_label=""><span>OUR PRODUCTS</span></a> 3239 <div class="subWrap type2" style="height: 400px;"> 3240 <div class="inner"> 3241 <div class="subMenu"> 3242 <div class="description"> 3243 <strong class="menuNm">AESTURA 365</strong> 3244 </div> 3245 <ul class="list"> 3246 <li> 3247 <ul class="link"> 3248 <li><a class="subMenu_all" href="javascript:;" gtag_action="SHOPPING" 3249 gtag_label="AESTURA 365> 3250 ALL" 3251 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC02');">ALL 3252 </a></li> 3253 3254 <li><a href="javascript:;" gtag_action="SHOPPING" 3255 gtag_label="AESTURA 365> 3256 ATOBARRIER<sup>365</sup>" 3257 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0201');"> 3258 ATOBARRIER<sup>365</sup> 3259 </a></li> 3260 3261 <li><a href="javascript:;" gtag_action="SHOPPING" 3262 gtag_label="AESTURA 365> 3263 THERACNE<sup>365</sup>" 3264 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0202');"> 3265 THERACNE<sup>365</sup> 3266 </a></li> 3267 3268 <li><a href="javascript:;" gtag_action="SHOPPING" 3269 gtag_label="AESTURA 365> 3270 REGEDERM<sup>365</sup>" 3271 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0203');"> 3272 REGEDERM<sup>365</sup> 3273 </a></li> 3274 3275 <li><a href="javascript:;" gtag_action="SHOPPING" 3276 gtag_label="AESTURA 365> 3277 A-CICA<sup>365</sup>" 3278 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0204');"> 3279 A-CICA<sup>365</sup> 3280 </a></li> 3281 3282 <li><a href="javascript:;" gtag_action="SHOPPING" 3283 gtag_label="AESTURA 365> 3284 DERMA UV<sup>365</sup>" 3285 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0206');"> 3286 DERMA UV<sup>365</sup> 3287 </a></li> 3288 3289 </ul> 3290 </li> 3291 </ul> 3292 </div> 3293 <!-- ë³ìí매ìí --> 3294 <div class="subMenu"> 3295 <div class="description"> 3296 <strong class="menuNm">AESTURA ë³ìí매ìí</strong> 3297 </div> 3298 <ul class="list type2"> 3299 <li> 3300 <ul class="link"> 3301 <li><a class="subMenu_all" href="javascript:;" gtag_action="SHOPPING" 3302 gtag_label="AESTURA ë³ìí매ìí> 3303 AESTURA" 3304 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC01');">AESTURA 3305 </a></li> 3306 </ul> <strong class="menuNm2">ìë£ê¸°ê¸°</strong> 3307 <ul class="link"> 3308 3309 3310 <li><a href="javascript:;" gtag_action="SHOPPING" 3311 gtag_label="AESTURA ë³ìí매ìí>DERMA BABY<sup>PRO</sup>(MD)" 3312 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0111');"> 3313 DERMA BABY<sup>PRO</sup>(MD) 3314 </a></li> 3315 3316 3317 3318 <li><a href="javascript:;" gtag_action="SHOPPING" 3319 gtag_label="AESTURA ë³ìí매ìí>ATOBARRIER(MD)" 3320 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0104');"> 3321 ATOBARRIER(MD) 3322 </a></li> 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 </ul> 3338 </li> 3339 <li> 3340 <ul class="link"> 3341 <li style="margin-bottom: 14px;"> </li> 3342 </ul> <strong class="menuNm2">íì¥í</strong> 3343 <ul class="link"> 3344 3345 3346 3347 3348 3349 3350 <li><a href="javascript:;" gtag_action="SHOPPING" 3351 gtag_label="AESTURA ë³ìí매ìí>DERMA UV<sup>PRO</sup>" 3352 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0113');"> 3353 DERMA UV<sup>PRO</sup> 3354 </a></li> 3355 3356 3357 3358 <li><a href="javascript:;" gtag_action="SHOPPING" 3359 gtag_label="AESTURA ë³ìí매ìí>THERACNE" 3360 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0102');"> 3361 THERACNE 3362 </a></li> 3363 3364 3365 3366 <li><a href="javascript:;" gtag_action="SHOPPING" 3367 gtag_label="AESTURA ë³ìí매ìí>A-CICA<sup>PRO</sup>" 3368 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0109');"> 3369 A-CICA<sup>PRO</sup> 3370 </a></li> 3371 3372 3373 3374 <li><a href="javascript:;" gtag_action="SHOPPING" 3375 gtag_label="AESTURA ë³ìí매ìí>DERMA SCALP<sup>PRO</sup>" 3376 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0110');"> 3377 DERMA SCALP<sup>PRO</sup> 3378 </a></li> 3379 3380 3381 3382 <li><a href="javascript:;" gtag_action="SHOPPING" 3383 gtag_label="AESTURA ë³ìí매ìí>ATOBARRIER(íì¥í)" 3384 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0101');"> 3385 ATOBARRIER(íì¥í) 3386 </a></li> 3387 3388 3389 3390 <li><a href="javascript:;" gtag_action="SHOPPING" 3391 gtag_label="AESTURA ë³ìí매ìí>DERMA BABY<sup>PRO</sup>" 3392 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0112');"> 3393 DERMA BABY<sup>PRO</sup> 3394 </a></li> 3395 3396 3397 </ul> 3398 </li> 3399 <!--260219ìì <li> 3400 <ul class="link"> 3401 <li> </li> 3402 </ul> <strong class="menuNm2">ë°ì´íë·°í°</strong> 3403 <ul class="link"> 3404 <li><a style="padding-top: 0;" href="javascript:;" 3405 gtag_action="SHOPPING" gtag_label="AESTURA ë³ìí매ìí>ë°ì´íë·°í°" 3406 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0114');">VITAL 3407 BEAUTIE</a></li> 3408 </ul> 3409 </li> --> 3410 <!-- 260810:ILLYOONì¶ê° --> 3411 <li> 3412 <ul class="link"> 3413 <li> 3414 <a class="subMenu_all" href="javascript:;" gtag_action="SHOPPING" gtag_label="ë³ìí매ìí>ILLIYOON" 3415 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC03');">ILLIYOON</a> 3416 </li> 3417 </ul> 3418 <strong class="menuNm2">íì¥í</strong> 3419 <ul class="link"> 3420 <li> 3421 <a href="javascript:;" 3422 onclick="setEventTaggingGnb(this);commonjs.pdtList('PC0301');">DermaExpert Pro</a> 3423 </li> 3424 </ul> 3425 </li> 3426 </ul> 3427 </div> 3428 </div> 3429 </div></li> 3430 <!-- ADVICE FOR SENSITIVE SKIN --> 3431 <li><a href="javascript:;" gtag_action="ASK&ANSWER AESTURA" 3432 gtag_label="" 3433 onclick="setEventTaggingGnb(this);commonjs.locate('askList');"> 3434 <span>ADVICE FOR SENSITIVE SKIN</span> 3435 </a> 3436 <div class="subWrap type3"> 3437 <div class="inner"> 3438 <div class="subMenu"> 3439 <ul class="link"> 3440 <li><a class="thumbnail-list" href="javascript:;" 3441 gtag_action="ASK&ANSWER AESTURA" gtag_label="" 3442 onclick="setEventTaggingGnb(this);commonjs.locate('askList');"> 3443 <picture> 3444 <source 3445 srcset="https://image.aestura.com/resources/web/images/temp/advice_ask_banner.webp" 3446 type="image/webp" /> 3447 <img 3448 src="https://image.aestura.com/resources/web/images/temp/advice_ask_banner.png" 3449 alt=""> </picture> <!-- ASK&ANSWER AESTURA --> ASK AESTURA 3450 </a></li> 3451 <li><a class="thumbnail-list" href="javascript:;" 3452 gtag_action="DERMA CLINIC" gtag_label="" 3453 onclick="setEventTaggingGnb(this);commonjs.locate('beautyInsideList');"> 3454 <picture> 3455 <source 3456 srcset="https://image.aestura.com/resources/web/images/temp/advice_derma_banner.webp" 3457 type="image/webp" /> 3458 <img 3459 src="https://image.aestura.com/resources/web/images/temp/advice_derma_banner.png" 3460 alt=""> </picture> AESTURA DERMA CLINIC 3461 </a></li> 3462 </ul> 3463 </div> 3464 </div> 3465 </div></li> 3466 <!-- STORE --> 3467 <li><a href="javascript:;" gtag_action="STORE" gtag_label="" 3468 onclick="setEventTaggingGnb(this);commonjs.locate('store');"><span>STORE</span></a> 3469 <div class="subWrap"> 3470 <div class="subMenu"> 3471 <ul class="link"> 3472 <li><a href="javascript:;" gtag_action="STORE>AESTURA 365" 3473 gtag_label="" 3474 onclick="setEventTaggingGnb(this);commonjs.locate('store');">AESTURA 3475 365</a></li> 3476 <li><a href="javascript:;" gtag_action="AESTURA ë³ìí매ìí" 3477 gtag_label="" 3478 onclick="setEventTaggingGnb(this);commonjs.locate('findStore');">AESTURA ë³ìí매ìí</a></li> 3479 </ul> 3480 </div> 3481 </div></li> 3482 <!-- EVENT --> 3483 <li><a href="javascript:;" gtag_action="EVENT" gtag_label="" 3484 onclick="setEventTaggingGnb(this);commonjs.locate('eventList');"> 3485 <span>EVENT</span> 3486 </a> 3487 <div class="subWrap"> 3488 <div class="subMenu"> 3489 <ul> 3490 <li><a href="javascript:;" gtag_action="EVENT>ì§íì¤ì¸ì´ë²¤í¸" 3491 gtag_label="" 3492 onclick="setEventTaggingGnb(this);commonjs.locate('eventList');">ì§íì¤ì¸ 3493 ì´ë²¤í¸</a></li> 3494 <li><a href="javascript:;" gtag_action="EVENT>ì¢ ë£ëì´ë²¤í¸" 3495 gtag_label="" 3496 onclick="setEventTaggingGnb(this);commonjs.locate('eventEndList');">ì¢ ë£ë 3497 ì´ë²¤í¸</a></li> 3498 <li><a href="javascript:;" gtag_action="EVENT>ë¹ì²¨ìë°í" 3499 gtag_label="" 3500 onclick="setEventTaggingGnb(this);commonjs.locate('eventWinList');">ë¹ì²¨ì 3501 ë°í</a></li> 3502 </ul> 3503 </div> 3504 </div></li> 3505 <!-- NEWS --> 3506 <li><a href="javascript:;" gtag_action="NEWS" gtag_label="" 3507 onclick="setEventTaggingGnb(this);commonjs.locate('newsList');"><span>NEWS</span></a> 3508 </li> 3509 </ul> 3510 <span class="mall"><a href="javascript:;" gtag_action="ìì¬ì ì©ëª°" 3511 gtag_label="" 3512 onclick="setEventTaggingGnb(this);commonjs.locate('aesturamall');">ìì¬ì ì©ëª°</a></span> 3513 </div> 3514 </div> 3515 </div> 3516 <!-- //GNB --> 3517</header> 3518 3519 <!-- //header --> 3520 <!-- ë©ì¸ë°°ë --> 3521 <div class="mainVisual"> 3522 <div class="innerWrap"> 3523 3524 3525 <div class="slide" style="background-image:url('https://image.aestura.com/upload/display/
3525BC0101_301_W.png'); background-image:-webkit-image-set(url('https://image.aestura.com/upload/display/BC0101_301_W.webp') 1x);"> 3526 <div class="mainVisual-sildeinner"> 3527 <div class="txt" > 3528 <p class="txt1"><span>ìí ë² ë¦¬ì´365 í¬ë¦¼ </span></p> 3529 <p class="txt2"><span>ë¯¼ê° í¼ë¶ì í¹íë ê³ ë°ë ì¸ë¼ë§ì´ë 캡ìë¡ ë ê°ë ¥í´ì§ ë³´ìµ</span></p> 3530 3531 </div> 3532 <!-- 20250616 ì¶ê° :: ì ì²´ìì ë§í¬ê±¸ë ¤ì¼ í ê²½ì° ì¶ê° --> 3533 3534 3535 <!-- í ì¤í¸ --> 3536 <div class="slideUnit"> 3537 <div class="numCount sPage1"><span class="now"></span><span> / </span></div> 3538 <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"> 3539 <span class="slider_label sr-only"></span> 3540 </div> 3541 <div class="btnBox"> 3542 <button type="button" class="prev" style="position: absolute; left: 210px; top:20%;">Previous</button> 3543 <button type="button" class="next" style="position: absolute; left: 225px; top:20%;">next</button> 3544 </div> 3545 </div> 3546 </div> 3547 </div> 3548 3549 3550 <div class="slide" style="background-image:url('https://image.aestura.com/upload/display/BC0101_302_W.png'); background-image:-webkit-image-set(url('https://image.aestura.com/upload/display/BC0101_302_W.webp') 1x);"> 3551 <div class="mainVisual-sildeinner"> 3552 <div class="txt" > 3553 <p class="txt1"><span>ìí ë² ë¦¬ì´365</span></p> 3554 <p class="txt2"><span>ë¯¼ê° í¼ë¶ í¹í ë³´ìµ ë¼ì¸</span></p> 3555 3556 </div> 3557 <!-- 20250616 ì¶ê° :: ì ì²´ìì ë§í¬ê±¸ë ¤ì¼ í ê²½ì° ì¶ê° --> 3558 3559 3560 <!-- í ì¤í¸ --> 3561 <div class="slideUnit"> 3562 <div class="numCount sPage1"><span class="now"></span><span> / </span></div> 3563 <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"> 3564 <span class="slider_label sr-only"></span> 3565 </div> 3566 <div class="btnBox"> 3567 <button type="button" class="prev" style="position: absolute; left: 210px; top:20%;">Previous</button> 3568 <button type="button" class="next" style="position: absolute; left: 225px; top:20%;">next</button> 3569 </div> 3570 </div> 3571 </div> 3572 </div> 3573 3574 3575 <div class="slide" style="background-image:url('https://image.aestura.com/upload/display/BC0101_303_W.png'); background-image:-webkit-image-set(url('https://image.aestura.com/upload/display/BC0101_303_W.webp') 1x);"> 3576 <div class="mainVisual-sildeinner"> 3577 <div class="txt" > 3578 <p class="txt1"><span></span></p> 3579 <p class="txt2"><span></span></p> 3580 3581 </div> 3582 <!-- 20250616 ì¶ê° :: ì ì²´ìì ë§í¬ê±¸ë ¤ì¼ í ê²½ì° ì¶ê° --> 3583 3584 3585 <!-- í ì¤í¸ --> 3586 <div class="slideUnit"> 3587 <div class="numCount sPage1"><span class="now"></span><span> / </span></div> 3588 <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"> 3589 <span class="slider_label sr-only"></span> 3590 </div> 3591 <div class="btnBox"> 3592 <button type="button" class="prev" style="position: absolute; left: 210px; top:20%;">Previous</button> 3593 <button type="button" class="next" style="position: absolute; left: 225px; top:20%;">next</button> 3594 </div> 3595 </div> 3596 </div> 3597 </div> 3598 3599 3600 <div class="slide" style="background-image:url('https://image.aestura.com/upload/display/BC0101_304_W.png'); background-image:-webkit-image-set(url('https://image.aestura.com/upload/display/BC0101_304_W.webp') 1x);"> 3601 <div class="mainVisual-sildeinner"> 3602 <div class="txt" style="color:#fff;"> 3603 <p class="txt1"><span>민ê°í¼ë¶ ì 문 ì°êµ¬ì¡°ì§ Derma Lab</span></p> 3604 <p class="txt2"><span>í¼ë¶ê³ ë¯¼ë³ ê¸°ì´ ì°êµ¬ ë ¼ë¬¸ ì½ 470ê±´<br>ì±ë¶ ë° ê¸°ë°ê¸°ì í¹í ì½ 240ê±´<br>민ê°í¼ë¶ í¹í ì루ì </span></p> 3605 3606 </div> 3607 <!-- 20250616 ì¶ê° :: ì ì²´ìì ë§í¬ê±¸ë ¤ì¼ í ê²½ì° ì¶ê° --> 3608 3609 3610 <!-- í ì¤í¸ --> 3611 <div class="slideUnit"> 3612 <div class="numCount sPage1"><span class="now"></span><span> / </span></div> 3613 <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"> 3614 <span class="slider_label sr-only"></span> 3615 </div> 3616 <div class="btnBox"> 3617 <button type="button" class="prev" style="position: absolute; left: 210px; top:20%;">Previous</button> 3618 <button type="button" class="next" style="position: absolute; left: 225px; top:20%;">next</button> 3619 </div> 3620 </div> 3621 </div> 3622 </div> 3623 3624 3625 <div class="slide" style="background-image:url('https://image.aestura.com/upload/display/
3625BC0101_305_W.png'); background-image:-webkit-image-set(url('https://image.aestura.com/upload/display/BC0101_305_W.webp') 1x);"> 3626 <div class="mainVisual-sildeinner"> 3627 <div class="txt" > 3628 <p class="txt1"><span>ìì´ìì¹´365</span></p> 3629 <p class="txt2"><span>ë¯¼ê° ë¶ì기 ëë§ ì§ì ì½ì°ì± pH4.5 ì루ì </span></p> 3630 3631 </div> 3632 <!-- 20250616 ì¶ê° :: ì ì²´ìì ë§í¬ê±¸ë ¤ì¼ í ê²½ì° ì¶ê° --> 3633 3634 3635 <!-- í ì¤í¸ --> 3636 <div class="slideUnit"> 3637 <div class="numCount sPage1"><span class="now"></span><span> / </span></div> 3638 <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"> 3639 <span class="slider_label sr-only"></span> 3640 </div> 3641 <div class="btnBox"> 3642 <button type="button" class="prev" style="position: absolute; left: 210px; top:20%;">Previous</button> 3643 <button type="button" class="next" style="position: absolute; left: 225px; top:20%;">next</button> 3644 </div> 3645 </div> 3646 </div> 3647 </div> 3648 3649 3650 <div class="slide" style="background-image:url('https://image.aestura.com/upload/display/BC0101_306_W.png'); background-image:-webkit-image-set(url('https://image.aestura.com/upload/display/BC0101_306_W.webp') 1x);"> 3651 <div class="mainVisual-sildeinner"> 3652 <div class="txt" > 3653 <p class="txt1"><span>ëë§UV365</span></p> 3654 <p class="txt2"><span>ë¯¼ê° í¼ë¶ì ë°ìíë ì¼ê´ ë ¸ì¶(sun damage)ì¼ì´ ì루ì </span></p> 3655 3656 </div> 3657 <!-- 20250616 ì¶ê° :: ì ì²´ìì ë§í¬ê±¸ë ¤ì¼ í ê²½ì° ì¶ê° --> 3658 3659 3660 <!-- í ì¤í¸ --> 3661 <div class="slideUnit"> 3662 <div class="numCount sPage1"><span class="now"></span><span> / </span></div> 3663 <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"> 3664 <span class="slider_label sr-only"></span> 3665 </div> 3666 <div class="btnBox"> 3667 <button type="button" class="prev" style="position: absolute; left: 210px; top:20%;">Previous</button> 3668 <button type="button" class="next" style="position: absolute; left: 225px; top:20%;">next</button> 3669 </div> 3670 </div> 3671 </div> 3672 </div> 3673 3674 3675 <div class="slide" style="background-image:url('https://image.aestura.com/upload/display/BC0101_307_W.png'); background-image:-webkit-image-set(url('https://image.aestura.com/upload/display/BC0101_307_W.webp') 1x);"> 3676 <div class="mainVisual-sildeinner"> 3677 <div class="txt" > 3678 <p class="txt1"><span>리ì ë¤365</span></p> 3679 <p class="txt2"><span>ë¯¼ê° í¼ë¶ë¥¼ ìí ì¬ë¡ì°ìì´ì§ íë ¥ ì¼ì´ì ì¥ë²½ ê°í ì루ì </span></p> 3680 3681 </div> 3682 <!-- 20250616 ì¶ê° :: ì ì²´ìì ë§í¬ê±¸ë ¤ì¼ í ê²½ì° ì¶ê° --> 3683 3684 3685 <!-- í ì¤í¸ --> 3686 <div class="slideUnit"> 3687 <div class="numCount sPage1"><span class="now"></span><span> / </span></div> 3688 <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"> 3689 <span class="slider_label sr-only"></span> 3690 </div> 3691 <div class="btnBox"> 3692 <button type="button" class="prev" style="position: absolute; left: 210px; top:20%;">Previous</button> 3693 <button type="button" class="next" style="position: absolute; left: 225px; top:20%;">next</button> 3694 </div> 3695 </div> 3696 </div> 3697 </div> 3698 3699 </div> 3700 </div> 3701 <!-- //ë©ì¸ë°°ë --> 3702 3703 <!-- mainVideo --> 3704 3705 <div class="mainContents mainVideo"> 3706 3707 <div class="contents"> 3708 3709 3710 3711 3712 <h2 class="mainMotion">ê³ ë°ë ì¸ë¼ë§ì´ë 캡ìë³´ìµ ìí ë² ë¦¬ì´ 365 í¬ë¦¼</h2> 3713 <div class="playerArea mainMotion"> 3714 <a href="javascript:;" onclick="setEventTagging(this);fn_playVideo();" gtag_action="BEAUTY_INSIDE" gtag_label="ëììì¬ì_ê³ ë°ë ì¸ë¼ë§ì´ë 캡ìë³´ìµ ìí ë² ë¦¬ì´ 365 í¬ë¦¼" class="cover play" style="background-image:url(//img.youtube.com/vi/eFnPgGtbGcA/maxresdefault.jpg);">ì¬ì</a> 3715 <div id="player"></div> 3716 </div> 3717 3718 3719 </div> 3720 3721 </div> 3722 3723 <!-- //mainVideo --> 3724 3725 <!-- ì¤ê° ë°°ë --> 3726 <div class="mainContents mainbanner mainMotion"> 3727 3728 3729 3730 3731 3732 3733 <a href="javascript:void(0);"> 3734 3735 3736 <picture> 3737 <source srcset="https://image.aestura.com/upload/display/
3737BC0115_322_W.webp" type="image/webp" /> 3738 <img src="https://image.aestura.com/upload/display/BC0115_322_W.png" alt=""> 3739 </picture> 3740 </a> 3741 3742 3743 </div> 3744 <!-- //ì¤ê° ë°°ë --> 3745 3746 <!-- ì¸ì¤í --> 3747 <div class="mainContents tiktokarea"> 3748 <div class="contents"> 3749 <h2 class="mainMotion">ìì¤í¸ë¼ SNS ìì</h2> 3750 <div id="insta_post" class="tabCont insta_post tabContType1" style="display: block;"> 3751 <ul id="instaArea"> 3752 </ul> 3753 </div> 3754 </div> 3755 </div> 3756 <!-- í±í¡ --> 3757 3758 <!-- DERMA CLINIC --> 3759 <div class="mainContents dermaclinic"> 3760 <div class="contents"> 3761 <h2 class="mainMotion">ìì¤í¸ë¼ ëë§ìë´ì</h2> 3762 <ul class="dermaThumb mainMotion"> 3763 3764 3765 3766 <li> 3767 <picture> 3768 <source srcset="https://image.aestura.com/upload/display/BC0114_291_W.webp" type="image/webp" /> 3769 <img src="https://image.aestura.com/upload/display/BC0114_291_W.jpg" alt=""> 3770 </picture> 3771 </li> 3772 3773 3774 3775 3776 <li> 3777 <picture> 3778 <source srcset="https://image.aestura.com/upload/display/BC0114_292_W.webp" type="image/webp" /> 3779 <img src="https://image.aestura.com/upload/display/BC0114_292_W.jpg" alt=""> 3780 </picture> 3781 </li> 3782 3783 3784 3785 3786 <li> 3787 <picture> 3788 <source srcset="https://image.aestura.com/upload/display/BC0114_293_W.webp" type="image/webp" /> 3789 <img src="https://image.aestura.com/upload/display/BC0114_293_W.jpg" alt=""> 3790 </picture> 3791 </li> 3792 3793 3794 3795 3796 <li> 3797 <picture> 3798 <source srcset="https://image.aestura.com/upload/display/BC0114_294_W.webp" type="image/webp" /> 3799 <img src="https://image.aestura.com/upload/display/BC0114_294_W.jpg" alt=""> 3800 </picture> 3801 </li> 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 </ul> 3813 3814 <!-- DERMA ASK --> 3815 <div class="dermaAsk mainMotion"> 3816 <div class="tabBox"></div> 3817 <div class="list"> 3818 <div class="item" data-title="민ê°í¼ë¶ë¥¼ ìí ì¸ë¼ë§ì´ë"> 3819 <ul> 3820 3821 3822 3823 3824 3825 3826 3827 <li> 3828 <a href="/web/beautyinside/list.do?seq=66"> 3829 <strong>Q1.</strong> ì¸ë¼ë§ì´ëë 무ìì¸ê°ì? 3830 </a> 3831 </li> 3832 3833 3834 3835 3836 3837 3838 3839 3840 <li> 3841 <a href="/web/beautyinside/list.do?seq=66"> 3842 <strong>Q2.</strong> 민ê°ì± í¼ë¶ìê² ì¸ë¼ë§ì´ëê° ì¤ìí ì´ì ë 무ìì¸ê°ì? 3843 </a> 3844 </li> 3845 3846 3847 3848 3849 3850 3851 3852 3853 <li> 3854 <a href="/web/beautyinside/list.do?seq=66"> 3855 <strong>Q3.</strong> ì¸ë¼ë§ì´ëë ë¹ ë¥´ê² í¡ìëë ê²ì´ ë ì¢ìê°ì? 3856 </a> 3857 </li> 3858 3859 3860 3861 3862 <li> 3863 <a href="/web/beautyinside/list.do?seq=66"> 3864 <strong>Q4.</strong> 민ê°ì± í¼ë¶ê° ì¸ë¼ë§ì´ë í¬ë¦¼ì ì íí ë ì¶ê°ë¡ ê³ ë ¤í´ì¼ í ì ì 무ìì¸ê°ì? 3865 </a> 3866 </li> 3867 3868 3869 3870 </ul> 3871 </div> 3872 <div class="item" data-title="민ê°í¼ë¶ ë³´ìµ"> 3873 <ul> 3874 3875 3876 3877 3878 3879 <li> 3880 <a href="/web/beautyinside/list.do?seq=70"> 3881 <strong>Q1.</strong> 민ê°ì± í¼ë¶ì© ë³´ìµì ìë ì´ë¤ ì±ë¶ì´ í¬í¨ëì´ì¼ íëì?</a></li> 3882 3883 3884 3885 3886 3887 3888 3889 3890 <li> 3891 <a href="/web/beautyinside/list.do?seq=71"> 3892 <strong>Q2.</strong> 민ê°ì± í¼ë¶ê° 겨ì¸ì² ì ë³´ìµ ê´ë¦¬ë¥¼ í ë 주ìí´ì¼ í ì ì 무ìì¸ê°ì?</a></li> 3893 3894 3895 3896 3897 3898 3899 3900 3901 <li> 3902 <a href="/web/beautyinside/list.do?seq=71"> 3903 <strong>Q3.</strong> 민ê°ì± í¼ë¶ë ì ì½ì°ì± ì¸ìì 를 ì¬ì©í´ì¼ íë©°, ì´ë¤ ì¥ì ì´ ìëì?</a></li> 3904 3905 3906 3907 3908 3909 3910 3911 </ul> 3912 </div> 3913 <div class="item" data-title="ì¬ëë¦ì± í¼ë¶ ì¼ì´"> 3914 <ul> 3915 3916 3917 3918 <li> 3919 <a href="/web/beautyinside/list.do?seq=45"> 3920 <strong>Q1.</strong> ì¬ëë¦ì´ ì ëë í¼ë¶(í¸ë¬ë¸ì± í¼ë¶)ë 무ìì¸ê°ì?</a></li> 3921 3922 3923 3924 3925 3926 3927 3928 3929 <li> 3930 <a href="/web/beautyinside/list.do?seq=39"> 3931 <strong>Q2.</strong> ì¬ëë¦ì´ ê°ì ë¶ìì ê³ì ì기ëë°, í¹ì ìì¹ì ë°ë³µëë ì´ì ê° ìëì?</a></li> 3932 3933 3934 3935 3936 3937 3938 3939 3940 <li> 3941 <a href="/web/beautyinside/list.do?seq=26"> 3942 <strong>Q3.</strong> íì´í¸í¤ëë ì´ë»ê² ê´ë¦¬í´ì¼ íëì?</a></li> 3943 3944 3945 3946 3947 3948 3949 3950 3951 3952 </ul> 3953 </div> 3954 </div> 3955 </div> 3956 <!-- //DERMA ASK --> 3957 </div>
3958 </div> 3959 <!-- DERMA CLINIC --> 3960 3961 <!-- ABOUT BANNER --> 3962 <div class="mainContents aboutbanner mainMotion"> 3963 3964 3965 3966 3967 3968 3969 <a href="https://www.aestura.com/web/commonContent/commonContentView.do?astmComCtntClCd=CT01"> 3970 3971 3972 3973 <picture> 3974 <source srcset="https://image.aestura.com/upload/display/BC0116_317_W.webp" type="image/webp" /> 3975 <img src="https://image.aestura.com/upload/display/BC0116_317_W.png" alt=""> 3976 </picture> 3977 </a> 3978 3979 3980 </div> 3981 <!-- //ABOUT BANNER --> 3982 3983 <!-- footer --> 3984 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015<footer id="footer" class="footer"> 4016 <div class="noticeArea"> 4017 <div class="contents_wide"> 4018 4019 4020 4021 <ul class="links"> 4022 <li><a href="javascript:;" onclick="commonjs.terms();">ì¬ì´í¸ ì´ì©ì½ê´</a></li> 4023 <li><a href="javascript:;" onclick="commonjs.privacy();"><strong class="nb">ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨</strong></a></li> 4024 <li><a href="javascript:;" onclick="commonjs.sitemap();">Sitemap</a></li> 4025 </ul> 4026 <p class="cs">ìë¹ììë´ì¤ (ìì ììê¸ë¶ë´) 080-023-3900 ì´ììê° : ì~ê¸ 09:00 ~ 18:00</p> 4027 <p class="cs">ìì¬ì ì©ëª° ì´ì© ê´ë ¨ 문ì 080-813-3900 ì´ììê° : ì~ê¸ 09:00 ~ 16:00</p> 4028 4029 4030 <div class="footLinks"> 4031 <ul class="sns"> 4032 <li><a href="javascript:;" onclick="commonjs.locate('facebook', {target:'_blank'}); gtagjs.event({category:'FOOTER',action:'OFFICIAL_SNS',label:'FACEBOOK'});"><span>íì´ì¤ë¶</span></a></li> 4033 <li><a href="javascript:;" onclick="commonjs.locate('instagram', {target:'_blank'}); gtagjs.event({category:'FOOTER',action:'OFFICIAL_SNS',label:'INSTAGRAM'});"><span>ì¸ì¤íê·¸ë¨</span></a></li> 4034 <li><a href="javascript:;" onclick="commonjs.locate('youtube', {target:'_blank'}); gtagjs.event({category:'FOOTER',action:'OFFICIAL_SNS',label:'YOUTUBE'});"><span>ì íë¸</span></a></li> 4035 </ul> 4036 </div> 4037 </div> 4038 </div> 4039 <div class="copy"> 4040 <div class="contents_wide after"> 4041 <p class="logo">AMOREPACIFIC</p> 4042 <p class="info"> 4043 <em>ãì모ë í¼ìí½</em> 4044 <em>ìì¸í¹ë³ì ì©ì°êµ¬ íê°ëë¡ 100(íê°ë¡2ê°)</em> 4045 <em>ëíì´ì¬ : ê¹ì¹í</em> 4046 <em> 4047 ì¬ì ì ë±ë¡ë²í¸ : 106-86-43373 4048 <a href="javascript:;" onclick="window.open('http://www.ftc.go.kr/bizCommPop.do?wrkr_no=1068643373&apv_perm_no=', 'kcp_pop', 'width=750 height=730 menubar=no,scrollbars=1,resizable=no,status=no')">ì¬ì ìì ë³´íì¸</a> 4049 </em><br /> 4050 <em>íµì í매ì ì ê³ ë²í¸: 2017-ìì¸ì©ì°-1308</em><!-- em>ê°ì¸ì ë³´ ë³´í¸ ì± ìì : ë§¹ì¬ì°</em --> 4051 <em>
4051í¸ì¤í ìë¹ì¤ ì ê³µì ãì모ë í¼ìí½</em><br> 4052 <span class="rights">AMOREPACIFIC CORPORATION. ALL RIGHTS RESERVED.</span> 4053 </p> 4054 </div> 4055 </div> 4056 4057 <!-- WIDERPLANET SCRIPT START 2020.7.30 --> 4058 <div id="wp_tg_cts" style="display:none;"></div> 4059
4059<script type="text/javascript"> 4060 var wptg_tagscript_vars = wptg_tagscript_vars || []; 4061 wptg_tagscript_vars.push( 4062 (function() { 4063 return { 4064 wp_hcuid:"", /*ê³ ê°ëë² ë± Unique ID (ex. ë¡ê·¸ì¸ ID, ê³ ê°ëë² ë± )를 ìí¸ííì¬ ëì . 4065 *주ì : ë¡ê·¸ì¸ íì§ ìì ì¬ì©ìë ì´ë í ê°ë ëì íì§ ììµëë¤.*/ 4066 ti:"47684", /*ê´ê³ 주 ì½ë */ 4067 ty:"Home", /*í¸ëí¹íê·¸ íì */ 4068 device:"web" /*ëë°ì´ì¤ ì¢ ë¥ (web ëë mobile)*/ 4069 }; 4070 })); 4071 </script>
4071 4072
4072<script type="text/javascript" async src="//cdn-aitg.widerplanet.com/js/wp_astg_4.0.js"></script>
4072 4073 <!-- // WIDERPLANET SCRIPT END 2020.7.30 --> 4074 4075
4075<script type="text/javascript"> 4076 Â Â window._rblq = window._rblq || []; 4077 Â Â _rblq.push(['setVar','cuid','995277fa-6475-49b1-92fb-548ceec0e0f8']); 4078 Â Â _rblq.push(['setVar','deviceâ,âPW']); 4079 Â Â _rblq.push(['setVar','userId',""]);Â // optional 4080 Â Â _rblq.push(['track','visit']); 4081 Â Â (function(s,x){s=document.createElement('script');s.type='text/javascript'; 4082 Â Â s.async=true;s.defer=true;s.src=(('https:'==document.location.protocol)?'https':'http')+ 4083 Â Â '://assets.recobell.io/rblc/js/rblc-apne1.min.js'; 4084 Â Â x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s, x);})(); 4085 </script>
4085 4086 4087</footer>
4088<script type="text/javascript"> 4089//ê³µì§ì¬í ìµì 1ê±´ ì¡°í : 2025.10 리ë´ì¼ë¡ ê³µì§ì¬í ìì 4090/* function getFooterNoticeList(){ 4091 commonjs.noticeList("div_notice_footer"); 4092} */ 4093//push 4094function setEventTaggingFooter(src) { 4095 4096 var param = new Object(); 4097 param.action = $(src).attr("gtag_action"); 4098 param.category = comutil.isEmpty($(src).attr("gtag_category")) == false ? $(src).attr("gtag_category") : 'FOOTER'; 4099 param.label = $(src).attr("gtag_label"); 4100 gtagjs.event(param); 4101} 4102//ê³µì§ì¬í í¸ì¶ : 2025.10 리ë´ì¼ë¡ ê³µì§ì¬í ìì 4103//getFooterNoticeList(); 4104 4105//2025.10 리ë´ì¼ë¡ ê³µì§ì¬í ìì 4106/* function fn_SalesPopup(){ 4107 webutil.alert('<p class="sales_manager"><br/>ìì ë´ë¹ì ì ë³´: <span></span> <br/> <span style="font-size:14px;">(ìíì¤ëª ë° ìì¬ì ì©ëª° ì´ì©ë°©ë² ìë´ë¥¼ ìí 방문 ìì²ê°ë¥í©ëë¤)</span></p>'); 4108 return false; 4109} */ 4110 4111</script>
4111 4112 <!-- //footer --> 4113 4114 <!-- ììíì --> 4115<!-- <div class="layerPopup is-visible" id="tempPopup" style="display:none;"> --> 4116 4117<!-- <div class="titleArea"> --> 4118<!-- <div class="title">ì¸ë¶ê°ì¬ì¸ ì ì ê³µê³ </div> --> 4119<!-- <i></i> --> 4120<!-- </div> --> 4121<!-- <div class="layerBody"> --> 4122<!-- <div class="layerCont"> --> 4123<!-- <p class="txt1 msg"> --> 4124<!-- 주ìíì¬ ìì¤í¸ë¼ë 주ìíì¬ë±ì ì¸ë¶ê°ì¬ì ê´ë ¨ ë²ë¥ <br> --> 4125<!-- ì 12ì¡° 1í ë° ëë²ìíë ¹ ì 18ì¡°Â ì 1íì ë°ë¼ ì¸ë¶ê°ì¬ì¸ ì ì ì¬ì¤ì<br> --> 4126<!-- ìëì ê°ì´ ê³µê³ í©ëë¤. --> 4127<!-- </p> --> 4128<!-- <p class="txt2">- ì ë -</p> --> 4129<!-- <ul class="txt3"> --> 4130<!-- <li>1. ì¸ë¶ê°ì¬ì¸ : ì¼ì¼íê³ë²ì¸</li> --> 4131<!-- <li>2. ê°ì¬ê¸°ê° : ì 38기 ~ ì 40기 ì¬ì ì°ë (2019.01.01 ~ 2021.12.31)</li> --> 4132<!-- </ul> --> 4133<!-- <p class="txt4"> --> 4134<!-- <span>2019ë 2ì 27ì¼</span> --> 4135<!-- 주ìíì¬ ìì¤í¸ë¼ ìì¸í¹ë³ì ì©ì°êµ¬ íê°ëë¡ 100<br> --> 4136<!-- ëíì´ì¬ ìì´ì --> 4137<!-- </p> --> 4138<!-- </div> --> 4139<!-- </div> --> 4140<!-- <div class="cookieChk"> --> 4141<!-- <div class="input check"> --> 4142<!-- <input type="checkbox" id="cookieChk"> --> 4143<!-- <label for="cookieChk" onclick="fn_todayPopupClose('tempPopup',this.parentElement.parentElement);">ì¤ë í루 ë³´ì´ì§ ìì</label> --> 4144<!-- </div> --> 4145<!-- <span class="btn sizeS style2"><a href="javascript:;" onclick="layerPopClose2(this.parentElement.parentElement);">ë«ê¸°</a></span> --> 4146<!-- </div> --> 4147<!-- </div> --> 4148 <!-- //ììíì --> 4149 </div> 4150 <!-- //container --> 4151 </div> 4152 4153 <!-- ê³µíµ layer --> 4154 4155 4156 4157 4158 4159 4160 4161<!-- ë¸ë¡ê·¸ í¬ì¤í ìì¸ íì --> 4162<div class="layerPopupArea" id="postingView"> 4163 <div class="layerPopup" style="width:730px;"> 4164 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4165 <div id="layerCont"> 4166 <!-- ë´ì© ì ë ¥ ìì --> 4167 </div> 4168 </div> 4169</div> 4170<!-- ë¸ë¡ê·¸ í¬ì¤í ìì¸ íì --> 4171 4172<!-- í¬í 리뷰 ìì± íì --> 4173<div class="layerPopupArea review_write photo" id="photo_review_write"> 4174 <div class="layerPopup" style="width:730px;"> 4175 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4176 <div class="titleArea"> 4177 <i></i> 4178 <div class="title">í¬í 리뷰 ìì±</div> 4179 </div> 4180 <div class="layerBody"> 4181 <div class="layerCont" id="layerCont"> 4182 <!-- ë´ì© ì ë ¥ ìì --> 4183 </div> 4184 </div> 4185 </div> 4186</div> 4187<!-- í¬í 리뷰 ìì± íì --> 4188 4189<!-- 구매í기 ìì± íì --> 4190<div class="layerPopupArea review_write" id="product_review_write"> 4191 <div class="layerPopup" style="width:730px;"> 4192 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4193 <div class="titleArea"> 4194 <i></i> 4195 <div class="title">구매í기 ìì±</div> 4196 </div> 4197 <div class="layerBody"> 4198 <div class="layerCont" id="layerCont"> 4199 <!-- ë´ì© ì ë ¥ ìì --> 4200 </div> 4201 </div> 4202 </div> 4203</div> 4204<!-- í¬í 리뷰 ìì± íì --> 4205 4206<!-- ìí찾기 íì --> 4207<div class="layerPopupArea findProductPop" id="findProduct"> 4208 <div class="layerPopup" style="width:500px;"> 4209 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4210 <div class="titleArea"> 4211 <i></i> 4212 <div class="title">ìí찾기</div> 4213 </div> 4214 <div class="layerBody"> 4215 <div class="layerCont" id="layerCont"> 4216 <!-- ë´ì© ì ë ¥ ìì --> 4217 </div> 4218 </div> 4219 </div> 4220</div> 4221<!-- //ìí찾기 íì --> 4222 4223<!-- layer ê³µíµ --> 4224<!-- <div class="layerPopupArea" id="layer_common"> --> 4225<!-- <div class="layerPopup" style="width:730px;"> --> 4226<!-- <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> --> 4227<!-- <div id="layerCont"> --> 4228 <!-- ë´ì© ì ë ¥ ìì --> 4229<!-- </div> --> 4230<!-- </div> --> 4231<!-- </div> --> 4232<!-- layer ê³µíµ --> 4233 4234<!-- ìí ì ì² ìì± ê³µíµ --> 4235<div class="layerPopupArea" id="sampleApplication"> 4236 <div class="layerPopup" style="width:730px;"> 4237 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a>
4238 <div class="titleArea"> 4239 <div class="title">ìí ì ì²</div> 4240 <i></i> 4241 </div> 4242 <div class="layerBody"> 4243 <div class="layerCont" id="layerCont"> 4244 <!-- ë´ì©ì´ ë¤ì´ê°ëë¤. --> 4245 </div> 4246 </div> 4247 </div> 4248</div> 4249 4250<!-- ë°°ì¡ì§ê´ë¦¬ --> 4251<div class="layerPopupArea deliveryInfoMng" id="deliveryInfoMng"> 4252 <div class="layerPopup" style="width:950px;"> 4253 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4254 <div class="titleArea"> 4255 <div class="title">ë°°ì¡ì§ ê´ë¦¬</div> 4256 <i></i> 4257 </div> 4258 <div class="layerBody"> 4259 <div class="layerCont" id="layerCont"> 4260 <!-- ë´ì©ì´ ë¤ì´ê°ëë¤. --> 4261 </div> 4262 </div> 4263 </div> 4264</div> 4265 4266<!-- ìí´ë¦ ì¹´ë ê´ë¦¬ --> 4267<div class="layerPopupArea" id="OCmanagement"> 4268 <div class="layerPopup" style="width:550px;"> 4269 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4270 <div class="titleArea"> 4271 <div class="title">ê²°ì ì¹´ë ê´ë¦¬</div> 4272 <i></i> 4273 </div> 4274 <div class="layerBody"> 4275 <div class="layerCont" id="layerCont"> 4276 <!-- ë´ì© --> 4277 </div> 4278 </div> 4279 </div> 4280</div> 4281<!-- //ìí´ë¦ ì¹´ë ê´ë¦¬ --> 4282 4283<!-- ìí´ë¦ê²°ì ì ì©ì¹´ë ë±ë¡/ìì --> 4284<div class="layerPopupArea" id="OCcartEdit"> 4285 <div class="layerPopup" style="width:550px;"> 4286 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4287 <div class="titleArea"> 4288 <div class="title">ìë ê²°ì ì ì©ì¹´ë ê´ë¦¬</div> 4289 <i></i> 4290 </div> 4291 <div class="layerBody"> 4292 <div class="layerCont" id="layerCont"> 4293 4294 </div> 4295 </div> 4296 </div> 4297</div> 4298<!-- //ìí´ë¦ê²°ì ì ì©ì¹´ë ë±ë¡/ìì --> 4299 4300<!-- [NEW] layer ê³µíµ --> 4301<div class="layerPopupArea" id="layer_common"> 4302 <div class="layerPopup" style="width:580px;"> 4303 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4304 <div class="titleArea" id="_layer_titleArea" style="display:none;"> 4305 <div class="title" id="_layer_title"><!-- íì´íì´ ë¤ì´ê°ëë¤. --></div> 4306 <i></i> 4307 </div> 4308 <div class="layerBody"> 4309 <div class="layerCont" id="layerCont"> 4310 <!-- ë´ì©ì´ ë¤ì´ê°ëë¤. --> 4311 </div> 4312 </div> 4313 </div> 4314</div> 4315 4316<!-- ì°í¸ë²í¸ ê²ì --> 4317<div class="layerPopupArea" id="findZipcode"> 4318 <div class="layerPopup" style="width:580px;"> 4319 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4320 <div class="titleArea"> 4321 <div class="title">ì°í¸ë²í¸ ê²ì</div> 4322 <i></i> 4323 </div> 4324 <div class="layerBody"> 4325 <div class="layerCont" id="layerCont"> 4326 <!-- ë´ì©ì´ ë¤ì´ê°ëë¤. --> 4327 </div> 4328 </div> 4329 </div> 4330</div> 4331 4332<div class="layerPopupArea" id="layer_alert"> 4333 <div class="layerPopup alertType"> 4334 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4335 <div class="layerBody"> 4336 <div class="layerCont"> 4337 <p class="msg" id="layer_alert_msg">ì ì²ì´ ìë£ëììµëë¤.</p> 4338 <div class="btnWrap"> 4339 <div class="btn sizeL style2"><a href="javascript:;" onclick="layerPopClose(this);" id="layer_alert_button_ok">íì¸</a></div> 4340 </div> 4341 </div> 4342 </div> 4343 </div> 4344</div> 4345<!-- //alert popup --> 4346 4347<!-- alert popup --> 4348<div class="layerPopupArea" id="layer_alert"> 4349 <div class="layerPopup alertType"> 4350 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4351 <div class="layerBody"> 4352 <div class="layerCont"> 4353 <p class="msg" id="layer_alert_msg">ì ì²ì´ ìë£ëììµëë¤.</p> 4354 <div class="btnWrap"> 4355 <div class="btn sizeL style2"><a href="javascript:;" onclick="layerPopClose(this);" id="layer_alert_button_ok">íì¸</a></div>
4356 </div> 4357 </div> 4358 </div> 4359 </div> 4360</div> 4361<!-- //alert popup --> 4362 4363<!-- confirm layer --> 4364<div class="layerPopupArea" id="layer_confirm"> 4365 <div class="layerPopup"> 4366 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4367<!-- <div class="titleArea"> --> 4368<!-- <div class="title" id="layer_confirm_title">íì´í</div> --> 4369<!-- <i></i> --> 4370<!-- </div> --> 4371 <div class="layerBody"> 4372 <div class="layerCont"> 4373 <p class="msg" id="layer_confirm_msg">ë©ìì§</p> 4374 <div class="btnWrap"> 4375 <ul> 4376 <li><div class="btn sizeL style2"><a href="javascript:;" id="layer_confirm_button_ok">íì¸</a></div></li> 4377 <li><div class="btn sizeL style1"><a href="javascript:;" id="layer_confirm_button_cancel">ì·¨ì</a></div></li> 4378 </ul> 4379 </div> 4380 </div> 4381 </div> 4382 </div> 4383</div> 4384<!-- //confirm layer --> 4385<!-- confirm layer ì문--> 4386<div class="layerPopupArea" id="layer_confirm2"> 4387 <div class="layerPopup"> 4388 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4389 <div class="layerBody"> 4390 <div class="layerCont"> 4391 <p class="msg" id="layer_confirm2_msg">ë©ìì§</p> 4392 <div class="btnWrap"> 4393 <ul> 4394 <li><div class="btn sizeL style2"><a href="javascript:;" id="layer_confirm2_button_ok">Confirm</a></div></li> 4395 <li><div class="btn sizeL style1"><a href="javascript:;" id="layer_confirm2_button_cancel">Cancel</a></div></li> 4396 </ul> 4397 </div> 4398 </div> 4399 </div> 4400 </div> 4401</div> 4402<!-- //confirm layer --> 4403 4404<!-- confirm layer --> 4405<div class="layerPopupArea" id="layer_custom_confirm"> 4406 <div class="layerPopup"> 4407 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4408 <div class="layerBody"> 4409 <div class="layerCont"> 4410 <p class="msg" id="layer_custom_confirm_msg">ë©ìì§</p> 4411 <div class="btnWrap"> 4412 <ul> 4413 <li><div class="btn sizeL style2"><a href="javascript:;" id="layer_custom_confirm_btn1">íì¸</a></div></li> 4414 <li><div class="btn sizeL style1"><a href="javascript:;" id="layer_custom_confirm_btn2">ì·¨ì</a></div></li> 4415 </ul> 4416 </div> 4417 </div> 4418 </div> 4419 </div> 4420</div> 4421<!-- //confirm layer --> 4422 4423<!-- ì ê³ ì림 ì ì² --> 4424<div class="layerPopupArea" id="restockNoti"> 4425 <div class="layerPopup"> 4426 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4427 <div class="titleArea"> 4428 <div class="title">ì ê³ ì림 ì ì²</div> 4429 <i></i> 4430 </div> 4431 <div class="layerBody"> 4432 <div class="layerCont" id="div_restockCont"> 4433 </div> 4434
4434<script id="notiTmpl" type="text/x-jsrender"> 4435 <p class="p1">ì ê³ ì림ì ì ì²íìë©´, ì¼ìíì ìíì´ íë§¤ê° ë¤ì ììë ë <br />íìëì í´ëí°ì¼ë¡ ë©ìì§ë¥¼ ë°ì¡í´ ë립ëë¤.</p> 4436 <p class="tbTitle">ì ì²ìí</p> 4437 <table summary="ì ê³ ì림 ì ì²ìí"> 4438 <colgroup><col width="100"><col width="*"></colgroup> 4439 <tbody> 4440 <tr> 4441 <th>ì íëª </th> 4442 <td>{{:prdNm}}</td> 4443 </tr> 4444 <tr> 4445 <th>ìµì ëª </th> 4446 <td>{{:optNm}}</td> 4447 </tr> 4448 </tbody> 4449 </table> 4450 <p class="mgt10">ì ê³ ì림 ì ì² ì í´ëí°ë²í¸ ìì ì´ íìí ê²½ì° ë§ì´íì´ì§>ë´ì ë³´ ìì ìì ì ë³´ ìì í ì ì²íì¬ ì£¼ì기 ë°ëëë¤.</p> 4451 <div class="btnWrap"> 4452 <ul> 4453 <li><div class="btn sizeL style2"><a href="javascript:;" onclick="fn_requestNoti({{:prdSeq}}, '{{:sapCd}}');" >ì ê³ ì림 ì ì²</a></div></li> 4454 <li><div class="btn sizeL style2"><a href="javascript:;" onclick="layerPopClose(this);">ì·¨ì</a></div></li> 4455 </ul> 4456 </div> 4457 </script>
4457 4458 </div> 4459 </div> 4460</div> 4461<!-- //ì ê³ ì림 ì ì² --> 4462 4463<!-- ì¿ í°ì¬ì©ìë´--> 4464<div class="layerPopupArea" id="useCoupon_guide"> 4465 <div class="layerPopup"> 4466 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4467 <div class="titleArea"> 4468 <div class="title">ì¿ í° ì¬ì© ìë´</div> 4469 <i></i> 4470 </div> 4471 <div class="layerBody"> 4472 <div class="layerCont" id="layerCont"> 4473 4474 </div> 4475 </div> 4476 </div> 4477</div> 4478<!-- //ì¿ í°ì¬ì©ìë´--> 4479 4480<!-- ì 기배ì¡ì´ì©ê°ì´ë --> 4481<div class="layerPopupArea" id="regularOrderGuide"> 4482 <div class="layerPopup" style="width:580px"> 4483 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4484 <div class="titleArea"> 4485 <div class="title">ìì¤í¸ë¼ ì ê¸°ë°°ì¡ ìë¹ì¤ ì´ì©ê°ì´ë</div> 4486 <i></i> 4487 </div> 4488 <div class="layerBody"> 4489 <div class="layerCont"> 4490 <ul class="list"> 4491 <li> 4492 1. ì ê¸°ë°°ì¡ ìí ì í 4493 <ul> 4494 <li>- ìí ìì¸íì´ì§ìì ì주 구매íë ìí ì ê¸°ë°°ì¡ ì¥ë°êµ¬ë ë´ê¸°</li> 4495 </ul> 4496 </li> 4497 <li> 4498 2. ì 기배ì¡ì¼ ì¤ì 4499 <ul> 4500 <li>- ìí ë°ì¡ ë ì§ì ë°°ì¡ì§ ì ë³´ ì¤ì </li> 4501 </ul> 4502 </li> 4503 <li> 4504 3. ìëê²°ì ì¤ì 4505 <ul> 4506 <li>- 매ì ìëì¼ë¡ ê²°ì ë ì¹´ë ì ë³´ì ë ¥</li> 4507 <li>- ì ê¸°ë°°ì¡ ì ì² í ì¸ íí ë°ê³ ê²°ì í기 4508 <ul> 4509 <li>ì ê¸°ë°°ì¡ ìë¹ì¤ë ë°°ì¡ íìê° ë§ììë¡ í ì¸ ííì´ ì»¤ì§ëë¤.</li> 4510 <li>í ì¸ ìíì ê²½ì° ì ê¸°ë°°ì¡ í ì¸ê³¼ ì¤ë³µ ì ì©ëì§ ìì¼ë©°, ì¿ í°ì ì¬ì©ì´ ë¶ê°í©ëë¤.</li> 4511 </ul> 4512 </li> 4513 </ul> 4514 </li> 4515 <li> 4516 4. ì ê¸°ë°°ì¡ ë¯¸ë£¨ê¸° 4517 <ul> 4518 <li>- ë¤ì ìíì ë°ê¸° ì ì°ê³ ìë ìíì´ ë¨ììë¤ë©´, 1í 미루기 ì ì² 4519 <ul> 4520 <li>1í 미루기 ì ì²ì ì 1í ë§ì´íì´ì§>ì 기배ì¡ì ì²ë´ììì ì ì² ê°ë¥í©ëë¤.</li> 4521 </ul> 4522 </li> 4523 </ul> 4524 </li> 4525 </ul> 4526 <div class="btnWrap"> 4527 <span class="btn sizeL style2"><a href="javascript:;" onclick="layerPopClose(this);">ë«ê¸°</a></span> 4528 </div> 4529 </div> 4530 </div> 4531 </div> 4532</div> 4533<!-- //ì 기배ì¡ì´ì©ê°ì´ë --> 4534 4535<!-- ì 기배ì¡ì´ì©ê°ì´ë --> 4536<div class="layerPopupArea" id="prtMomRegularOrderGuide"> 4537 <div class="layerPopup" style="width:580px"> 4538 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4539 <div class="titleArea"> 4540 <div class="title">ì¡ìë§ ì ì© ì ê¸°ë°°ì¡ ìë¹ì¤ ì´ì©ê°ì´ë</div> 4541 <i></i> 4542 </div> 4543 <div class="layerBody"> 4544 <div class="layerCont"> 4545 <ul class="list"> 4546 <li> 4547 1. ì ê¸°ë°°ì¡ ìí ì í 4548 <ul> 4549 <li>- ìí ìì¸íì´ì§ìì ì주 구매íë ìí ì ê¸°ë°°ì¡ ì¥ë°êµ¬ë ë´ê¸°</li> 4550 </ul> 4551 </li> 4552 <li> 4553 2. ì 기배ì¡ì¼ ì¤ì 4554 <ul> 4555 <li>- ìí ë°ì¡ ë ì§ì ë°°ì¡ì§ ì ë³´ ì¤ì </li> 4556 </ul> 4557 </li> 4558 <li> 4559 3. ìëê²°ì ì¤ì 4560 <ul> 4561 <li>- 매ì ìëì¼ë¡ ê²°ì ë ì¹´ë ì ë³´ì ë ¥</li> 4562 <li>- ì ê¸°ë°°ì¡ ì ì² í ì¸ íí ë°ê³ ê²°ì í기 4563 <ul> 4564 <li>í ì¸ ìíì ê²½ì° ì ê¸°ë°°ì¡ í ì¸ê³¼ ì¤ë³µ ì ì©ëì§ ìì¼ë©°, ì¿ í°ì ì¬ì©ì´ ë¶ê°í©ëë¤.</li> 4565 </ul> 4566 </li> 4567 </ul> 4568 </li> 4569 <!-- <li> 4570 4. ì ê¸°ë°°ì¡ ë¯¸ë£¨ê¸° 4571 <ul> 4572 <li>- ë¤ì ìíì ë°ê¸° ì ì°ê³ ìë ìíì´ ë¨ììë¤ë©´, 1í 미루기 ì ì² 4573 <ul> 4574 <li>1í 미루기 ì ì²ì ì 1í ë§ì´íì´ì§>ì 기배ì¡ì ì²ë´ììì ì ì² ê°ë¥í©ëë¤.</li> 4575 </ul> 4576 </li> 4577 </ul> 4578 </li> --> 4579 </ul> 4580 <div class="btnWrap"> 4581 <span class="btn sizeL style2"><a href="javascript:;" onclick="layerPopClose(this);">ë«ê¸°</a></span> 4582 </div> 4583 </div> 4584 </div> 4585 </div> 4586</div> 4587<!-- //ì 기배ì¡ì´ì©ê°ì´ë --> 4588 4589<!-- ìíìµì ì í --> 4590<div class="layerPopupArea" id="selectOption"> 4591 <div class="layerPopup alertType" style="width:540px;"> 4592 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a>
4593 <div class="layerBody"> 4594 <div class="layerCont"> 4595 <p class="msg">ìí ìµì ì ì ííì¸ì</p> 4596 <input type="hidden" id="input_cartType" name="input_cartType" value=""/> 4597 <input type="hidden" id="input_dlvCl" name="dlvCl" value="N"/> 4598 <input type="hidden" id="input_ordQty" name="ordQty" value="1"/> 4599 <input type="hidden" id="input_sapCd" name="sapCd" value=""/> 4600 <input type="hidden" id="input_changeTp" name="changeTp" value=""/> 4601 <span id="optListTmpl"></span> 4602
4602<script id="selectOptListTmpl" type="text/x-jsrender"> 4603 <div class="selectbox"> 4604 <button class="title" type="button" title="ê²ììµì ì í"></button> 4605 <ul class="selList"> 4606 {{for optionList}} 4607 <li> 4608 <input type="radio" catCd2nd="{{:catCd2nd}}" catCd2ndNm="{{:catCd2ndNm}}" sldOutYn="{{:sldOutYn}}" stdPrc="{{:stdPrc}}" salPrc="{{:salPrc}}" prdNm="{{:prdNm}}" optNm="{{:optNm}}" prdSeq="{{:prdSeq}}" sapCd="{{:sapCd}}" class="option" id="sel1_{{:sapCd}}" name="select1" {{if #index == 0}}checked="checked"{{/if}}> 4609 <label for="sel1_{{:sapCd}}">{{:optNm}}{{if sldOutYn == 'Y'}}<em class="fl_r colorRD">[ì¼ìíì ]</em>{{/if}}</label> 4610 </li> 4611 {{/for}} 4612 </ul> 4613 </div> 4614 </script>
4614 4615 <div class="btnWrap L2"> 4616 <ul> 4617 <li><div class="btn sizeL style2"><a id="cartSelect" href="javascript:;" onclick="fn_addOptionCart();fn_optionFireGtag();">íì¸</a></div></li> 4618 <li><div class="btn sizeL style1"><a href="javascript:;" onclick="layerPopClose(this);">ì·¨ì</a></div></li> 4619 </ul> 4620 </div> 4621 </div> 4622 </div> 4623 </div> 4624</div> 4625<!-- //ìíìµì ì í --> 4626 4627<!-- confirm layer --> 4628<div class="layerPopupArea" id="layer_shipping_agree"> 4629 <div class="layerPopup"> 4630 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4631 4632 <div class="layerBody"> 4633 <div class="layerCont" id="layerCont"> 4634 4635 </div> 4636 </div> 4637 </div> 4638</div> 4639<!-- //confirm layer --> 4640 4641<!-- ë¹ë°ë²í¸ìì --> 4642<div class="layerPopupArea" id="layer_temppw_modify"> 4643 <div class="layerPopup" style="width:500px;"> 4644 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);" id="btn_layer_temppw_modify_close"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4645 <div class="titleArea"> 4646 <div class="title">ë¹ë°ë²í¸ ìì </div> 4647 <i></i> 4648 </div> 4649 <div class="layerBody"> 4650 <div class="layerCont ta_c" id="layerCont"> 4651 4652 </div> 4653 </div> 4654 </div> 4655</div> 4656<!-- //ë¹ë°ë²í¸ìì --> 4657 4658<!-- ì´ë©ì¼ 무ë¨ìì§ ê±°ë¶ --> 4659<div class="layerPopupArea" id="mailPolicy"> 4660 <div class="layerPopup" style="width:580px;"> 4661 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4662 <div class="titleArea"> 4663 <div class="title">ì´ë©ì¼ 무ë¨ìì§ ê±°ë¶</div> 4664 <i></i> 4665 </div> 4666 <div class="layerBody"> 4667 <div class="layerCont"> 4668 <ul class="terms"> 4669 <li> 4670 <p class="article nb">ì´ë©ì¼ 무ë¨ìì§ ê±°ë¶</p> 4671 <ul class="paragraph"> 4672 <li class="def">ì´ë©ì¼ì 기ì ì ì¥ì¹ë¥¼ ì´ì©íì¬ ë¬´ë¨ì¼ë¡ ìì§, í매, ì íµíê±°ë ì´ë¥¼ ì´ì©íë ìë (ì ë³´íµì ë§ ì´ì© ì´ì§ ë° ì ë³´ ë³´í¸ ë±ì ê´í ë²ë¥) ì 50ì¡°ì 2ê·ì ì ìê±°íì¬ 1ì²ë§ì ì´íì ë²ê¸íì ì²í´ì§ëë¤.</li> 4673 </ul> 4674 </li> 4675 <li> 4676 <p class="article nb">ì´ë©ì¼ 무ë¨ìì§ ê±°ë¶</p> 4677 <ul class="paragraph"> 4678 <li>â ë구ë ì§ ì ì ì°í¸ì£¼ìì ìì§ì ê±°ë¶íë ìì¬ê° ëª ìë ì¸í°ë· ííì´ì§ìì ìëì¼ë¡ ì ì ì°í¸ 주ì를 ìì§íë íë¡ê·¸ë¨ ê·¸ ë°ì 기ì ì ì¥ì¹ë¥¼ ì´ì©íì¬ ì ì ì°í¸ 주ì를 ìì§íì¬ìë ìë ëë¤.</li> 4679 <li>â¡ ë구ë ì§ ì 1íì ê·ì ì ìë°íì¬ ìì§ë ì ìì°í¸ì£¼ì를 í매·ì íµíì¬ìë ìë ëë¤.</li> 4680 <li>⢠ë구ë ì§ ì 1í ë° ì 2íì ê·ì ì ìíì¬ ìì§ Â· í매 ë° ì íµì´ ê¸ì§ë ì ìì°í¸ 주ììì ìê³ ì´ë¥¼ ì ë³´ì ì¡ì ì´ì©íì¬ìë ìë ëë¤.</li> 4681 </ul> 4682 </li> 4683 </ul> 4684 </div> 4685 </div> 4686 </div> 4687</div> 4688<!-- //ì´ë©ì¼ 무ë¨ìì§ ê±°ë¶ --> 4689 4690<!-- ë°°ì¡ì§ ì ì¥ ì½ê´ëì --> 4691<div class="layerPopupArea" id="shippingPop_agreeTerms"> 4692 <div class="layerPopup" style="width:730px;"> 4693 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4694 <div class="titleArea"> 4695 <div class="title">ê°ì¸ì ë³´ ì´ì© ë° ìì§ì ëí ëì(ì í)</div> 4696 <i></i> 4697 </div> 4698 <div class="layerBody"> 4699 <div class="layerCont" id="layerCont"> 4700 </div> 4701 </div> 4702 </div> 4703</div> 4704<!-- //ë°°ì¡ì§ ì ì¥ ì½ê´ëì --> 4705 4706<!-- ì´ë²¤í¸ ê°ì¸ì ë³´ ìì§ ëì --> 4707<div class="layerPopupArea" id="eventPop_agreeTerms"> 4708 <div class="layerPopup" style="width:530px;"> 4709 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4710 <div class="titleArea"> 4711 <div class="title">ê°ì¸ì ë³´ ì´ì© ë° ìì§ì ëí ëì</div> 4712 <i></i> 4713 </div> 4714 <div class="layerBody"> 4715 <div class="layerCont"> 4716 <ul class="terms"> 4717 <li> 4718 <ul class="paragraph"> 4719 <li>- ìì§íë ê°ì¸ì ë³´ì í목 : SNS 주ì</li> 4720 <li>- ìì§ ë° ì´ì©ëª©ì : ì²´íë¨ ì ì ë° ì²´íë¨ íëë´ì íì¸</li> 4721 <li>- ë³´ì ë° ì´ì©ê¸°ê° : ì²´íë¨ ì¢ ë£ í 30ì¼ 4722 <li>ì²´íë¨ ì ì²ìë ê°ì¸ì ë³´ ìì§ ë° ì´ì©ëìì ê±°ë¶í ì ììµëë¤.</li> 4723 <li>ë¤ë§, ê±°ë¶í ê²½ì° ì²´íë¨ ì°¸ì¬ê° ì íë©ëë¤.</li> 4724 </ul> 4725 </li> 4726 </ul> 4727 <div class="btnWrap L2"> 4728 <ul> 4729 <li><div class="btn sizeL style2"><a href="javascript:;" onclick="goAgreeInfo();layerPopClose(this);">ëìí©ëë¤.</a></div></li> 4730 </ul>
4731 </div> 4732 </div> 4733 </div> 4734 </div> 4735</div> 4736<!-- //ì´ë²¤í¸ ê°ì¸ì ë³´ ìì§ ëì --> 4737 4738<!-- ì½ê´ëì ìë´ íì --> 4739<div class="layerPopupArea" id="memberUserAgreeTermsNotice"> 4740 <div class="layerPopup"> 4741 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4742 <div class="layerBody"> 4743 <div class="layerCont"> 4744 <p class="msg" id="layer_alert_msg"> 4745 ìì§ âìì¤í¸ë¼â ì½ê´ì ëì를 ìíì ¨êµ°ì.<br /><br /> 4746 ì§ê¸ ì½ê´ëì íìë©´ ë ë§ì ìë¹ì¤ë¥¼ ì´ì©íì¤ ì ììµëë¤. 4747 </p> 4748 <div class="btnWrap sizeL"> 4749 <form id="termsAgreeForm" name="termsAgreeForm" action="" method="post" autocomplete="off"> 4750 <input type="hidden" name="chCd" value="099"/> 4751 <input type="hidden" name="incsNo" value=""/> 4752 <input type="hidden" name="redirectUri" value=""/> 4753 <input type="hidden" name="_csrf" value="a0093484-d4dc-412d-a98a-85a9fd8a0eab" /> 4754 <ul> 4755 <li><div class="btn sizeL style1"><a href="javascript:;" onclick="memberUserAgreeTermsLater();layerPopClose(this);">ë¤ìì í기</a></div></li> 4756 <li><div class="btn sizeL style2"><a href="javascript:;" onclick="document.termsAgreeForm.submit();layerPopClose(this);">ì§ê¸ ëìí기</a></div></li> 4757 </ul> 4758 </form>
4759 </div> 4760 </div> 4761 </div> 4762 </div> 4763</div> 4764<!-- //ì½ê´ëì ìë´ íì --> 4765 4766<!-- ê°ì¸ì ë³´ ì´ì© ëì íì --> 4767<div class="layerPopupArea privacyPopup mypage_popup" id="privacyPopupIndInfoOptionalTerms"> 4768 <div class="layerPopup"> 4769 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4770 <div class="titleArea"> 4771 <div class="title">ê°ì¸ì ë³´ ì´ì© ë° ìì§ì ëí ëì (ì í)</div> 4772 <i></i> 4773 </div> 4774 <div class="layerBody"> 4775 <div class="layerCont"> 4776 <div class="desc desc01"> 4777 <p class="txt1"> 4778<!-- ìì±íì ê°ì¸ì ë³´ë ê°ì¸ì ë³´ ì´ì© ë° ìì§(ì í)ì ëìíì í ì ì¥íì¤ ì ììµëë¤.<br> --> 4779 íì¬ê° íìê°ì ì ìì§íë ê°ì¸ì ë³´ í목과 ê·¸ ìì§Â·ì´ì©ì 주ë 목ì ì ìëì ê°ìµëë¤. 4780 </p> 4781 </div> 4782 <div class="desc"> 4783 <ul class="txt_list"> 4784 <li>ê³ ê°ëê»ìë ê°ì¸ì ë³´ ìì§ ë° ì´ì©ëìì ê±°ë¶í ì ììµëë¤.<br> ë¤ë§, ê±°ë¶íì¤ ê²½ì° ì´ë©ì¼/주ì ë±ì íµí ê³µì§ì¬í ë° ê¸°í ì ë³´ ì ê³µì ì ì½ì´ ìì ì ììµëë¤.</li> 4785<!-- <li>ë·°í°í¬ì¸í¸ íµí©ë©¤ë²ì ì¨ë¼ì¸ ìë¹ì¤</li> --> 4786 </ul> 4787 </div> 4788 <div class="table_wrap"> 4789 <table> 4790 <caption class="hide">ê°ì¸ì ë³´ ì´ì© ë° ìì§ì ëí ëì í</caption> 4791 <colgroup> 4792 <col width="150px;"> 4793 <col width="396px;"> 4794 <col width="*"> 4795 </colgroup> 4796 <thead> 4797 <th scope="col">ìì§í목</th> 4798 <th scope="col">ìì§Â·ì´ì©ëª©ì </th> 4799 <th scope="col"><span style="font-size:1.2em;font-weight:bold">ë³´ì 기ê°</span></th> 4800 </thead> 4801 <tbody> 4802 <tr> 4803 <td>ì´ë©ì¼,주ì<br> í´ëì í ë²í¸</td> 4804 <td>ë³¸ì¸ ëì ì íì¬ ëë ì í´ì¬ì<br> ìë¹ì¤/ì¬ì ë° ì ì± /기í ì´ë²¤í¸ì ê´í ì ë³´ ì ê³µ ë° ê·¸ì<br> ë°ë¥¸ ê²½í ë± ë¬¼í ë°°ì¡</td> 4805 <td><span style="font-size:1.2em;font-weight:bold">ëì ì² í ëë<br> íì íí´ ì ê¹ì§<br> (ì 5ì¡° 참조)</span></td> 4806 </tr> 4807 </tbody> 4808 </table> 4809 </div> 4810 <div class="btnWrap"> 4811 <span class="btn sizeL style1"><a href="javascript:;" onclick="fn_doSaveOptionalTermsAgreeOK();layerPopClose(this)">ëì(ì í)</a></span> 4812 <span class="btn sizeL style2"><a href="javascript:;" onclick="fn_doSaveOptionalTermsAgreeCancel();layerPopClose(this)">ëìíì§ ìì</a></span> 4813 </div> 4814 </div> 4815 </div> 4816 </div> 4817</div> 4818<!-- //ê°ì¸ì ë³´ ì´ì© ëì íì --> 4819 4820<!-- ì´ëì±ë ì¥ì ìë´ --> 4821<div class="layerPopupArea" id="omniServiceUnavailable"> 4822 <div class="layerPopup" style="width:580px;"> 4823 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4824 <div class="titleArea"> 4825 <div class="title">ìë¹ì¤ ì ê² ìë´ (503)</div> 4826 <i></i> 4827 </div> 4828 <div class="layerBody"> 4829 <div class="layerCont"> 4830 <ul class="terms"> 4831 <li> 4832 <p class="article nb"> 4833 ê³ ê°ë ë¶í¸ì ëë ¤ ì£ì¡í©ëë¤.<br /> 4834 íì¬ ìë¹ì¤ ì ê² ìíë¡ ë¡ê·¸ì¸ ë° íìê°ì ìë¹ì¤ë¥¼ ì´ì©íì¤ ì ììµëë¤.<br /> 4835 ì¡°ê¸ ë¶í¸íìëë¼ë ìí´ ë¶íë리며, ìµëí ë¹ ë¥¸ ì¡°ì¹ë¥¼ ì§ííëë¡ íê² ìµëë¤.<br /> 4836 </p> 4837 <ul class="paragraph"> 4838 <li>ìë¹ììë´ì¤ (ìì ììê¸ë¶ë´) 080-023-3900</li> 4839 <li>ì´ììê° ì~ê¸ 09:00 ~ 18:00</li> 4840 </ul> 4841 </li> 4842 </ul> 4843 <div class="btnWrap"> 4844 <span class="btn sizeL style2"><a href="javascript:;" onclick="layerPopClose(this);">ë«ê¸°</a></span> 4845 </div> 4846 </div> 4847 </div> 4848 </div> 4849</div> 4850<!-- //ì´ëì±ë ì¥ì ìë´ --> 4851 4852 <!-- ìì¹ì ë³´ ì´ì©ì½ê´ 보기 --> 4853<div class="layerPopupArea findstorePopup" id="locationPopup"> 4854 <div class="layerPopup" style="width:580px !important;"> 4855 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a>
4856 <div class="titleArea"> 4857 <div class="title">ìì¹ì ë³´ ì´ì©ì½ê´ ëì</div> 4858 <i></i> 4859 </div> 4860 <div class="layerBody"> 4861 <div class="layerCont" id="layerCont"> 4862 <div class="locationPolicy"> 4863 <p class="location_text" >ìì¹ì ë³´ì ë³´í¸ ë° ì´ì© ë±ì ê´í ë²ë¥ ì ë°ë¼ íì¬ìì¹ íì¸ì´ í¬í¨ë 본 ìë¹ì¤ì ì´ì©ì ìí´ìë ìì¹ì ë³´ ì´ì©ì½ê´ ëìê° íìí©ëë¤.<br>ëìíì§ ìë ê²½ì° ìì¹ê¸°ë° ìë¹ì¤ì ì´ì©ì ì ì½ì ë°ì ì ììµëë¤.</p> 4864 <a class="location_link" href="javascript:;" onclick="commonjs.locate('location_terms');"> ìì¹ì ë³´ ì´ì©ì½ê´ 보기 </a> 4865 </div> 4866 4867 <div class="btnWrap"> 4868 <span class="btn sizeL style1"><a href="javascript:;" onclick="fn_getGeoLocation();fn_agreeMemberLocationTerms(this);">ëì</a></span> 4869 <span class="btn sizeL style1"><a href="javascript:;" onclick="fn_setDefaultLocation();layerPopClose(this);">ê±°ë¶</a></span> 4870 </div> 4871 4872
4872<script type="text/javascript"> 4873 4874 function fn_agreeMemberLocationTerms(obj) { 4875 if('false' == "true"){ 4876 comutil.callAjax("/web/user/mypage/member/locationFl/ajax.do", {locInfoTrmsCsntFl: "Y"}, function(data) { 4877 layerPopClose(obj); 4878 }); 4879 } else if('false' == "true") { 4880 comutil.callAjax("/web/corp/mypage/member/locationFl/ajax.do", {locInfoTrmsCsntFl: "Y"}, function(data) { 4881 layerPopClose(obj); 4882 }); 4883 } else { 4884 layerPopClose(obj); 4885 } 4886 } 4887 4888 </script>
4888 4889 </div> 4890 </div> 4891 </div> 4892</div> 4893<!-- //ìì¹ì ë³´ ì´ì©ì½ê´ 보기 --> 4894 4895<div class="layerPopupArea" id="offerGiftPopup"> 4896 <div class="layerPopup" style="width:750px;" > 4897 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"><img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"></a> 4898 <div class="titleArea"> 4899 <div class="title" id="title_offerGiftList">[ 구매 ì ì ê³µë ì¬ìí : ì´ {{:data.totalQty}}ê° ]</div> 4900 </div> 4901 <div class="layerBody"> 4902 <div class="layerCont" id="div_offerGiftList"> 4903 </div> 4904 4905 4906 4907
4907<script type="text/javascript"> 4908 (function() { 4909 window._freeGiftUploadDir_ = "https://image.aestura.com/upload/freegift/"; 4910 function _freeGiftFileName(rwrdPrdSeq, fileName) { 4911 var z = rwrdPrdSeq + "_RW"; 4912 if (fileName == null || fileName === "" || fileName.indexOf(".") < 0) return z + ".png"; 4913 return z + "." + fileName.substring(fileName.lastIndexOf(".") + 1); 4914 } 4915 function _freeGiftWebpFileName(rwrdPrdSeq, fileName) { 4916 var z = rwrdPrdSeq + "_RW"; 4917 if (fileName == null || fileName === "" || fileName.indexOf(".") < 0) return z + ".webp"; 4918 var afterDot = fileName.substring(fileName.lastIndexOf(".") + 1); 4919 if (afterDot.indexOf("?") < 0) return z + ".webp"; 4920 return z + ".webp?" + afterDot.substring(afterDot.lastIndexOf("?") + 1); 4921 } 4922 $.views.helpers({ 4923 freeGiftSrc: function(rwrdPrdSeq, rwrdPrdImg) { 4924 return window._freeGiftUploadDir_ + _freeGiftFileName(rwrdPrdSeq, rwrdPrdImg); 4925 }, 4926 freeGiftWebp: function(rwrdPrdSeq, rwrdPrdImg) { 4927 return window._freeGiftUploadDir_ + _freeGiftWebpFileName(rwrdPrdSeq, rwrdPrdImg); 4928 } 4929 }); 4930 })(); 4931 </script>
4931 4932
4932<script id="offerGiftListTmpl" type="text/x-jsrender"> 4933 <div class="formBox selectGiftWrap"> 4934 {{for availFreeGiftQtyList}} 4935 <div class="selectGift"> 4936 <p class="tit event">{{:prmtnNm}}( ê²°ì íë©´ìì ìëë³ê²½ ê°ë¥ )</p> 4937 <ul> 4938 {{for rwrdPrdList}} 4939 <li> 4940 <picture> 4941 <source srcset="{{:~freeGiftWebp(rwrdPrdSeq, rwrdPrdImg) }}" type="image/webp"/> 4942 <img src="{{:~freeGiftSrc(rwrdPrdSeq, rwrdPrdImg) }}" alt="{{:rwrdPrdNm}}"/> 4943 </picture> 4944 <p>{{:rwrdPrdNm}}</p> 4945 <p class="qty">{{:availRwrdCnt}}ê°</p> 4946 {{if setYn == 'Y'}} 4947 <p class="set">â» 1묶ì</p> 4948 {{/if}} 4949 </li> 4950 {{/for}} 4951 </ul> 4952 </div> 4953 {{/for}} 4954 {{if additionalPromotionGiftList.length > 0}} 4955 <div class="selectGift"> 4956 <p class="tit event">ì¶ê° ì¦ì ì¬ìí</p> 4957 <ul> 4958 {{for additionalPromotionGiftList}} 4959 <li> 4960 <picture> 4961 <source srcset="{{:~freeGiftWebp(rwrdPrdSeq, rwrdPrdImg) }}" type="image/webp"/> 4962 <img src="{{:~freeGiftSrc(rwrdPrdSeq, rwrdPrdImg) }}" alt="{{:rwrdPrdNm}}"/> 4963 </picture> 4964 <p>{{:rwrdPrdNm}}</p> 4965 <p class="qty">{{:availRwrdCnt}}ê°</p> 4966 </li> 4967 {{/for}} 4968 </ul> 4969 </div> 4970 {{/if}} 4971 </div><!-- selectGiftWrap --> 4972 </script>
4972 4973 </div> 4974 </div> 4975</div> 4976<!-- //구매 ì ì ê³µë ì¬ìí --> 4977 4978 4979<!-- ê±´ê°ìí í매ì íì --> 4980<div class="layerPopupArea" id="healthPop" > 4981 <div class="layerPopup" style="max-width:750px"> 4982 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"> 4983 <img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"> 4984 </a> 4985 4986 <div class="layerBody"> 4987 <div class="layerCont"> 4988 <p class="msg">ê±´ê°ìíí매ì íê°ë²í¸ë ì ê³ ì¦ì ì¢ì¸¡ ìë¨ì ììµëë¤.</p> 4989 <picture> 4990 <source srcset="https://image.aestura.com/resources/web/images/common/health_img.webp" type="image/webp" /> 4991 <img src="https://image.aestura.com/resources/web/images/common/atobarrier_365_cream/health_img.png" alt=""> 4992 </picture> 4993 4994 </div> 4995 </div> 4996 </div> 4997</div> 4998<!-- //ê±´ê°ìí í매ì íì --> 4999 5000<!-- ìì ì¬ì 방문ì ì² íì --> 5001<div class="layerPopupArea visitPopup" id="visitPopup"> 5002 <div class="layerPopup" style="max-width:500px"> 5003 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"> 5004 <img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"> 5005 </a> 5006 <div class="layerBody"> 5007 <div class="layerCont"> 5008 <div class="pop_tit"> 5009 <p class="main">ìì ë´ë¹ì´ ì°ë½ë릴<br>ì íë²í¸ì ë³ìëª ì ì ë ¥í´ì£¼ì¸ì</p> 5010 <p class="sub">ìíì¤ëª ê³¼ ìì¬ì ì©ëª° ì´ì©ë°©ë² ìë´, 방문ìì²ë ê°ë¥í©ëë¤</p> 5011 </div> 5012 5013 <div class="form_wrap"> 5014 <ul class=""> 5015 <li> 5016 <label for="" class="heading"> 5017 ë³ìëª 5018 </label> 5019 <div class="inputText"> 5020 <input type="text" name="dlvNm1" id="reqHsptlNm" title="ë³ìëª " value="" placeholder="ë³ìëª ì ì ë ¥í´ì£¼ì¸ì." oninput="maxLengthCheck(this)" maxlength="20"> 5021 </div> 5022 </li> 5023 <li class="num"> 5024 <label for="" class="heading"> 5025 ì íë²í¸ 5026 </label> 5027 <div class="inputText"> 5028 <input name="dlvTelNo1" title="ì íë²í¸" id="reqMobileNo" placeholder="ì íë²í¸ë¥¼ ì ë ¥í´ ì£¼ì¸ì." type="text" maxlength="15" value="" oninput="this.value = this.value.replace(/[^0-9\-]/g, '').replace(/(\..*)\./g, '$1');"> 5029 </div> 5030 </li> 5031 </ul> 5032 </div> 5033 <div class="agree_wrap"> 5034 <div class="findsalesman_info"> 5035 <strong>â» ê°ì¸ì ë³´ ìì§ ë° ì´ì©ì ëí ìë´</strong> 5036 <!-- <input class="agree_check" type="checkbox" id="check1" name="">--> 5037 <!-- style="-webkit-appearance: checkbox;" --> 5038 <!-- <label for="check1" class="agree_1">â» ê°ì¸ì ë³´ ìì§ëì</label> --> 5039 <div class="txt_wrap"> 5040 <!-- ê°ì¸ì ë³´ ìì§ ë° ì´ì©ì ëí ìë´<br> --> 5041 ìì§íë ê°ì¸ì ë³´ì í목 : ë³ìëª , ì íë²í¸<br> 5042 ìì§ ë° ì´ì© 목ì : ìì ë´ë¹ ì°ê²°ìì²ì ë°ë¥¸ ìë<br> 5043 ë³´ì ë° ì´ì©ê¸°ê° : <span>ìì ë´ë¹ ì°ë½ ìë£ í 30ì¼</span> 5044 <!-- <br><br> 5045 ê³ ê°ëê»ìë ê°ì¸ì ë³´ ìì§ ë° ì´ì©ëìì ê±°ë¶í ì ììµëë¤.<br>
5046 ë¤ë§, ê±°ë¶íë ê²½ì° ìë¹ì¤ ì ê³µì´ ë¶ê°í©ëë¤. --> 5047 </div> 5048 </div> 5049 <div class="btnWrap"> 5050 <span class="btn" id="vstReqBtn"><a href="javascript:;" onclick="fn_requestToSalesman();">ì ì¥ ë° ì°ê²°ìì² ìë£</a></span> 5051 </div> 5052 </div> 5053 <!-- //agree_wrap --> 5054 </div> 5055 </div> 5056 </div> 5057</div> 5058<!-- //ìì ì¬ì 방문ì ì² íì --> 5059 5060<!-- MCL ì´ì© ëì íì --> 5061<div class="layerPopupArea mypage_popup mclPopup" id="mclPopup"> 5062 <div class="layerPopup"> 5063 <a href="javascript:;" class="layerClose" onclick="fn_doCancelMclMemberInfo(this);" 5064 > 5065 <img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"> 5066 </a> 5067 5068 <div class="layerBody"> 5069 <div class="layerCont"> 5070 <h1 class="title title_type"> 5071 â» MCL (ë©ë컬 ì¹´ì´ì ë§ ë¼ì´ë¸) íì ê°ì¸ì ë³´ ìì§ Â·ëì (ì í) 5072 </h1> 5073 <p class="sub_txt"> 5074 íì¬ë ì´ì©ìì íììë¹ì¤ ì ê³µì ìíì¬ ìëì ê°ì´ ê°ì¸ì 보를 ìì§ ë° 5075 ì´ì©í©ëë¤. 5076 </p> 5077 <div class="table_wrap"> 5078 <table> 5079 <caption class="hide"> 5080 MCL (ë©ë컬 ì¹´ì´ì ë§ ë¼ì´ë¸) íì ê°ì¸ì ë³´ ìì§ Â·ëì í 5081 </caption> 5082 <colgroup> 5083 <col width="246px;" /> 5084 <col width="438px;" /> 5085 <col width="*" /> 5086 </colgroup> 5087 <thead> 5088 <th scope="col">ìì§í목</th> 5089 <th scope="col">ìì§Â·ì´ì©ëª©ì </th> 5090 <th scope="col">ë³´ì 기ê°</th> 5091 </thead> 5092 <tbody> 5093 <tr> 5094 <td>í´ëì í ë²í¸</td> 5095 <td> 5096 ë³¸ì¸ ëì ì íì¬ìì ì ê³µíë<br /> 5097 ìë¹ì¤ / 기í ì´ë²¤í¸ì ê´í ì ë³´ ì ê³µ 5098 </td> 5099 <td> 5100 <span style="font-size: 1.2em; font-weight: bold" 5101 >ëì ì² í ëë<br /> 5102 íì íí´ ì ê¹ì§</span 5103 > 5104 </td> 5105 </tr> 5106 </tbody> 5107 </table> 5108 </div> 5109 <div class="notice_wrap"> 5110 <p class="notice_txt"> 5111 â» ê·íë ê°ì¸ì ë³´ ìì§ ë° ì´ì©ì ëí ëì를 ê±°ë¶ í ì ììµëë¤. 5112 ë¨, ê±°ë¶í ê²½ì° ë¬¸ì ìë¹ì¤ì ì´ì©ì´ ë¶ê°í©ëë¤. 5113 </p> 5114 <span class="input check" style="float: right"> 5115 <input type="checkbox" id="ck_mcl02" /> 5116 <label for="ck_mcl02">ëì</label> 5117 </span> 5118 </div> 5119 5120 <h1 class="title title_type"> 5121 â» MCL (ë©ë컬 ì¹´ì´ì ë§ ë¼ì´ë¸) íì ê´ê³ ì± ì ë³´ ìì ì¬ë¶ 5122 </h1> 5123 <p class="sub_txt"> 5124 MCL (ë©ë컬 ì¹´ì´ì ë§ ë¼ì´ë¸)ê³¼ ê´ë ¨íì¬ ì모ë í¼ìí½ìì ë³´ë´ë리ë 5125 ì ë³´ì ëí ìì ëì ì ëë¤. 5126 </p> 5127 <div class="inputWrapList sms"> 5128 <table> 5129 <caption class="hide"> 5130 MCL (ë©ë컬 ì¹´ì´ì ë§ ë¼ì´ë¸) íì ê´ê³ ì± ì ë³´ëì í 5131 </caption> 5132 <colgroup> 5133 <col width="140px;" /> 5134 <col width="*;" /> 5135 </colgroup> 5136 <tbody> 5137 <tr> 5138 <th scope="row">êµì¡ì¼ì ìë´</th> 5139 <td> 5140 <div class="input radio"> 5141 <input 5142 type="radio" 5143 id="rd_mcl05" 5144 name="rd_agree03" 5145 value="Y" 5146 /> 5147 <label for="rd_mcl05">ìì </label> 5148 <input 5149 type="radio" 5150 id="rd_mcl06" 5151 name="rd_agree03" 5152 value="N" checked=checked 5153 /> 5154 <label for="rd_mcl06">미ìì </label> 5155 </div> 5156 </td> 5157 </tr> 5158 <tr> 5159 <th scope="row">ì´ë²¤í¸ ìë´</th> 5160 <td> 5161 <div class="input radio"> 5162 <input 5163 type="radio" 5164 id="rd_mcl07" 5165 name="rd_agree04" 5166 value="Y" 5167 5168 /> 5169 <label for="rd_mcl07">ìì </label> 5170 <input 5171 type="radio" 5172 id="rd_mcl08" 5173 name="rd_agree04" 5174 value="N" 5175 checked=checked 5176 /> 5177 <label for="rd_mcl08">미ìì </label> 5178 </div> 5179 </td> 5180 </tr> 5181 </tbody> 5182 </table> 5183 </div> 5184 5185 <div class="btnWrap"> 5186 <span class="btn sizeL style1"><a href="javascript:;" onclick="fn_doSaveMclMemberInfo(this);">íì¸</a></span> 5187 <span class="btn sizeL style2"><a href="javascript:;" onclick="fn_doCancelMclMemberInfo(this);">ì·¨ì</a></span> 5188
5188<script type="text/javascript"> 5189 5190 $(document).ready(function() { 5191 5192 // ëìí기 미체í¬ì ì´ë²¤í¸ìë´, êµì¡ì¼ì ìë´ ë¹íì±í 5193 if("" == 'N'){ 5194 $("#rd_mcl05, #rd_mcl06").prop("disabled", true); 5195 $("#rd_mcl07, #rd_mcl08").prop("disabled", true); 5196 }else if("" == 'Y'){ 5197 $("#rd_mcl05, #rd_mcl06").prop("disabled", false); 5198 $("#rd_mcl07, #rd_mcl08").prop("disabled", false); 5199 }else{ 5200 $("#rd_mcl05, #rd_mcl06").prop("disabled", true); 5201 $("#rd_mcl07, #rd_mcl08").prop("disabled", true); 5202 } 5203 5204 }); 5205 5206 /* íë¼ë¯¸í° */ 5207 var param = new Object(); 5208 5209 $("#ck_mcl02").change(function(){ 5210 if(!$("#ck_mcl02").is(":checked")){ 5211 5212 webutil.confirm("ê°ì¸ì ë³´ ì´ì© ë° ìì§ëì를 ì² ííë©´<br />êµì¡ì§í(ì¼ì ë° ìê°)ì ëí ìë´ë¥¼ ë°ì¼ì¤ ì ììµëë¤.<br />ê³ì ì§ííìê² ìµëê¹?", function(rslt) { 5213 if (rslt == false){ 5214 //ì·¨ì ëë ì ë, 5215 $('input:checkbox[id=ck_mcl02]').prop("checked", true); 5216 return; 5217 }else{ 5218 //íì¸ ëë ì ë 5219 5220 $('input:checkbox[id=ck_mcl02]').prop("checked", false); 5221 $('input:radio[id=rd_mcl05]').prop("checked", false); 5222 $('input:radio[id=rd_mcl06]').prop("checked", true); 5223 $('input:radio[id=rd_mcl07]').prop("checked", false); 5224 $('input:radio[id=rd_mcl08]').prop("checked", true); 5225 5226 $("#rd_mcl05, #rd_mcl06").prop("disabled", true); 5227 $("#rd_mcl07, #rd_mcl08").prop("disabled", true); 5228 5229 param.psnIncaYn = 'N'; 5230 param.trnSchOptiYn = 'N'; 5231 param.evntPrgrOptiYn = 'N'; 5232 5233 //ê°ì¸ì ë³´ ìì ìì ê²½ì° 5234 if(("" == param.psnIncaYn) && ("" == param.trnSchOptiYn) && ("" == param.evntPrgrOptiYn)){ 5235 layerPopClose("#mclPopup .layerPopup"); 5236 }else{ 5237 comutil.callAjax("/web/user/mypage/member/mclMemberInfoChange/ajax.do", param, function(data) { 5238 5239 webutil.alertCallback(data.psnIncaDttm + '<br/>MCL(ë©ë컬카ì´ì ë§ë¼ì´ë¸)ì<br />ê°ì¸ì ë³´ ìì§ ëì ì² íê° ìë£ëììµëë¤.', function(){ 5240 location.reload(); 5241 }); 5242 5243 }); 5244 } 5245 } 5246 }); 5247 5248 }else{ 5249 5250 if("" == 'Y'){ 5251 if("" == 'Y'){ 5252 $('input:radio[id=rd_mcl05]').prop("checked", true); 5253 }else{ 5254 $('input:radio[id=rd_mcl06]').prop("checked", true); 5255 } 5256 5257 if("" == 'Y'){ 5258 $('input:radio[id=rd_mcl07]').prop("checked", true); 5259 }else{ 5260 $('input:radio[id=rd_mcl08]').prop("checked", true); 5261 } 5262 }else{ 5263 $('input:radio[id=rd_mcl05]').prop("checked", true); 5264 $('input:radio[id=rd_mcl07]').prop("checked", true); 5265 5266 } 5267 $("#rd_mcl05, #rd_mcl06").prop("disabled", false); 5268 $("#rd_mcl07, #rd_mcl08").prop("disabled", false); 5269 } 5270 5271 }); 5272 5273 function fn_doCancelMclMemberInfo(obj){ 5274 5275 if("" == 'Y'){ 5276 $('input:checkbox[id=ck_mcl02]').prop("checked", true); 5277 5278 $("#rd_mcl05, #rd_mcl06").prop("disabled", false); 5279 $("#rd_mcl07, #rd_mcl08").prop("disabled", false); 5280 5281 }else { 5282 $('input:checkbox[id=ck_mcl02]').prop("checked", false); 5283 $("#rd_mcl05, #rd_mcl06").prop("disabled", true); 5284 $("#rd_mcl07, #rd_mcl08").prop("disabled", true); 5285 } 5286 5287 if("" == 'Y'){ 5288 $('input:radio[id=rd_mcl05]').prop("checked", true); 5289 }else{ 5290 $('input:radio[id=rd_mcl06]').prop("checked", true); 5291 } 5292 5293 if("" == 'Y'){ 5294 $('input:radio[id=rd_mcl07]').prop("checked", true); 5295 }else{ 5296 $('input:radio[id=rd_mcl08]').prop("checked", true); 5297 } 5298 5299 layerPopClose(obj); 5300 } 5301 5302 function fn_doSaveMclMemberInfo(obj) { 5303 5304 if($("#ck_mcl02").is(":checked")){ 5305 param.psnIncaYn = 'Y' 5306 5307 if($('input:radio[id=rd_mcl05]').is(':checked')){ 5308 param.trnSchOptiYn = 'Y'; 5309 }else{ 5310 param.trnSchOptiYn = 'N'; 5311 } 5312 if($('input:radio[id=rd_mcl07]').is(':checked')){ 5313 param.evntPrgrOptiYn = 'Y'; 5314 }else{ 5315 param.evntPrgrOptiYn = 'N'; 5316 } 5317 5318 }else{ 5319 param.psnIncaYn = 'N'; 5320 param.trnSchOptiYn = 'N'; 5321 param.evntPrgrOptiYn = 'N'; 5322 } 5323 5324 //ê°ì¸ì ë³´ ìì ìì ê²½ì° 5325 if(("" == param.psnIncaYn) && ("" == param.trnSchOptiYn) && ("" == param.evntPrgrOptiYn)){ 5326 layerPopClose(obj); 5327 }else{ 5328 comutil.callAjax("/web/user/mypage/member/mclMemberInfoChange/ajax.do", param, function(data) { 5329 5330 if(!$("#ck_mcl02").is(":checked")){ 5331 webutil.alertCallback(data.psnIncaDttm + '<br/>MCL(ë©ë컬카ì´ì ë§ë¼ì´ë¸)ì<br />ê°ì¸ì ë³´ ìì§ ëì ì² íê° ìë£ëììµëë¤.', function(){ 5332 location.reload(); 5333 }); 5334 }else{ 5335 var trnSchOptiYn; 5336 var evntPrgrOptiYn; 5337 5338 if(data.trnSchOptiYn == 'Y'){ 5339 trnSchOptiYn = 'ëì'; 5340 }else{ 5341 trnSchOptiYn = 'ì² í'; 5342 } 5343 5344 if(data.evntPrgrOptiYn == 'Y'){ 5345 evntPrgrOptiYn = 'ëì'; 5346 }else{ 5347 evntPrgrOptiYn = 'ì² í'; 5348 } 5349 webutil.alertCallback('MCL(ë©ë컬카ì´ì ë§ë¼ì´ë¸)ì<br />ê°ì¸ì ë³´ ìì§ ëì ì¤ì ì´ ìë£ëììµëë¤.<br />- êµì¡ì¼ì ìë´ : '+ trnSchOptiYn + ' (' + data.trnSchOptiDttm + ')<br />- ì´ë²¤í¸ ìë´ : '+ evntPrgrOptiYn + '(' + data.evntPrgrOptiDttm + ') ', function(){ 5350 location.reload(); 5351 }); 5352 } 5353 5354 }); 5355 } 5356 } 5357 </script>
5357 5358 </div> 5359 </div> 5360 </div> 5361 </div> 5362</div> 5363<!-- //MCL ì´ì© ëì íì --> 5364 5365<!-- MCL ëìì림 íì --> 5366<div class="layerPopupArea" id="layer_mcl_agree"> 5367 <div class="layerPopup alertType"> 5368 <a href="javascript:;" class="layerClose" onclick="layerPopClose(this);"> 5369 <img src="https://image.aestura.com/resources/web/images/common/btn_close.png" alt="ë«ê¸°"> 5370 </a> 5371 <div class="layerBody"> 5372 <div class="layerCont"> 5373 <p class="txt mgt10" style="color: #000; font-weight: bold; letter-spacing: -0.5px"> 5374 MCL 커뮤ëí° ì´ì©ì ìí´ì ê°ì¸ì ë³´ íì©ì ëìí´ì¼ í©ëë¤. <br /> 5375 ê°ì¸ì ë³´ë êµì¡ì¼ì ìë´ ë° ì´ë²¤í¸ ìë´ì íì©ëë©°,<br /> 5376 커뮤ëí° íí´ ì ëìë ì¦ì ì² íë©ëë¤. 5377 </p> 5378 <span class="input check mgt15"> 5379 <input type="checkbox" id="ck_mcl_agree" onclick="layerPopup('mclPopup'); return false;"/> 5380 <label for="ck_mcl_agree">ëìí©ëë¤.</label> 5381 </span> 5382 <div class="btnWrap L2"> 5383 <span class="btn sizeL style1"> 5384 <a href="javascript:;" onclick="layerPopClose(this)">ì·¨ì</a> 5385 </span> 5386 </div> 5387 </div> 5388 </div> 5389 </div> 5390</div> 5391 5392<!-- //MCL ëìì림 íì --> 5393 <!-- //layer --> 5394 5395 <!-- í¬í 리뷰 ìì¸ íì --> 5396 <div class="layerPopupArea reviewPopup" id="review_view"> 5397 </div> 5398 <!-- //í¬í 리뷰 ìì¸ íì --> 5399 </div> 5400 5401
5401<script type="text/javascript"> 5402 5403 //ì íë¸ ê¸°ë³¸ ìµì ì¤ì 5404 youtube.init({ 5405 frameId : "player", 5406 vodId : "eFnPgGtbGcA", 5407 width : "1100", 5408 height : "619" 5409 }); 5410 5411 var topVodArr = []; 5412 var topFrameArr = []; 5413 var vodTimeAry = []; 5414 5415 5416 5417 5418 5419 5420 5421 5422 5423 5424 5425 5426 5427 5428 5429 5430 var playChk = false; 5431 var iframeChk = false; 5432 5433 function onYouTubeIframeAPIReady(){ 5434 player = new YT.Player('player', { 5435 width: '1540', 5436 height: '866', 5437 videoId: "eFnPgGtbGcA", 5438 playerVars:{ 5439 modestbranding: 1, 5440 showinfo: 0, 5441 rel: 0, 5442 controls: 1, 5443 wmode: 'transparent' 5444 //,playsinline: 1 5445 }, 5446 events: { 5447 'onReady': fn_onPlayerReady, 5448 'onStateChange': fn_onPlayerStateChange 5449 } 5450 }); 5451 youtube.onIframeAPIReady(); //ë·°í°ì¸ì¬ì´ë ëìì 5452 youtube.onIframeAPIReadySelect(topVodArr,"1100","600",topFrameArr); //ë©ì¸ ë°°ë ë¤ì¤ ëìì 5453 } 5454 5455 //ë·°í°ì¸ì¬ì´ë youtube 5456 function fn_onPlayerReady(event){ 5457 if (iframeChk) { 5458 event.target.playVideo(); 5459 }; 5460 }; 5461 5462 //ë·°í°ì¸ì¬ì´ë youtube 5463 function fn_onPlayerStateChange(event){ 5464 if (event.data == YT.PlayerState.PLAYING && !playChk) { 5465 $('.playerArea .cover').hide(); 5466 //$('.playerArea .stop').show(); 5467 playChk = true; 5468 } else if (event.data == YT.PlayerState.ENDED) { 5469 $('.playerArea .cover').show(); 5470 } else { 5471 //$('.playerArea .cover').show(); 5472 //$('.playerArea .stop').hide(); 5473 playChk = false; 5474 } 5475 }; 5476 5477 //ë·°í°ì¸ì¬ì´ë youtube play 5478 function fn_playVideo(){ 5479 if ($('#player').length < 1) { 5480 onYouTubeIframeAPIReady(); 5481 iframeChk = true; 5482 } else { 5483 player.playVideo(); 5484 } 5485 5486 }; 5487 5488 //ì íë¸ load callback í¨ì 5489 function MainBannerCallbackFunc(data){ 5490 var time = fn_changeDurationTime(data.items[0].contentDetails.duration); 5491 vodTimeAry.push(time); 5492 } 5493 5494 //ì¸ì¤íê·¸ë¨ ê°ì ¸ì¤ê¸° 5495 var insta_pageno = 1; 5496 function fn_instaLoad(p_next){ 5497 //sns util ìì± 5498 var instagram = snsutil.instagram; 5499 var insta_tot = 0; 5500 //íë¼ë¯¸í° 5501 var param = new Object(); 5502 param.countPage = 4; 5503 param.next = p_next; 5504 param.pageNo = insta_pageno; //dbì¡°íì¼ ê²½ì° íì 5505 // í¬ì¤í ì¡°í 5506 instagram.posts(param, function(res) { 5507 if (comutil.isEmpty(res) == true) { 5508 return; 5509 } 5510 var bean = res.bean; 5511 var list = res.list; 5512 var thisCount = list.length; 5513 5514 if (comutil.isEmpty(list) == false) { 5515 var insta = ""; 5516 for (var i = 0; i < list.length; i++) { 5517 // Instagram ê²ì물 ë§í¬ìì shortcode ì¶ì¶ (ì: https://www.instagram.com/p/XXXXXXX/) 5518 var link = list[i].link; 5519 var match = link.match(/\/(p|reel|tv)\/([^/?#]+)/); 5520 var shortcode = match ? match[2] : null; 5521 5522 if (!shortcode) continue; // ì못ë ë§í¬ ì²ë¦¬ 5523 5524 // iframe ë°©ìì¼ë¡ êµ¬ì± 5525 insta += "<li id=\"instar_"+insta_tot+"\" class='on'>"; 5526 insta += "<a href='"+list[i].link+"' target='_blank'>"; 5527 insta += "<div class='innerWrap'>"; 5528 insta += "<img src='" + list[i].imageUrlStandard + "' onerror='javascript:errinsta(\"instar_"+insta_tot+"\");' alt='' class='vAlign'>"; 5529 insta += "<div class='info'>"; 5530 insta += "<pre class='txt'>" + list[i].captionText + "</pre>"; 5531 insta += "<p class='date'><span>" + list[i].captionCreatedTime + "</span></p>"; 5532 insta += "</div>"; 5533 insta += "<span class='ico'>ì¸ì¤íê·¸ë¨</span>"; 5534 insta += "</div>"; 5535 insta += "</a>"; 5536 insta += "</li>"; 5537 5538 insta_tot++; 5539 } 5540 $("#instaArea").html(insta); 5541 } 5542 }); 5543 } 5544 5545 function errinsta(id) { 5546 /* $("#"+id).remove(); */ 5547 $(id).parent().parent().remove(); 5548 } 5549 //ì¸ì¤íê·¸ë¨ 5550 fn_instaLoad(); 5551 </script>
5551 5552
5552<script type="text/javascript"> 5553 var headerEffect = true; 5554 var visualSlickDur; 5555 5556 //ë©ì¸ë¹ì¥¬ì¼ slick duration 5557 function visualDur(){ 5558 if ($('.mainVisual .slide.slick-active').hasClass('mv')){ 5559 var idx = $('.mainVisual .slide.slick-active.mv').attr("data-index"); 5560 //return visualSlickDur = vodTimeAry[Number(idx)]*1000; 5561 return visualSlickDur = 40*1000; 5562 } else { 5563 return visualSlickDur = 5000; 5564 }; 5565 }; 5566 $(document).ready(function() { 5567 5568 // winH ë³ì ì ì ì¶ê° 5569 var winH = $(window).height(); 5570 5571 //ì íë¸ ë©ì¸ ë°°ë ëìì ëìì ìê° êµ¬í기 5572 //for (var i = 0; i < topVodArr.length; i++) { 5573 // youtube.load(topVodArr[i], MainBannerCallbackFunc); 5574 //} 5575 5576 // íì ì²ë¦¬ - JSP ë¡ì§ì JavaScript ë³ìë¡ ë¯¸ë¦¬ ì²ë¦¬ 5577 5578 5579 //visual ëì´ - winH ë³ì ì¬ì© 5580 $('.mainVisual .slide').css('height', winH - 150); 5581 5582 //첫 ëìì ìê° ì¸í 5583 if(vodTimeAry.length > 0){ 5584 //visualSlickDur = vodTimeAry[0]*1000; 5585 visualSlickDur = 40*1000; 5586 } 5587 //visual slide 5588 function setProgress(index) { 5589 var calc = ((index + 1) / ($slider.slick('getSlick').slideCount)) * 100; 5590 $progressBar 5591 .css('background-size', calc + '% 100%') 5592 .attr('aria-valuenow', calc ); 5593 } 5594 var $slider = $('.mainVisual .innerWrap'); 5595 var $sliderEl = $('.mainVisual .innerWrap .slide'); 5596 var $progressBar = $('.progress'); 5597 5598 // slick ì´ê¸°í íì íì´ì§ ì¹´ì´í¸ ì¤ì íëë¡ ìì 5599 var mainVisual = $('.mainVisual .innerWrap').on('init', function(event, slick){ 5600 $('.mainVisual .slide.slick-current').addClass('on'); 5601 $(this).find('.indicator button').on('click', function(){ return false; }); 5602 5603 // slick ì´ê¸°í ìë£ í íì´ì§ ì¹´ì´í¸ ì¤ì 5604 var slideCount = slick.slideCount || $sliderEl.length; 5605 $('.sPage1').html("<span class='now'>1</span><span> / " + slideCount + "</span>"); 5606 5607 /* ì§ì ì 첫 ì¬ë¼ì´ë ëì´ê°ë ê²ì´ì§ ìê° ì ì´ */ 5608 // 첫 ì¬ë¼ì´ëê° ììì¼ë, 5609 /* $('.mainVisual .progress .gauge').stop().animate({ 'width' : '100%' }, 40*1000, 'linear'); */ 5610 //첫 ì¬ë¼ì´ëê° ììì´ ìëë, 5611 //$('.mainVisual .progress .gauge').stop().animate({ 'width' : '100%' }, 5*1000, 'linear'); 5612 //$(this).find('.indicator button').on('click', function(){ return false; }); 5613 }).slick({ 5614 arrows:true, 5615 dots:false, 5616 autoplay:true, 5617 /* ì§ì ì 첫 ì¬ë¼ì´ë ëì´ê°ë ìê° ì ì´ */ 5618 // 첫 ì¬ë¼ì´ëê° ììì¼ë, 5619 /* autoplaySpeed:40*1000, */ 5620 //첫 ì¬ë¼ì´ëê° ììì´ ìëë, 5621 autoplaySpeed:5*1000, 5622 pauseOnFocus:false, 5623 pauseOnHover:false, 5624 fade:true, 5625 cssEase:'linear', 5626 prevArrow: $('.prev'), 5627 nextArrow: $('.next'), 5628 }).on('beforeChange', function(event, slick, currentSlide, nextSlide) { //ìì ì¬ë¼ì´ë ì´ì í¨ì 5629 setProgress(nextSlide); 5630 if ($('.mainVisual .slide.mv').hasClass('slick-active')){ 5631 //ìì ì 무ì ë°ë¥¸ ìì길ì´ìê°ì 구íë í¨ì 5632 visualDur(); 5633 var idx = $('.mainVisual .slide.slick-active.mv').attr("data-index"); 5634 youtube.stopVideoAll(); 5635 youtube.playVideoAll(idx); 5636 $('.mainVisual .innerWrap').slick('slickSetOption', 'autoplaySpeed', visualSlickDur, true); 5637 }; 5638 }).on('afterChange', function(){ //ììì¬ë¼ì´ë ì´í í¨ì 5639 //ìì ì 무ì ë°ë¥¸ ìì길ì´ìê°ì 구íë í¨ì 5640 visualDur(); 5641 $('.mainVisual .slide').removeClass('on'); 5642 $('.mainVisual .slide.slick-current').addClass('on'); 5643 youtube.stopVideoAll(); 5644 if ($('.mainVisual .slide.slick-current').hasClass('mv')){ 5645 var idx = $('.mainVisual .slide.slick-active.mv').attr("data-index"); 5646 youtube.playVideoAll(idx); 5647 $('.mainVisual .innerWrap').slick('slickSetOption', 'autoplaySpeed', visualSlickDur, true); 5648 setTimeout(function(){ $('.mainVisual .innerWrap').slick('slickNext'); }, visualSlickDur); 5649 } else { 5650 $('.mainVisual .innerWrap').slick('slickSetOption', 'autoplaySpeed', visualSlickDur, true); 5651 }; 5652 }); 5653 5654 // slick ì´ë²¤í¸ìì íì´ì§ ì¹´ì´í¸ ì ë°ì´í¸ ê°ì 5655 $slider.on('init reInit afterChange', function(event, slick, currentSlide, nextSlide){ 5656 var i = (currentSlide ? currentSlide : 0) + 1; 5657 var slideCount = slick.slideCount || 1; // ê¸°ë³¸ê° 1ë¡ ì¤ì 5658 $('.sPage1').html("<span class='now'>"+i+"</span><span> / "+slideCount+"</span>"); 5659 }); 5660 5661 // setProgress í¸ì¶ ì ìì í ê²ì¬ ì¶ê° 5662 if ($slider.length > 0 && $sliderEl.length > 0) { 5663 setProgress(0); 5664 } 5665 5666 if ($('.mainVisual .slide.slick-active').hasClass('mv')){ 5667 setTimeout(function(){ 5668 mainVisual.slick('slickSetOption', 'autoplaySpeed', visualSlickDur, true); 5669 //youtube.playVideoAll(); 5670 }, 1500); 5671 } else { 5672 mainVisual.slick('slickSetOption', 'autoplaySpeed', visualSlickDur, true); 5673 }; 5674 5675 $('.dermaAsk .list').slick({ 5676 arrows:false, 5677 dots:true, 5678 appendDots : $('.tabBox'), 5679 infinite: false, 5680 slidesToShow: 1, 5681 slidesToScroll: 1, 5682 customPaging : function(slider, i) { 5683 var title = $(slider.$slides[i]).data('title'); 5684 return '<a class="tab"> '+title+' </a>'; 5685 }, 5686 }); 5687 5688 //main motion 5689 $(window).on('load scroll', function(){ 5690 var winST = $(window).scrollTop(); 5691 var mainVideoH2 = $('.mainVideo h2.mainMotion'); 5692 if (mainVideoH2.length > 0 && mainVideoH2.offset()) { 5693 if (winST > mainVideoH2.offset().top - 700){ 5694 mainVideoH2.css({ 'transform':'translateY(0)', 'opacity':1 }); 5695 } 5696 } 5697 5698 var playerArea = $('.mainVideo .playerArea.mainMotion'); 5699 if (playerArea.length > 0 && playerArea.offset()) { 5700 if (winST > playerArea.offset().top - 700){ 5701 playerArea.css({ 'transform':'translateY(0)', 'opacity':1 }); 5702 } 5703 } 5704 5705 var mainBanner = $('.mainbanner.mainMotion'); 5706 if (mainBanner.length > 0 && mainBanner.offset()) { 5707 if (winST > mainBanner.offset().top - 700){ 5708 $('.main .mainbanner.mainMotion').css({ 'transform':'translateY(0)', 'opacity':1 }); 5709 } 5710 } 5711 5712 var tiktokH2 = $('.tiktokarea h2.mainMotion'); 5713 if (tiktokH2.length > 0 && tiktokH2.offset()) { 5714 if (winST > tiktokH2.offset().top - 700){ 5715 $('.main .tiktokarea h2.mainMotion').css({ 'transform':'translateY(0)', 'opacity':1 }); 5716 } 5717 } 5718 5719 var dermaClinicH2 = $('.dermaclinic h2.mainMotion'); 5720 if (dermaClinicH2.length > 0 && dermaClinicH2.offset()) { 5721 if (winST > dermaClinicH2.offset().top - 700){ 5722 $('.main .dermaclinic h2.mainMotion').css({ 'transform':'translateY(0)', 'opacity':1 }); 5723 } 5724 } 5725 5726 var dermaThumb = $('.dermaThumb.mainMotion'); 5727 if (dermaThumb.length > 0 && dermaThumb.offset()) { 5728 if (winST > dermaThumb.offset().top - 700){ 5729 $('.main .dermaThumb.mainMotion').css({ 'transform':'translateY(0)', 'opacity':1 }); 5730 } 5731 } 5732 5733 var dermaAsk = $('.dermaAsk.mainMotion'); 5734 if (dermaAsk.length > 0 && dermaAsk.offset()) { 5735 if (winST > dermaAsk.offset().top - 700){ 5736 $('.main .dermaAsk.mainMotion').css({ 'transform':'translateY(0)', 'opacity':1 }); 5737 } 5738 } 5739 5740 var aboutBanner = $('.aboutbanner.mainMotion'); 5741 if (aboutBanner.length > 0 && aboutBanner.offset()) { 5742 if (winST > aboutBanner.offset().top - 700){ 5743 $('.main .aboutbanner.mainMotion').css({ 'transform':'translateY(0)', 'opacity':1 }); 5744 } 5745 } 5746 }); 5747 5748 if(comutil.getCookie('friendRecomm') != null 5749 && !comutil.isEmpty('')){ 5750 comutil.callAjax("/web/event/friendRecomm/ajax.do?", null, function(data) { 5751 if(data.rsltCode == 'success'){ 5752// console.log(data); 5753 } 5754 }); 5755 } 5756 5757 }); 5758 /* 5759 $(window).on('load scroll resize', function(){ 5760 if (winST > winH-141){ 5761 youtube.muteVideoAll(); 5762 } else { 5763 youtube.unmuteVideoAll(); 5764 }; 5765 }); 5766 */ 5767 //ëìì ë¤ì¤ì¼ ê²½ì° íë©´ë¡ëì ëì ì¬ìë¨ì¼ë¡ì ìë¦¬ê° ê²¹ì¹ë¯ë¡ ì íë¸ ëìì readyí ë©ì¸ì ë³´ì¬ì§ë ëììë§ ì¬ì 5768 $(window).on('load', function (){ 5769 //youtube.stopVideoAll();
5770 //ì íë¸ ìì 5771 // var idx = $('.mainVisual .slide.slick-active.mv').attr("data-index"); 5772 // youtube.playVideoAll(idx); 5773 }); 5774 5775 //ì¤ëí루 íì ë³´ì´ì§ ì기 ì´ë²¤í¸ 5776// function fn_todayPopupClose(popNm, ele){ 5777// comutil.setCookie(popNm, 'Y', 1); /* popCookie=Y, 1ì¼ ë¤ ë§ë£ë¨ */ 5778// layerPopClose2(ele); 5779// } 5780 5781 //API load Data ISO-8601 -> ì´ ìê°ì¼ë¡ ë³ê²½ í¨ì 5782 function fn_changeDurationTime(t){ 5783 //APIìê° --> ì´ ìê°ì¼ë¡ ë³ê²½ 5784 var hourRegex = new RegExp("[0-9]{1,2}H", "gi"); 5785 var minRegex = new RegExp("[0-9]{1,2}M", "gi"); 5786 var secRegex = new RegExp("[0-9]{1,2}S", "gi"); 5787 5788 var hour = hourRegex.exec(t); 5789 var min = minRegex.exec(t); 5790 var sec = secRegex.exec(t); 5791 5792 if(hour!=null){ 5793 hour = parseInt(hour.toString().split("H")[0])*3600; 5794 }else{ 5795 hour = 0; 5796 } 5797 if(min !=null){ 5798 min = parseInt(min.toString().split("M")[0])*60; 5799 }else{ 5800 min = 0; 5801 } 5802 if(sec !=null){ 5803 sec = parseInt(sec.toString().split("S")[0]); 5804 }else{ 5805 sec = 0; 5806 } 5807 t = hour+min+sec; 5808 return t; 5809 } 5810 5811 </script>
5811 5812</body> 5813</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.