.pc_con {display:block;} .mo_contnets {display:none;} .btnArea{border:1px solid red; position:absolute;} .X_btn{ right: 0%; position: absolute; padding: 1%; width: 15%; margin-top: -15%; border: 1px solid; background-color: #333; } .mo_contnets img {width:100%;} #wrapper { width:90%; margin-left:auto; margin-right:auto; } .pop-layer { display: none; position: absolute; width: 90%; height: auto; z-index: 10; } #deemed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; filter:Alpha(opacity=50); opacity: 0.5; background: #000; z-index: 1; } #pop-layer .close { position: absolute; bottom: 5px; right: 5px; } 이 기사에 사용된 이미지의 저작권 침해와 관련하여 테마기사의 무단 사용을 금합니다. @media screen and (max-width: 1023px) { .pc_con {display:none;} .mo_contnets {display:block;} .swiper-wrapper {margin-bottom:10%;}} $(function () { function driveTheme() { var driveThemeSwipter = new Swiper('.driveTheme .swiper-container', { simulateTouch: false, autoHeight: true, loop: false, autoplay: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.swiper-pagination' } }); swiperThumbs(driveThemeSwipter, { scope: '.driveTheme', element: 'swiper-thumbnails' }); $('.btn_autoArea button').on('click touchsrat', function () { if ($(this).closest('.driveTheme').hasClass('active')) { $(this).closest('.driveTheme').removeClass('active'); driveThemeSwipter.autoplay.start(); } else { $(this).closest('.driveTheme').addClass('active'); driveThemeSwipter.autoplay.stop(); } }); $(document).on('click touchend', '.driveTheme .swiper-thumbnails button, .driveTheme .swiper-container', function () { if ($('.driveTheme').addClass('active')) { driveThemeSwipter.autoplay.stop(); } }); } driveTheme(); }); function dEI(elementID) { return document.getElementById(elementID); } /*레이어 팝엽 열기*/ function openLayer(IdName) { var pop = dEI(IdName); pop.style.display = block; $(.pop-layer).css({ top: ( ((($(window).height() - $(.pop-layer).height()) / 3 + $(window).scrollTop())) ) + px, }); var wrap = dEI(wrapper); var reservation = document.createElement(div); reservation.setAttribute(id, deemed); wrap.appendChild(reservation); } /*레이어 팝엽 닫기*/ function closeLayer(IdName) { var pop = dEI(IdName); pop.style.display = none; var clearEl = parent.dEI(deemed); var momEl = parent.dEI(wrapper); momEl.removeChild(clearEl); } $(#deemed).click(function () { $(#deemed).fadeOut(); return false; });