PageSourceSearch

https://www.nanaprs.co.kr/img_up/shop_pds/nanaprs/design/assets/js/custom.js?260101

js nanaprs.co.kr collected 2026-10-06 14:03:44 UTC 49,060 bytes, 1,217 lines download raw bytes

1/* ######## 231115 리뉴얼 헤더 ######## */
2const $headerTargets = $('.header, .nav-list-wrapper, .logo img, .nav-list-title, .sign-link a, .sign-link span');
3
4$(window).on('scroll', function() {
5    $headerTargets.toggleClass('change', $(window).scrollTop() > 20);
6});
7
8$('.nav-list > li').hover(function() {
9    $(this).children('.nav-list-menu').stop().fadeIn(350);
10}, function() {
11    $(this).children('.nav-list-menu').stop().fadeOut(100);
12});
13
14// Responsive Nav
15$('.ham-trigger').click(function() {
16    $(this).toggleClass('active');
17    $('.nav-list-mo-wrapper').toggleClass('active');
18});
19// Mo Nav Select
20$('.nav-list-mo-left ul li').click(function() {
21    let leftList = $(this).index(); 
22    $('.nav-list-mo-right ul').removeClass('active');
23    $('.nav-list-mo-right ul').eq(leftList).addClass('active');
24});
25
26/* ######## 이벤트 검색창 ######## */
27/* const searchInput = document.querySelector('#search-bar');
28const slideTexts = document.querySelector('.slide-text-items');
29
30new Swiper(slideTexts, {
31    slidesPerView : '1',
32    direction: 'vertical',
33    loop: true,
34    autoplay : {
35        delay : 2000,
36        disableOnInteraction : false,
37    },
38});
39
40// 이벤트 검색창 텍스트
41searchInput.addEventListener('input', (e) => {
42    slideTexts.style.opacity = '0';
43    slideTexts.style.visibility = 'hidden';
44
45    if(searchInput.value === '') {
46        slideTexts.style.opacity = '1';
47        slideTexts.style.visibility = 'visible';
48    }
49})
50
51var swiper = new Swiper(".search-cont-slide", {
52    direction: "vertical",
53    slidesPerView: 'auto',
54    freeMode: true,
55    observer: true,
56    observeParents: true,
57    scrollbar: {
58        el: ".search-cont-slide-scrollbar",
59    },
60    mousewheel: true,
61    watchSlidesVisibility: true,
62    watchSlidesProgress: true,
63    rebuildOnUpdate: true,
64    updateOnWindowResize:true,
65    updateOnImagesReady:true,
66});
67
68$("#search-bar").on("propertychange focus change keyup paste input", function(){
69    if($("#search-bar").val() == "") {
70        $(".search-all").removeClass("active");
71        $(".search-all .search-input .search-icon.xi-search").css("display","block");
72        $(".search-all .search-input .search-icon.xi-close-min").css("display","none");
73    } else {
74        $(".search-all").addClass("active");
75        $(".search-all .search-input .search-icon.xi-search").css("display","none");
76        $(".search-all .search-input .search-icon.xi-close-min").css("display","block");
77    }
78});
79$(".search-all .search-input .search-icon.xi-close-min").on("click", function(){
80    $(".search-all").removeClass("active");
81    $(".search-all .search-input .search-icon.xi-search").css("display","block");
82    $(this).css("display","none");
83    $("#search-bar").val("");
84    $('.slide-text-items').css({
85        'opacity' : '1',
86        'visibility' : 'visible'
87    });
88});
89
90$("#search-bar").bind("keyup input", function(){
91    var search_word = $("#search-bar").val(); //검색창에 친 텍스트
92    var search_word_length = search_word.length; //검색창에친 텍스트 갯수
93    var search_word_item = $('.search-area-clone .s-item:contains("'+search_word+'")').parents(".s-name-clone").not('.s-name').clone().addClass('s-name'); //아이템복사
94    var search_keyword = $('.search-area .s-item').text(); //아이템 존재 여부를 위한 텍스트
95    var keyword_include = search_keyword.match(search_word); //아이템 존재 여부 확인
96    //입력을 진행 했을때
97    if(search_word_length > "0"){
98        $(".search-area ul li").remove();
99        $(".search-area ul").append(search_word_item);
100        //아이템 여부 확인
101        if (keyword_include !== null) { //아이템이 존재할때
102            $(".search-area ul .empty_item").remove();
103        } else {  //아이템이 없을때
104            $(".search-area ul .empty_item").remove();
105            $(".search-area ul").append('<li class="empty_item"><p>해당 검색어가 없습니다.</p></li>')
106        }
107    }
108})
109
110$("#search-bar").on("focus", function(){
111    $(".search-all .search-input").css("border","1.5px solid #42c0bf");
112});
113$("#search-bar").on("focusout", function(){
114    $(".search-all .search-input").css("border","1px solid #000");
115});
116// 서치 1800버튼
117$(".search-input-mo i").click(function(){
118    $(".search-all").addClass("active-mo").removeClass("not-active");
119    $(".banner").css("z-index","999");
120    if ($(".search-all").hasClass("active-mo") == true) {
121        $("html").css("overflow","hidden").css("position","relative").css("height","100%");
122        $("body").css("overflow","hidden").css("position","relative").css("height","100%");
123    }
124});
125$(".search-all .search-close-mo p").click(function(){
126    $(".search-all").removeClass("active-mo").addClass("not-active");
127    $(".banner").css("z-index","1005");
128    if ($(".search-all").hasClass("not-active") == true) {
129        $("html").css("overflow","inherit").css("position","inherit").css("height","inherit");
130        $("body").css("overflow","inherit").css("position","inherit").css("height","inherit");
131    }
132});
133
134// 추천검색어
135$(".search-rec-mo a").on("click", function(){
136    var searchRec= $(this).text();
137    $(".search-all").addClass("active");
138    $(".search-all .search-input .search-icon.xi-search").css("display","none");
139    $(".search-all .search-input .search-icon.xi-close-min").css("display","block");
140    $("#search-bar").val(searchRec);
141    var search_word_mo = $("#search-bar").val(); //검색창에 친 텍스트
142    var search_word_length_mo = search_word_mo.length; //검색창에친 텍스트 갯수
143    var search_word_item_mo = $('.search-area-clone .s-item:contains("'+search_word_mo+'")').parents(".s-name-clone").not('.s-name').clone().addClass('s-name'); //아이템복사
144    //입력을 진행 했을때  
145    if(search_word_length_mo > "0"){
146        $(".search-area ul li").remove();
147        $(".search-area ul").append(search_word_item_mo);
148    }
149}); */
150
151/* ######## Language Dropdown ######## */
152$('.language').click(function() {
153    $('.language-list').stop().slideToggle();
154});
155$(document).mouseup(function (e){
156    if($('.language-list').has(e.target).length === 0){
157        $('.language-list').stop().slideUp();
158    };
159});
160$('#mainVisual').click(function() {
161    $('.language-list').stop().slideUp();
162});
163
164/* ######## 페이지에 따라 메뉴에 active 효과 주기(보류) ######## */
165
166/* const currentPathname = window.location.pathname;
167
168// 게시판 읽기 화면과 같은 페이지의 ? 이후 값을 구함
169const currentSearch = window.location.search;
170const navTitle = $('.nav-list-title');
171
172$('.inside-menu-area .inside-list li a').each(function() {
173    let href = $(this).attr('href');
174    let cate = $(this).attr('data-cate');
175
176    if(currentPathname === href) {
177        console.log(href);
178        
179        $(navTitle).each(function() {
180            const titleId = $(this).attr('id');
181            if(cate === titleId) {
182                $(this).addClass('header-active');
183            }
184        })
185
186        if(cate === 'facial') {
187            $('#facial').addClass('header-active');
188        }
189    }
190})
191
192$('.nav-list-menu li a').each(function() {
193    let href = $(this).attr('href');
194    let subHref = $(this).attr('data-href');
195    // /page/ 자르기
196    let cutPage = href.substr(6);
197    //  /myboard/ 자르기
198    let cutMyBoard = href.substr(9);
199
200    // if(currentPathname === (href) || currentSearch.includes(cutMyBoard)) {
201    //     $(this).closest('.nav-list-menu').siblings('.nav-list-title').addClass('header-active');
202    // }
203
204    // if(currentPathname.includes(href) || currentPathname.includes(subHref)) {
205    //     $(this).closest('.nav-list-menu').siblings('.nav-list-title').addClass('header-active');
206    // }
207
208    if(currentPathname.includes(href)) {
209    }
210}) */
211
212/* ######## 231115 리뉴얼 헤더 끝 ######## */
213
214/* 구 Header
215// 메뉴
216$(".header .nav .nav-list > li").mouseenter(function(){
217$(this).children(".nav-list-menu").css("display","block");
218});
219$(".header .nav .nav-list > li").mouseleave(function(){
220$(this).children(".nav-list-menu").css("display","none");
221});
222$(".header .nav .nav-list .nav-list-menu a").mouseenter(function(){
223$(this).children("i").addClass("active");
224});
225$(".header .nav .nav-list .nav-list-menu a").mouseleave(function(){
226$(this).children("i").removeClass("active");
227});
228
229// 메뉴 밑에 라인 따라다니게 하기
230$(".header .nav .nav-list > li").mouseenter(function(){
231$(".nav-line").css("opacity","1");
232});
233$(".header .nav .nav-list > li").mouseleave(function(){
234$(".nav-line").css("opacity","0");
235});
236$(".header .nav .nav-list > li:nth-of-type(1)").mouseenter(function(){
237$(".nav-line").css("left","201px").css("width","30px");
238});
239$(".header .nav .nav-list > li:nth-of-type(2)").mouseenter(function(){
240$(".nav-line").css("left","275px").css("width","60px");
241});
242$(".header .nav .nav-list > li:nth-of-type(3)").mouseenter(function(){
243$(".nav-line").css("left","376px").css("width","27px");
244});
245$(".header .nav .nav-list > li:nth-of-type(4)").mouseenter(function(){
246$(".nav-line").css("left","438px").css("width","27px");
247});
248$(".header .nav .nav-list > li:nth-of-type(5)").mouseenter(function(){
249$(".nav-line").css("left","504px").css("width","60px");
250});
251$(".header .nav .nav-list > li:nth-of-type(6)").mouseenter(function(){
252$(".nav-line").css("left","607px").css("width","50px");
253});
254$(".header .nav .nav-list > li:nth-of-type(7)").mouseenter(function(){
255$(".nav-line").css("left","700px").css("width","30px");
256});
257$(".header .nav .nav-list > li:nth-of-type(8)").mouseenter(function(){
258$(".nav-line").css("left","775px").css("width","30px");
259});
260$(".header .nav .nav-list > li:nth-of-type(9)").mouseenter(function(){
261$(".nav-line").css("left","851px").css("width","30px");
262});
263$(".header .nav .nav-list > li:nth-of-type(10)").mouseenter(function(){
264$(".nav-line").css("left","924px").css("width","60px");
265});
266$(".header .nav .nav-list > li:nth-of-type(11)").mouseenter(function(){
267$(".nav-line").css("left","1029px").css("width","45px");
268});
269$(".header .nav .nav-list > li:nth-of-type(12)").mouseenter(function(){
270$(".nav-line").css("left","1117px").css("width","45px");
271});
272$(".header .nav .nav-list > li:nth-of-type(13)").mouseenter(function(){
273$(".nav-line").css("left","1208px").css("width","65px");
274});
275
276// 메뉴 햄버거
277$(".ham-btn .ham").click(function(){
278$(this).toggleClass("active");
279if($(this).hasClass("active") == false) {
280    $(this).addClass("not-active");
281} else if($(this).hasClass("active") == true) {
282    $(this).removeClass("not-active");
283}
284$(".ham-list").toggleClass("active");
285if($(".ham-list").hasClass("active") == true) {
286    $(".ham-bg").addClass("active");
287    $(".ham-list-menu").css("right","0");
288    $(".ham-list-mo").css("right","0");
289    // 1115추가
290    if($(window).width() <= 1500) {
291        $(".banner").css("height","0");
292        $(".header").css("top","0");
293        $(".sub-title-area").css("padding-top","60px");
294        $(".main-top-slide-area").css("padding-top","60px");
295    }
296} else if($(".ham-list").hasClass("active") == false) {
297    $(".ham-bg").removeClass("active");
298    $(".ham-list-menu").css("right","-100%");
299    $(".ham-list-mo").css("right","-100%");
300    // 1115추가
301    if(($(window).width() <= 1500) && ($(".banner").hasClass("banner-custom") == false)) {
302        $(".banner").css("height","60px");
303        $(".header").css("top","60px");
304        $(".sub-title-area").css("padding-top","120px");
305        $(".main-top-slide-area").css("padding-top","120px");
306    }
307} 
308if($(".ham-list .ham-list-mo").addClass("active") == true) {
309    $(".banner").css("height","0");
310}
311});
312
313// 모바일 메뉴 언어선택
314$(".ham-list .ham-list-top .ham-lang .ham-lang-btn").click(function(){
315$(this).next(".ham-lang-list").toggleClass("active");
316if($(".ham-lang-list").hasClass("active") == true ){
317    $(".ham-list .ham-list-top .ham-lang").css("background","#000");
318} else if($(".ham-lang-list").hasClass("active") == false ){
319    $(".ham-list .ham-list-top .ham-lang").css("background","none");
320}
321});
322$(".ham-bg").click(function(){
323$(".ham-btn .ham").removeClass("active");
324$(".ham-btn .ham").addClass("not-active");
325$(".ham-list").removeClass("active");
326if($(".ham-list").hasClass("active") == false) {
327    $(".ham-bg").removeClass("active");
328    $(".ham-list-menu").css("right","-100%");
329    $(".ham-list-mo").css("right","-100%");
330    // 1115추가
331    if(($(window).width() <= 1500) && ($(".banner").hasClass("banner-custom") == false)) {
332        $(".banner").css("height","60px");
333        $(".header").css("top","60px");
334        $(".sub-title-area").css("padding-top","120px");
335        $(".main-top-slide-area").css("padding-top","120px");
336    }
337} 
338if($(".ham-lang-list").hasClass("active") == false ){
339    $(".ham-list .ham-list-top .ham-lang").css("background","none");
340}
341});
342$(window).resize(function() {
343if ($(window).width() <= 1500) {
344    if ($(".ham-bg").hasClass("active") == true) {
345        $(".banner").css("height","0");
346        $(".header").css("top","0");
347        $(".sub-title-area").css("padding-top","60px");
348    } else if ($(".banner").hasClass("banner-custom") == false){
349        $(".banner").css("height","60px");
350        $(".header").css("top","60px");
351        $(".sub-title-area").css("padding-top","120px");
352    } else if ($(".banner").hasClass("banner-custom") == true){
353        $(".banner").css("height","0");
354        $(".header").css("top","0");
355        $(".sub-title-area").css("padding-top","60px");
356    }
357} else {
358    $(".banner").css("height","70px");
359    $(".header").css("top","70px");
360    $(".sub-title-area").css("padding-top","150px");
361}
362});
363
364// 메뉴 햄버거 모바일 언어선택영역 
365$(".ham-list-top-mo .ham-lang").click(function(){
366$(this).toggleClass("active");
367});
368// 모바일리스트 아코디언
369$(".m-nav-list .m-nav-list-title").click(function(){
370$(this).next(".m-nav-list-menu").toggleClass("active");
371$(this).parent().siblings().children(".m-nav-list-menu").removeClass("active");
372$(this).children().children("span:nth-child(1)").toggleClass("active");
373$(this).children().children("span:nth-child(2)").toggleClass("active");
374$(this).parent().siblings().children().children().children("span:nth-child(1)").removeClass("active");
375$(this).parent().siblings().children().children().children("span:nth-child(2)").removeClass("active");
376});
377// 메뉴 햄버거 리스트 
378$(".ham-in-menu a").mouseenter(function(){
379$(".ham-in-menu a").css("opacity","0.5");
380$(this).css("opacity","1");
381});
382$(".ham-in-menu a").mouseleave(function(){
383$(".ham-in-menu a").css("opacity","1");
384});
385
386// 햄버거 링크
387$(".ham-link a").mouseenter(function(){
388$(".ham-link a").css("opacity","0.5");
389$(this).css("opacity","1");
390});
391$(".ham-link a").mouseleave(function(){
392$(".ham-link a").css("opacity","1");
393});
394
395
396
397// 메뉴 스크롤시 
398var headerOffset = $('body').offset();
399$(window).scroll(function () {
400// 메뉴 스크롤 했을 때
401if ($(document).scrollTop() > headerOffset.top) {
402    $(".header .nav .nav-list .nav-list-title").css("padding","17px 22px").css("font-size","14px");
403    $(".header #header_logo_svg").css("width","64px");
404    $(".ham-btn .ham li").css("width","28px");
405    $(".ham-btn .ham").css("height","19px");
406    $(".search-all .search-input").css("height","38px");
407    $(".nav-line").css("height","2px").css("bottom","10px").css("margin-left","-2px");
408    $(".banner").addClass("banner-custom");
409    if ($(window).width() <= 1500) {
410        $(".banner").css("height","0")
411        $(".header").css("top","0");
412        $(".sub-title-area").css("padding-top","60px");
413    } else {
414        $(".banner").css("height","70px");
415        $(".header").css("top","70px");
416        $(".sub-title-area").css("padding-top","150px");
417    }
418}
419// 메뉴 스크롤 안했을 때
420else {
421    $(".header .nav .nav-list .nav-list-title").css("padding","28px 22px").css("font-size","16px");
422    $(".header #header_logo_svg").css("width","80px");
423    $(".ham-btn .ham li").css("width","35px");
424    $(".ham-btn .ham").css("height","22px");
425    $(".search-all .search-input").css("height","48px");
426    $(".nav-line").css("height","3px").css("bottom","15px").css("margin-left","0");
427    $(".banner").removeClass("banner-custom");
428    if ($(window).width() <= 1500) {
429        if($(".ham-bg").hasClass("active") == true ) {
430            $(".banner").css("height","0");
431            $(".header").css("top","0");
432            $(".sub-title-area").css("padding-top","60px");
433        } else {
434            $(".banner").css("height","60px");
435            $(".header").css("top","60px");
436            $(".sub-title-area").css("padding-top","120px");
437        }
438    }
439}
440});
441 구 Header 끝 */
442
443// 배너슬라이드
444new Swiper(".banner-slide", {
445    observer: true,
446    observeParents: true,
447    direction: "vertical",
448    loop: true,
449    speed: 1300,
450    autoplay: {
451        delay: 3500,
452        disableOnInteraction: false,
453    },
454}); 
455
456
457/* ######## Aside 상담 신청 ######## */
458$(".aside-past-btn .consulting-btn").on("click", function(){
459    $(".popup-event-apply").fadeIn(500).addClass("active");
460    if($(".popup-event-apply").hasClass("active") ==true) {;
461        $(".q-menu-mob .q-menu-mob-list .q-menu03").addClass("active");
462    } else {
463        $(".q-menu-mob .q-menu-mob-list .q-menu03").removeClass("active");
464    }
465})
466$(".popup-event-apply .bg").on("click", function(){
467    $(".popup-event-apply").fadeOut(500).removeClass("active");
468    if($(".popup-event-apply").hasClass("active") ==false) {
469        $(".q-menu-mob .q-menu-mob-list .q-menu03").removeClass("active");
470    }
471})
472$(".popup-event-apply .cont .input-custom input").on("focus", function(){
473    $(this).parents(".input-custom").addClass("active");
474});
475$(".popup-event-apply .cont .input-custom input").on("focusout", function(){
476    if($(this).val() == "") {
477        $(this).parents(".input-custom").removeClass("active");
478    } else {
479        $(this).parents(".input-custom").addClass("active");
480    }
481});
482$(".popup-event-apply .cont .input-custom select").on("change", function(){
483    $(this).css("color","#333");
484});
485
486/* ######## Go To Top ######## */
487$('.go-top-btn').click(function(event) {
488    event.preventDefault();
489    $('html, body').animate({scrollTop: 0}, 700);
490});
491
492// 모바일 하단 퀵메뉴
493$(".q-menu-mob .q-menu-mob-list .q-menu").click(function(){
494    $(this).siblings().removeClass("active");
495    $(this).toggleClass("active");
496    if($(".q-menu-mob .q-menu-mob-list .q-menu03").hasClass("active") == true) {
497        $(".popup-event-apply").fadeIn(500);
498        $("body").addClass('notScroll');
499    } else {
500        $(".popup-event-apply").fadeOut(500);
501        $("body").removeClass('notScroll');
502    }
503    if($(".q-menu-mob .q-menu-mob-list .q-menu04").hasClass("active") == false) {
504        $(".q-menu-event-link").removeClass("active");
505    }
506});
507$(".q-menu-mob .q-menu-mob-list .q-menu04").click(function(){
508    if($(".q-menu-mob .q-menu-mob-list .q-menu04").hasClass("active") == true) {
509        $(".q-menu-event-link").removeClass("not-active");
510        $(".q-menu-event-link").addClass("active");
511    } else {
512        $(".q-menu-event-link").removeClass("active");
513        $(".q-menu-event-link").addClass("not-active");
514    }
515});
516
517$(".scroll-cont").mCustomScrollbar({
518    theme: "rounded",
519    axis: "x"
520});
521
522/* ########## 수술 서브페이지 리뉴얼 2025-03-12 ########## */
523// 수술 설명 영역 슬라이드
524const explainSlideItems = document.querySelectorAll(".surgery-explain-slide .swiper-slide");
525const explainItemCount = explainSlideItems.length;
526
527new Swiper('.surgery-explain-slide', {
528    enabled: explainItemCount > 1,
529    slidesPerView: 1,
530    loop: true,
531    watchOverflow: true,
532    speed: 700,
533    navigation: {
534        prevEl: '.surgery-explain-slide-prev',
535        nextEl: '.surgery-explain-slide-next',
536    }
537});
538// 수술 설명 영역 모바일 아코디언
539$(".surgery-accordion-item .accordion-title").click(function(){
540    $(this).toggleClass("active");
541    $(this).parent().siblings().children(".accordion-title").removeClass("active");
542    $(this).next(".accordion-desc").slideToggle();
543    $(this).parent().siblings().ch
543ildren(".accordion-desc").slideUp();
544});
545
546// 수술 방법 영역 슬라이드
547const howSliders = document.querySelectorAll(".surgery-how-slide");
548
549howSliders.forEach(function(slider) {
550    const howSlideItems = slider.querySelectorAll(".swiper-slide");
551    const howItemCount = howSlideItems.length;
552    console.log(howItemCount);
553    const howSwiper = new Swiper(slider, {
554        slidesPerView: 1.5,
555        spaceBetween: 20,
556        /* slidePerView에서 잡은 숫자보다 슬라이드가 적을 때 센터로 잡아줌. 
557        loop모드나 grid.rows 랑 같이 사용하지 말것 */
558        centerInsufficientSlides: true,
559        watchOverflow: true,
560        navigation: {
561            prevEl: '.surgery-how-slide-prev',
562            nextEl: '.surgery-how-slide-next',
563        },
564        breakpoints: {
565            769: {
566                slidesPerView: 2.5,
567                spaceBetween: 8,
568            },
569            993: {
570                slidesPerView: 3.5,
571                spaceBetween: 8,
572                enabled: true
573            },
574            1201: {
575                slidesPerView: 4,
576                spaceBetween: 8,
577                enabled: howItemCount > 4
578            }
579        }
580    })
581})
582    // new Swiper('.surgery-how-slide', {
583    //     slidesPerView: 1.5,
584    //     spaceBetween: 20,
585    //     /* slidePerView에서 잡은 숫자보다 슬라이드가 적을 때 센터로 잡아줌. 
586    //     loop모드나 grid.rows 랑 같이 사용하지 말것 */
587    //     centerInsufficientSlides: true,
588    //     watchOverflow: true,
589    //     navigation: {
590    //         prevEl: '.surgery-how-slide-prev',
591    //         nextEl: '.surgery-how-slide-next',
592    //     },
593    //     breakpoints: {
594    //         769: {
595    //             slidesPerView: 2.5,
596    //             spaceBetween: 8,
597    //         },
598    //         993: {
599    //             slidesPerView: 3.5,
600    //             spaceBetween: 8,
601    //             enabled: true
602    //         },
603    //         1201: {
604    //             slidesPerView: 4,
605    //             spaceBetween: 8,
606    //             enabled: howItemCount > 4
607    //         }
608    //     }
609    // });
610
611
612// 수술 필요한 경우 영역 슬라이드
613const surgeryNeedSlide = new Swiper('.surgery-need-slide', {
614    slidesPerView: 1,
615    effect: "fade",
616    touchRatio: 0,
617    pagination: {
618        el: ".surgery-need-slide-pagination",
619        clickable: true,
620    }
621});
622// 수술 필요한 경우 영역 탭
623surgeryNeedSlide.on('slideChange', function () {
624    let needSlideIndex = this.realIndex;
625    let realNeedSlideIndex = needSlideIndex + 1;
626    $(".surgery-need-tab").removeClass("active").eq(realNeedSlideIndex - 1).addClass("active");
627});
628
629// 수술 특별한 이유 영역 슬라이드
630const specialSlideItems = document.querySelectorAll(".surgery-special-slide .swiper-slide");
631const specialItemCount = specialSlideItems.length;
632const surgerySpecialSlide = new Swiper('.surgery-special-slide', {
633    slidesPerView: 'auto',
634    spaceBetween: 0,
635    direction: 'vertical',
636    /* slidePerView에서 잡은 숫자보다 슬라이드가 적을 때 센터로 잡아줌. 
637    loop모드나 grid.rows 랑 같이 사용하지 말것 */
638    centerInsufficientSlides: true,
639    watchOverflow: true,
640    touchReleaseOnEdges: true,
641    passiveListeners: false,
642    navigation: {
643        prevEl: '.surgery-special-slide-prev',
644        nextEl: '.surgery-special-slide-next',
645    },
646    breakpoints: {
647        769: {
648            slidesPerView: 3.2,
649            spaceBetween: 20,
650            direction: 'horizontal',
651            touchReleaseOnEdges: false,
652            passiveListeners: true,
653            enabled: true
654        },
655        993: {
656            slidesPerView: 4,
657            spaceBetween: 30,
658            direction: 'horizontal',
659            touchReleaseOnEdges: false,
660            passiveListeners: true,
661            enabled: specialItemCount > 4
662        }
663    }
664});
665
666// 수술 QnA 영역 슬라이드
667const qnaSlideItems = document.querySelectorAll(".surgery-qna-slide .swiper-slide");
668const qnaItemCount = qnaSlideItems.length;
669new Swiper('.surgery-qna-slide', {
670    slidesPerView: 1,
671    loop: true,
672    watchOverflow: true,
673    enabled: qnaItemCount > 1,
674    navigation: {
675        prevEl: '.surgery-qna-slide-prev',
676        nextEl: '.surgery-qna-slide-next',
677    }
678});
679
680// QnA 리스트 아코디언
681$('.qna-list-item h5').click(function() {
682    const $this = $(this);
683    const $answer = $this.next('ul');
684    const $icon = $(this).find('i');
685
686    $answer.slideToggle();
687    $icon.toggleClass('active');
688})
689
690// 수술 넘버링 영역 슬라이드
691new Swiper('.surgery-numbering-slide', {
692    slidesPerView: 1.5,
693    spaceBetween: 30,
694    watchOverflow: true,
695    navigation: {
696        nextEl: '.surgery-numbering-slide-next',
697    },
698    breakpoints: {
699        769: {
700            slidesPerView: 3.5,
701        },
702        1201: {
703            slidesPerView: 2,
704        },
705        1500: {
706            slidesPerView: 2.5,
707            spaceBetween: 30
708        }
709    }
710});
711
712/* ########## 수술 서브페이지 리뉴얼 끝 2025-03-12 ########## */
713
714
715
716
717// 서브페이지 아코디언
718$(".accordion-cont .text-top").click(function(){
719    $(this).toggleClass("active");
720    $(this).parent().siblings().children(".text-top").removeClass("active");
721    $(this).next(".text-area").slideToggle();
722    $(this).parent().siblings().children(".text-area").slideUp();
723    $(this).children("i").toggleClass("active");
724    $(this).parent().siblings().children(".text-top").children("i").removeClass("active");
725});
726
727// 서브페이지 안쪽메뉴 모바일 슬라이드다운
728$('.sub-menu-list-mo-active').click(function(){
729    if($(window).width() <= 992) {
730        $(".sub-menu-list-mo-active .xi-caret-down").toggleClass("active");
731        $('.sub-menu-list').slideToggle();
732    }
733});
734
735// 서브 페이지 상단 슬라이드영역
736var swiper = new Swiper(".top-slide", {
737    loop: true,
738    speed: 800,
739    observer: true,
740    observeParents: true,
741    navigation: {
742        nextEl: ".nipple-slide-next",
743        prevEl: ".nipple-slide-prev",
744    },
745});
746
747// 필요한 경우
748var need_slide = new Swiper(".need-slide", {
749    effect: "fade",
750    speed: 700,
751    touchRatio: 0,
752    pagination: {
753        el: ".need-slide-pagination",
754        clickable: true,
755    },
756});
757need_slide.on('slideChange', function () {
758    var needSlide_index = this.realIndex;
759    var real_needSlide_index = needSlide_index + 1;
760    $(".need-slide-area .item .inner-text").removeClass("active").eq(real_needSlide_index - 1).addClass("active");
761});
762
763// 특별함 설명 영역
764var swiper = new Swiper(".special-info-slide", {
765    loop: true,
766    slidesPerView: 3,
767    spaceBetween: 15,
768    observer: true,
769    observeParents: true,
770    navigation: {
771        nextEl: ".special-info-next",
772        prevEl: ".special-info-prev",
773    },
774});
775
776// 특별함 설명 영역 슬라이드 없는버전
777var swiper = new Swiper(".special-info-slide02", {
778    loop: true,
779    slidesPerView: 3,
780    spaceBetween: 15,
781    observer: true,
782    observeParents: true,
783    touchRatio: 0 //드래그 금지
784});
785
786// 큐엔에이 슬라이드
787var swiper = new Swiper(".qna-slide", {
788    speed: 500,
789    loop: true,
790    navigation: {
791        nextEl: ".qna-slide-next",
792        prevEl: ".qna-slide-prev",
793    },
794});
795
796// 특별함리스트영역
797var swiper = new Swiper(".special-list-slide", {
798    loop: true,
799    slidesPerView: 4,
800    spaceBetween: 15,
801    navigation: {
802        nextEl: ".special-list-next",
803        prevEl: ".special-list-prev",
804    },
805    breakpoints: {
806        1200: {
807            centeredSlides: true,
808            slidesPerView: 3.5,
809            spaceBetween: 10,
810        },
811        860: {
812            slidesPerView: 3.2,
813        },
814    }
815});
816// 특별함리스트영역 2개일때
817var swiper = new Swiper(".special-list-slide01", {
818    loop: true,
819    slidesPerView: 4,
820    spaceBetween: 15,
821    navigation: {
822        nextEl: ".special-list-next01",
823        prevEl: ".special-list-prev01",
824    },
825    breakpoints: {
826        1200: {
827            centeredSlides: true,
828            slidesPerView: 3.5,
829            spaceBetween: 10,
830        },
831        860: {
832            slidesPerView: 3.2,
833        },
834    }
835});
836
837// 특별함리스트영역 pc none
838var swiper = new Swiper(".special-list-slide02", {
839    loop: true,
840    slidesPerView: 4,
841    spaceBetween: 15,
842    touchRatio: 0,//드래그 금지
843    navigation: {
844        nextEl: ".special-list-next",
845        prevEl: ".special-list-prev",
846    },
847    breakpoints: {
848        1200: {
849            centeredSlides: true,
850            slidesPerView: 3.5,
851            spaceBetween: 10,
852            touchRatio: 1,//드래그 금지
853        },
854        860: {
855            slidesPerView: 3.2,
856        },
857    }
858});
859
860// 가슴 애프터케어
861var swiper_after_slide = new Swiper(".after-slide-sm", {
862    slidesPerView: 9,
863    watchSlidesProgress: true,
864    touchRatio: 0,//드래그 금지
865});
866var swiper2 = new Swiper(".after-slide-big", {
867    effect: "fade",  
868    fadeEffect: {
869        crossFade: true
870    },
871    pagination: {
872    el: ".after-care-pagination",
873    type: "fraction",
874    },  
875    navigation: {
876        nextEl: ".after-care-btn-next",
877        prevEl: ".after-care-btn-prev",
878    },
879    thumbs: {
880        swiper: swiper_after_slide,
881    },
882    touchRatio: 0,//드래그 금지
883});
884
885// 비포에프터 공통 슬라이드
886var before_after_swiper = new Swiper(".before-after-slide-sm", {
887    observer: true,
888    observeParents: true,
889    allowTouchMove: false,
890    spaceBetween: 10,
891    slidesPerView: 5,
892    freeMode: true,
893    watchSlidesProgress: true,
894    breakpoints: {
895        768: {
896            observer: true,
897            observeParents: true,
898            spaceBetween: 0,
899            allowTouchMove: true,
900            slidesPerView: "auto",
901            freeMode: true,
902            watchSlidesProgress: true,
903        }
904    }
905});
906var swiper2 = new Swiper(".before-after-slide-big", {
907    observer: true,
908    observeParents: true,
909    effect: "fade",  
910    fadeEffect: {
911        crossFade: true
912    },
913    allowTouchMove: false,
914    thumbs: {
915        swiper: before_after_swiper,
916    },
917});
918
919// 비포에프터 슬라이드 클릭이벤트
920$(".before-after-slide-sm .swiper-slide").click(function(){
921    $(this).siblings().removeClass("active");
922    $(this).addClass("active");
923});
924
925$(".after-care-cont .left-cont .swiper-slide").click(function(){
926    $(this).siblings().removeClass("active");
927    $(this).addClass("active");
928});
929$(".after-care-pagination").text("").append('<span class="swiper-pagination-current">1</span><img src="/img_up/shop_pds/nanaprs/design/assets/images/breast/all/top-area-pagination.png" alt="페이지네이션 바"><span class="swiper-pagination-total">9</span>')
930
931$(".after-care-btn-all").click(function(){
932    if($(".after-care-area .right-cont .swiper-slide:nth-of-type(1)").hasClass("swiper-slide-active") == true) {
933        $(".after-care-cont .left-cont .swiper-slide").removeClass("active")
934        $(".after-care-cont .left-cont .swiper-slide:nth-of-type(1)").addClass("active")
935    } else if($(".after-care-area .right-cont .swiper-slide:nth-of-type(2)").hasClass("swiper-slide-active") == true) {
936        $(".after-care-cont .left-cont .swiper-slide").removeClass("active")
937        $(".after-care-cont .left-cont .swiper-slide:nth-of-type(2)").addClass("active")
938    } else if($(".after-care-area .right-cont .swiper-slide:nth-of-type(3)").hasClass("swiper-slide-active") == true) {
939        $(".after-care-cont .left-cont .swiper-slide").removeClass("active")
940        $(".after-care-cont .left-cont .swiper-slide:nth-of-type(3)").addClass("active")
941    } else if($(".after-care-area .right-cont .swiper-slide:nth-of-type(4)").hasClass("swiper-slide-active") == true) {
942        $(".after-care-cont .left-cont .swiper-slide").removeClass("active")
943        $(".after-care-cont .left-cont .swiper-slide:nth-of-type(4)").addClass("active")
944    } else if($(".after-care-area .right-cont .swiper-slide:nth-of-type(5)").hasClass("swiper-slide-active") == true) {
945        $(".after-care-cont .left-cont .swiper-slide").removeClass("active")
946        $(".after-care-cont .left-cont .swiper-slide:nth-of-type(5)").addClass("active")
947    } else if($(".after-care-area .right-cont .swiper-slide:nth-of-type(6)").hasClass("swiper-slide-active") == true) {
948        $(".after-care-cont .left-cont .swiper-slide").removeClass("active")
949        $(".after-care-cont .left-cont .swiper-slide:nth-of-type(6)").addClass("active")
950    } else if($(".after-care-area .right-cont .swiper-slide:nth-of-type(7)").hasClass("swiper-slide-active") == true) {
951        $(".after-care-cont .left-cont .swiper-slide").removeClass("active")
952        $(".after-care-cont .left-cont .swiper-slide:nth-of-type(7)").addClass("active")
953    } else if($(".after-care-area .right-cont .swiper-slide:nth-of-type(8)").hasClass("swiper-slide-active") == true) {
954        $(".after-care-cont .left-cont .swiper-slide").removeClass("active")
955        $(".after-care-cont .left-cont .swiper-slide:nth-of-type(8)").addClass("active")
956    } else if($(".after-care-area .right-cont .swiper-slide:nth-of-type(9)").hasClass("swiper-slide-active") == true) {
957        $(".after-care-cont .left-cont .swiper-slide").removeClass("active")
958        $(".after-care-cont .left-cont .swiper-slide:nth-of-type(9)").addClass("active")
959    }
960});
961
962// 서브페이지 추천이벤트
963/* var swiper = new Swiper(".recommend-event-slide", {
964    observer: true,
965    observeParents: true,
966    loop: true,
967    slidesPerView: 4,
968    centeredSlides: false,
969    spaceBetween: 15,
970    speed : 1000,
971    autoplay: {
972        delay: 3000,
973        disableOnInteraction: false,
974    },
975    breakpoints: { 
976    768: {
977        observer: true,
978        observeParents: true,
979        loop: true,
980        slidesPerView: 2,
981        centeredSlides: true,
982        speed : 1300,
983        spaceBetween: 0,
984        autoplay: {
985            delay: 3000,
986            disableOnInteraction: false,
987        },
988    },
989    },
990    navigation: {
991        nextEl: ".recommend-event-slide-next",
992        prevEl: ".recommend-event-slide-prev",
993    },
994}); */
995
996// 수술방법 탭메뉴 
997$(".surgical-method-area .list-item").on("click", function(){
998    $(this).siblings().removeClass("active");
999    $(this).addClass("active");
1000    var method_item = $(this).index();
1001    $(".surgical-method-area .cont .item").removeClass("active");
1002    $(".surgical-method-area .cont .item").eq(method_item).addClass("active");
1003});
1004$(".surgical-method-area .surgical-method-next").on("click", function(){
1005    var surgical_method_next= $(".surgical-method-area .cont .item.active").next();
1006    var surgical_method_next_idx= $(".surgical-method-area .cont-list .list-item.active").next();
1007    if(surgical_method_next.length == 0) {
1008        $(".surgical-method-area .cont .item").removeClass('active').first().addClass('active');
1009    } else {
1010        $(".surgical-method-area .cont .item.active").removeClass('active').next().addClass('active');
1011    }
1012    if(surgical_method_next_idx.length == 0) {
1013        $(".surgical-method-area .cont-list .list-item").removeClass('active').first().addClass('active');
1014    } else {
1015        $(".surgical-method-area .cont-list .list-item.active").removeClass('active').next().addClass('active');
1016    }
1017});
1018$(".surgical-method-area .surgical-method-prev").on("click", function(){
1019    var surgical_method_prev= $(".surgical-method-area .cont .item.active").prev();
1020    var surgical_method_prev_idx= $(".surgical-method-area .cont-list .list-item.active").prev();
1021    if(surgical_method_prev.length == 0) {
1022        $(".surgical-method-area .cont .item").removeClass('active').last().addClass('active');
1023    } else {
1024        $(".surgical-method-area .cont .item.active").removeClass('active').prev().addClass('active');
1025    }
1026    if(surgical_method_prev_idx.length == 0) {
1027        $(".surgical-method-area .cont-list .list-item").removeClass('active').last().addClass('active');
1028    } else {
1029        $(".surgical-method-area .cont-list .list-item.active").removeClass('active').prev().addClass('active');
1030    }
1031});
1032
1033// 맞춤의료진
1034$(".doc-custom-area .list a").on("click", function(){
1035    $(this).children(".is-mo-icon").addClass("active");
1036});
1037
1038function enter_sns() { 
1039    if (window.event.keyCode == 13) { 
1040        javascript:company_addr_img_sms()
1041    } 
1042}
1043
1044//care (caution)
1045function mouseover_effect_pc(){
1046    $("#aftercareContainer .caution li .front").on("mouseover focusin",function(){$(this).parent("li").removeClass("flip-horizontal-top").addClass("flip-horizontal-bottom").css({"box-shadow":"5px 0 21px rgba(10,10,10,0.2)"}).siblings("li").removeClass("flip-horizontal-top flip-horizontal-bottom").css({"box-shadow":"none"})});
1047    $("#aftercareContainer .caution .back").on("mouseleave blur",function(){$(this).parent("li").removeClass("flip-horizontal-bottom").addClass("flip-horizontal-top").css({"box-shadow":"none"})})
1048}
1049
1050function mouseover_effect_mob(){
1051    $("#aftercareContainer .caution li .front").on("mouseover focusin",function(){$(this).parent("li").removeClass("flip-horizontal-top flip-horizontal-bottom")});
1052    $("#aftercareContainer .caution .back").on("mouseleave blur",function(){$(this).parent("li").removeClass("flip-horizontal-top flip-horizontal-bottom")});
1053    $("#aftercareContainer .caution li").removeClass("flip-horizontal-top flip-horizontal-bottom")
1054}
1055
1056function mouseover_effect_pc(){
1057    $("#aftercareContainer .caution li .front").on("mouseover focusin",function(){$(this).parent("li").removeClass("flip-horizontal-top").addClass("flip-horizontal-bottom").css({"box-shadow":"5px 0 21px rgba(10,10,10,0.2)"}).siblings("li").removeClass("flip-horizontal-top flip-horizontal-bottom").css({"box-shadow":"none"})});
1058    $("#aftercareContainer .caution .back").on("mouseleave blur",function(){
1059        $(this).parent("li").removeClass("flip-horizontal-bottom").addClass("flip-horizontal-top").css({"box-shadow":"none"})})
1060    }   
1061
1062function mouseover_effect_ex(){
1063    $("#aftercareContainer .caution li .front").on("mouseover focusin",
1064    function(){$(this).children("div").css({opacity:"0.6"});
1065    $(this).children("dl").children("dt").css({color:"#fff"});
1066    $(this).children("dl").children("dd").css({color:"#fff"})});
1067    $("#aftercareContainer .caution li .front").on("mouseleave blur",
1068    function(){$(this).children("div").css({opacity:"0"});
1069    $(this).children("dl").children("dt").css({color:"#333"});
1070    $(this).children("dl").children("dd").css({color:"#adadad"});
1071    $(this).children("dl").children("dt").next("dd").css({color:"#333"})})
1072}
1073
1074function aftercareMenu_pc(){
1075    var b=$(".aftercareNv").height();
1076    var a=$(".aftercareNv").offset().top;
1077    var c=b*2;$(window).scroll(function(){
1078        var e=a+b-c;var d=$("#header").height();if($(document).scrollTop()>=e){
1079            $(".aftercareNv").css({position:"fixed",top:d});
1080            $(".aftercareNv").css({"z-index":"22"});
1081            $("#navi li.nm-mn1 a.nm-am1").on("mouseover focusin",function(){$(".aftercareNv").css({opacity:"0"})});
1082            $(".navi-bg").on("mouseover focusin",function(){$(".aftercareNv").css({opacity:"0"})});
1083            $(".depth2-wrap").on("mouseover focusin",function(){$(".aftercareNv").css({opacity:"0"})});
1084            $(".depth2-wrap").on("mouseleave blur",function(){$(".aftercareNv").css({opacity:"1"})});
1085            $(".navi-bg").on("mouseleave blur",function(){$(".aftercareNv").css({opacity:"1"})})}});
1086
1087    $(window).scroll(function(){var e=a+b-c;var d=$("#header").height();
1088    if($(document).scrollTop()<=e){$(".aftercareNv").css({position:"relative",top:"0"});
1089    $(".aftercareNv").css({"z-index":"1"});
1090    $("#navi li.nm-mn1 a.nm-am1").on("mouseover focusin",function(){$(".aftercarenvWrap").css({opacity:"1"})});
1091    $("#navi li.nm-mn1 a.nm-am1").on("mouseleave blur",function(){$(".aftercarenvWrap").css({opacity:"1"})});
1092    $("#navi li.nm-mn1 a.nm-am1").on("mouseover focusin",function(){$(".aftercareNv").css({opacity:"1"})});
1093    $(".navi-bg").on("mouseover focusin",function(){$(".aftercareNv").css({opacity:"1"})});
1094    $(".depth2-wrap").on("mouseover focusin",function(){$(".aftercareNv").css({opacity:"1"})});
1095    $(".depth2-wrap").on("mouseleave blur",function(){$(".aftercareNv").css({opacity:"1"})});
1096    $(".navi-bg").on("mouseleave blur",function(){$(".aftercareNv").css({opacity:"1"})})}})
1097}
1098
1099function aftercareMenu_mob(){
1100    $("html").scrollTop(0);
1101    var b=$(".aftercareNv").height();
1102    var a=$(".aftercareNv").offset().top;
1103    var c=b*2;
1104    $(window).scroll(function(){var e=a-c;var d=$("#header").height();if($(document).scrollTop()>=e){$(".aftercareNv").css({position:"fixed",top:d});
1105    $(".aftercareNv").css({"z-index":"22","border-top":"1px solid rgba(255,255,255,0.1)"})}});$(window).scroll(function(){var e=a-c;var d=$("#header").height();
1106    if($(document).scrollTop()<=e){$(".aftercareNv").css({position:"relative",top:"0"});
1107    $(".aftercareNv").css({"z-index":"1",border:"none"})}})
1108}
1109
1110var swiper=new Swiper(".aftercareNv",{slidesPerView:"auto",freeMode:true,scrollbar:{el:".swiper-scrollbar"},mousewheel:true});
1111var $slider=$(".aftercaremainWrap div .caution");
1112var $progressBar=$(".aftercaremainWrap div .progress");
1113var $progressBarLabel=$(".aftercaremainWrap div .slider__label");
1114$slider.on("beforeChange",function(d,c,f,e){var b=e/(c.slideCount-1)*100;$progressBar.css("background-size",b+"% 100%").attr("aria-valuenow",b);$progressBarLabel.text(b+"% completed");
1115var a=$(".aftercareMenu .select").parent("li").index()+1;if(a=="5"){$("#aftercareContainer .progress").css({"background-size":"100% 100%"})}});
1116var slickInfoObj={centerMode:true,centerPadding:"50px",slidesToShow:1,autoplay:false,cssEase:"ease",dots:false,arrows:false};
1117
1118function main_slide(){
1119    $(".aftercaremainWrap div .caution").on("init",function(b,a){$("#aftercareContainer .bottomSlide > p > .number").text(a.currentSlide+1)}).slick(slickInfoObj).on("beforeChange",function(b,a,d,c){$("#aftercareContainer .bottomSlide > p > .number").text(c+1)})
1120}
1121
1122$(".aftercaremainWrap div .caution").on("init",function(b,a){$("#aftercareContainer .bottomSlide > p > .number").text(a.currentSlide+1)}).slick(slickInfoObj).on("beforeChange",function(b,a,d,c){$("#aftercareContainer .bottomSlide > p > .number").text(c+1)});
1123
1124$(".aftercaremainWrap div .caution").slick("unslick");function res_motion_chrome(){
1125    $(document).ready(function(){if(window.matchMedia("(max-width:1300px)").matches){aftercareMenu_mob();mouseover_effect_mob();main_slide()}else{aftercareMenu_pc();mouseover_effect_pc();
1126    $(".aftercaremainWrap div .caution").slick("unslick");$(".aftercareNv").css({opacity:"1"})
1127}
1128
1129function a(){
1130    if(window.matchMedia("(max-width:1300px)").matches){aftercareMenu_mob();mouseover_effect_mob();main_slide()}else{aftercareMenu_pc();mouseover_effect_pc();
1131        $(".aftercaremainWrap div .caution").slick("unslick");$(".aftercareNv").css({opacity:"1"})}
1132}
1133
1134window.matchMedia("(max-width:1300px)").addListener(a)})}
1135
1136function res_motion_explorer(){
1137    $(document).ready(function(){if(window.matchMedia("(max-width:1300px)").matches){aftercareMenu_mob();main_slide();$("body #aftercareContainer .caution dt").css({color:"#fff"});
1138    $("body #aftercareContainer .caution dd").css({color:"#fff"});
1139    $("body #aftercareContainer .caution .add").css({color:"#fff"});
1140    $("#aftercareContainer .caution li .front").on("mouseleave blur",function(){$(this).children("dl").children("dt").css({color:"#fff"});
1141    $(this).children("dl").children("dd").css({color:"#fff"});
1142    $(this).children("dl").children("dt").next("dd").css({color:"#fff"})})
1143}else{aftercareMenu_pc();mouseover_effect_ex();
1144    $(".aftercaremainWrap div .caution").slick("unslick");$("#aftercareContainer .caution li .front").on("mouseover focusin",function(){$(this).parent("div").css({"box-shadow":"5px 0px 21px rgba(10,10,10,0.2)"})});
1145    $("#aftercareContainer .caution li .front").on("mouseleave blur",function(){$(this).parent("div").css({"box-shadow":"none"})});
1146    $("body #aftercareContainer .caution dt").css({color:"#333"});
1147    $("body #aftercareContainer .caution dd").css({color:"#adadad"});
1148    $("#aftercareContainer .caution .item07 .add").css({color:"#42c0bf"})
1149}
1150
1151function a(){
1152    if(window.matchMedia("(max-width:1300px)").matches){aftercareMenu_mob();main_slide();
1153        $("body #aftercareContainer .caution dt").css({color:"#fff"});
1154        $("body #aftercareContainer .caution dd").css({color:"#fff"});
1155        $("body #aftercareContainer .caution .add").css({color:"#fff"});
1156        $("#aftercareContainer .caution li .front").on("mouseleave blur",function(){$(this).children("dl").children("dt").css({color:"#fff"});
1157        $(this).children("dl").children("dd").css({color:"#fff"});
1158        $(this).children("dl").children("dt").next("dd").css({color:"#fff"})})
1159    }else{aftercareMenu_pc();mouseover_effect_ex();$(".aftercaremainWrap div .caution").slick("unslick");$("#aftercareContainer .caution li .front").on("mouseover focusin",function(){$(this).parent("div").css({"box-shadow":"5px 0px 21px rgba(10,10,10,0.2)"})});
1160    $("#aftercareContainer .caution li .front").on("mouseleave blur",function(){$(this).parent("div").css({"box-shadow":"none"})});
1161    $("body #aftercareContainer .caution dt").css({color:"#333"});$("body #aftercareContainer .caution dd").css({color:"#adadad"});
1162    $("#aftercareContainer .caution .item07 .add").css({color:"#42c0bf"})}
1163}
1164window.matchMedia("(max-width:1300px)").addListener(a)})}
1165if((navigator.userAgent).indexOf("rv:")>-1){res_motion_explorer()}else{res_motion_chrome()};
1166
1167/* 의료진 소개 */  
1168$("#doc_sec .pic_area .mo_detail").click(function(){
1169    $(this).children("div").css({"transform":"rotate(180deg)"})
1170})
1171
1172$("#doc_sec .doc2_title .page li").click(function(){
1173    $(this).addClass("select").siblings().removeClass("select");
1174})    
1175
1176$(document).ready( function() {   
1177$('.portfolio_item_wrap').isotope({
1178    itemSelector: '.grid-item'
1179});
1180$('#grid').isotope({ filter:"*" });
1181
1182// filter items on button click   
1183$('.page').on( 'click', 'li', function() {
1184    var filterValue = $(this).attr('data-filter');
1185    $('#grid').isotope({ filter: filterValue });
1186});
1187})
1188
1189// 마우스 오버 이벤트 
1190$("#doc_sec div.content .section02 .wrap ul li").on("mouseover focusin",function(){
1191    $(this).children("a").children().prev().css({"transform":"scale(1.15)"}).next().css({"opacity":"1"}).children("div").children("div").css({"transform":"scale(1)"});
1192    $(this).children("div").css({"transform":"translateY(-103px)"}).children("p").prev("p").css({color:"#fff",height:"100%",opacity:"1"}).next("p").css({color:"#fff"});
1193})
1194
1195$("#doc_sec div.content .section02 .wrap ul li").on("mouseleave bulr",function(){
1196    $(this).children("a").children().prev().css({"transform":"scale(1)"}).next().css({"opacity":"0"}).children("div").children("div").css({"transform":"scale(0.6)"})
1197    $(this).children("div").css({"transform":"translateY(0)"}).children("p").prev("p").css({color:"#555",height:"0",opacity:"0"}).next("p").css({color:"#555"})    
1198})
1199
1200$("#doc_sec div.content .section02 .wrap ul li").on("click",function(){
1201    $(this).children("a").children().prev().children("div").children("div").css({"transform":"rotate(180deg)"})
1202})
1203
1204
1205/** 카테고리 변경 **/
1206$('#doc_sec div.content .section02 .wrap ul li').each(function(){ 
1207/*카테고리(영문)*/
1208    var cate_en = $(this).attr("class")
1209    var cate_en2 = cate_en.replace(","," ");
1210    var cate_en3 = cate_en2.replace(",","");  
1211    $(this).attr("class",cate_en3);
1212
1213/*카테고리(한글)*/
1214    var cate_ko = $(this).find(".value").text();
1215    var cate_ko2 = cate_ko.replace(",",""); 
1216    $(this).find(".value").text(cate_ko2);
1217})

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.