.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; } $(document).ready(function(){ $('img[usemap]').rwdImageMaps();}) 이 기사에 사용된 이미지의 저작권 침해와 관련하여 테마기사의 무단 사용을 금합니다. @media screen and (max-width: 1023px) { .pc_con {display:none;} .mo_contnets {display:block;} .swiper-wrapper {margin-bottom:10%;} .mo_contnets area {display:block;} .mo_contnets a {display:block;} .mo_contnets map {display:block;}} $(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; }); !function(){use strict;function a(){function a(){function a(a){function c(a){return a*b[1===(d=1-d)?width:height]}var d=0;return a.split(,).map(Number).map(c).map(Math.floor).join(,)}for(var b={width:i.width/j.width,height:i.height/j.height},c=0;g>c;c++)f[c].coords=a(h[c])}function b(){j.onload=function(){(i.width!==j.width||i.height!==j.height)&&a()},j.src=i.src}function c(){function b(){clearTimeout(k),k=setTimeout(a,250)}window.addEventListener?window.addEventListener(resize,b,!1):window.attachEvent&&window.attachEvent(onresize,b)}function d(a){return a.coords.replace(/ *, */g,,).replace(/ +/g,,)}var e=this,f=e.getElementsByTagName(area),g=f.length,h=Array.prototype.map.call(f,d),i=document.querySelector('img[usemap=#'+e.name+']'),j=new Image,k= ;b(),c()}function b(){function b(b){if(!b.tagName)throw new TypeError(Object is not a valid DOM element);if(MAP!==b.tagName.toUpperCase())throw new TypeError(Expected tag, found .);a.call(b)}return function(a){switch(typeof a){caseundefined:casestring:Array.prototype.forEach.call(document.querySelectorAll(a||map),b);break;caseobject:b(a);break;default:throw new TypeError(Unexpected data type (+typeof a+).)}}}function==typeof define&&define.amd?define([],b):object==typeof exports?module.exports=b():window.imageMapResize=b(),jQueryin window&&(jQuery.fn.imageMapResize=function(){return this.filter(map).each(a).end()})}(); var mobileKeyWords = new Array('iPhone', 'iPod', 'iPad'); for (var word in mobileKeyWords){ if (navigator.userAgent.match(mobileKeyWords[word]) != ){ $('map').imageMapResize(); } }