좋아요
조회수
즐겨찾기
인쇄하기
여행지도
공유하기
지역별로 보는 여행재생목록 지도로 보기
지역별로 보는 여행재생목록 지도로 보기 팝업 닫기
지역별로 보는 여행재생목록 지도로 보기 팝업 오늘 하루 보지않기
본문 내용
/* common */ #container { max-width: 940px; color: #000; margin: 0 auto; } .agency { width: 100%; margin: 0 auto; } .agency .mo { display: none; } /* 타이틀영역 */ .agency .page-title { margin: 0 auto; width: 317px; padding: 48px 0; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .agency .divider { width: 48px; margin: 28px 0; border-bottom: 1px solid #231815; } .agency .page-title img { width: auto; } /* 카테고리 이미지3개 영역 */ .agency .categories { display: grid; grid-template-columns: repeat(3, 1fr); position: relative; z-index: 9; } .agency .categories .tab { width: 100%; height: 100%; cursor: pointer; } /* 콘텐츠영역 */ .agency .content { text-align: center; display: none; } .agency .content.on { display: flex; flex-direction: column; gap: 84px; } .agency .content-title { margin-top: 84px; } .agency .content-container img { width: 100%; } .agency .mt { margin-top: -28px; } /* 최하단 배너 */ .banner { width: 100%; } /* 모바일css */ @media screen and (max-width: 1023px) { #container { min-width: 280px; } .agency .mo { display: block; } .agency .pc { display: none; } .agency .deco1 { bottom: -75px; } .agency .deco2 { bottom: -330px; } } 강원명소 1탄. title=[KTX-1박] 강원명소 1탄. href=https://su.ktxtour.co.kr/?pM3shHY coords=950,725,1331,1326 shape=rect> 강원명소 1탄. title=[KTX-1박] 강원명소 1탄. href=https://su.ktxtour.co.kr/?pM3shHY coords=75,1533,448,2118 shape=rect> $(document).ready(function () { $(img[usemap]).rwdImageMaps(); const pcTab = $(.pc .categories .tab); pcTab.on(click, function () { $(img[usemap]).rwdImageMaps(); const index = pcTab.index($(this)); $(.content).removeClass(on); $(.content:eq( + index + )).addClass(on); var offset = $(.content-container).offset(); $(html).animate({ scrollTop: offset.top - 200 }, 400); }); const moTab = $(.mo .categories .tab); moTab.on(click, function () { $(img[usemap]).rwdImageMaps(); const index = moTab.index($(this)); $(.content).removeClass(on); $(.content:eq( + index + )).addClass(on); var offset = $(.content-container).offset(); $(html).animate({ scrollTop: offset.top - 200 }, 400); }); });
한국관광공사에 의해 창작된 은(는) 공공라이선스에 따라 이용할 수 있습니다. 사진 자료의 경우, 피사체에 대한 명예훼손 및 인격권 침해 등 일반 정서에 반하는 용도의 사용 및 기업 CI,BI로의 이용을 금지하며, 상기 지침을 준수하지 않음으로 인해 발생하는 이용자와 제3자간 분쟁에 대해서 한국관광공사는 책임을 지지 않습니다.
- 한국관광공사의 저작물에 기초 -
더보기
여행톡