‘대한민국 구석구석’ 내 위치기반 서비스'는? 1. 내 현재 위치를 기준으로 여행지까지의 거리를 알려주며, 거리순으로 여행지 리스트를 확인할 수 있습니다. 2. 내 현재 위치를 기준으로 지도 위의 여행지 현황 확인이 가능합니다. 내 위치기반 서비스를 이용하려면? 사용하고 있는 기기 (PC, 모바일 브라우저)에서 “위치서비스 허용”을 해야 서비스 이용이 가능 합니다. 아래 접속 환경별 가이드에 따라 위치서비스 이용을 허용 해 주세요! .theme_contents { width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .title_box { width:100%; text-align: center; border: 1px solid #E0E0EA; border-radius: 5px; display: table; position: relative;height:58px; } .box_txtPhoto .title { position: relative; float: left; display: table-cell; font-size: 20px; padding: 12px 0 0 60px; } .more_view_on, .more_view_off { position: absolute;right:0;top:50%;transform: translateY(-50%); padding: 10px; font-size: medium; cursor: pointer; } .more_view_on:after{content:'';display:inline-block;vertical-align: -5px;margin-left:3px;width:20px;height:20px;background:url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=98de5d86-0a1c-43c0-a49d-3b533957379d) 0 0 / 100% auto no-repeat;} .display_off:after{background-position: 0 -20px;} .more_view_off, .display_off { display: none; cursor: pointer; } .icon_area { width: 58px; padding:0 15px; position:absolute;left:0;top:50%;transform: translateY(-50%); } .icon_area img { width: 100%; } .display_on { display: block; } .image_on { display: none; padding-top: 2%; } .contents_area { padding-bottom: 20px; } @media screen and (max-width: 1023px) { .title_box { width: 100%; height: auto; } .icon_area { width: 40px; padding: 0 10px; } .more_view_on:after{width:16px;height:16px;} .more_view_on, .more_view_off { font-size: 12px;font-weight: 700; } .image_on img { width: 100%; } .box_txtPhoto .title { font-size: 14px; text-align: left;line-height: 17px; padding: 13px 85px 13px 40px } .contents_area { padding-bottom: 15px; } } Microsoft Edge 사용자 Chrome 사용자 안드로이드 폰 사용자(모바일 웹) 아이폰 사용자(모바일 웹) 대한민국 구석구석 APP(안드로이드) 대한민국 구석구석 APP(아이폰) /* 토글 기능 */$('.display_on').click(function(){ $(this).parent().next('.image_on').slideToggle(); $(this).toggle(); $(this).next('.display_off').toggle();});$('.display_off').click(function(){ $(this).parent().next('.image_on').slideToggle(); $(this).toggle(); $(this).prev('.display_on').toggle();}); 앗! 내 위치가 올바르지 않아요! PC의 경우 정확도가 떨어질 수 있는 점 양해 부탁 드리며, 이 경우 지도를 움직여 희망하는 지역에 위치 후 지도 중앙(현재 지도에서 검색) 버튼을 클릭하면, 해당 지도 위치 주변의 여행정보를 검색 할 수 있으니 이용에 참고해 주시기 바랍니다.