본문 내용
.life_theme_cont {margin:0 auto;width:940px;font-size:0;} .life_theme_cont .pc {display:block;} .life_theme_cont .mo {display:none;} .life_theme_cont .map {position:relative;overflow:hidden;} .life_theme_cont .map a {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;text-indent:-9999px;} .life_theme_cont .map a.btn_map_1 {top:61%;left:41%;width:16%;height:9%;} .life_theme_cont .map a.btn_map_2 {top:42%;left:34%;width:16%;height:10%;} .life_theme_cont .map a.btn_map_3 {top:15%;left:56%;width:16%;height:10%;} .life_theme_cont .map a.btn_map_4 {top:73%;left:69%;width:20%;height:9%;} .life_theme_cont .map a.btn_map_5 {top:66%;left:56%;width:16%;height:9%;} .life_theme_cont .map a.btn_map_6 {top:51%;left:78%;width:19%;height:9%;} .life_theme_cont .map a.btn_map_7 {top:53%;left:22%;width:16%;height:10.5%;} .life_theme_cont .map a.btn_map_8 {top:51%;left:57%;width:19%;height:10%;} .life_theme_cont .map a.btn_map_9 {top:76%;left:22%;width:18%;height:9%;} .life_theme_cont .map a.btn_map_10 {top:36%;left:47%;width:16%;height:10%;} .life_theme_cont .map a.btn_map_11 {top:70.5%;left:39%;width:16%;height:9%;} .life_theme_cont .map a.btn_map_12 {top:72%;left:6%;width:16%;height:9%;} .life_theme_cont .map a.btn_map_13 {top:62%;left:76%;width:20%;height:9%;} .life_theme_cont .map a.btn_map_14 {top:22%;left:68%;width:16%;height:11%;} .life_theme_cont .map a.btn_map_15 {top:46.5%;left:8%;width:16%;height:9%;} .life_theme_cont .area {padding:20px 0;} .life_theme_cont .area div {position:relative;margin:40px 0;} .life_theme_cont .area div img {margin:0 auto;} .life_theme_cont .area div a {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;text-indent:-9999px;} .life_theme_cont .area div a.btn_homepage {left:25%;} .life_theme_cont .area div a.btn_detail {left:73%;width:16%;} .life_theme_cont .area1 a.btn_homepage {top:70%;width:24%;height:9%;} .life_theme_cont .area2 a.btn_homepage {top:70%;width:21%;height:9%;} .life_theme_cont .area3 a.btn_homepage {top:70%;width:25%;height:9%;} .life_theme_cont .area4 a.btn_homepage {top:70%;width:46%;height:9%;} .life_theme_cont .area5 a.btn_homepage {top:70%;width:25%;height:9%;} .life_theme_cont .area6 a.btn_homepage {top:70%;width:17%;height:9%;} .life_theme_cont .area7 a.btn_homepage {top:72%;width:27%;height:9%;} .life_theme_cont .area8 a.btn_homepage {top:70%;width:24%;height:9%;} .life_theme_cont .area9 a.btn_homepage {top:72%;width:15%;height:9%;} .life_theme_cont .area10 a.btn_homepage {top:73%;width:15%;height:9%;} .life_theme_cont .area11 a.btn_homepage {top:70%;width:0;height:9%;} .life_theme_cont .area12 a.btn_homepage {top:65%;width:41%;height:18%;} .life_theme_cont .area13 a.btn_homepage {top:72%;width:33%;height:9%;} .life_theme_cont .area14 a.btn_homepage {top:72%;width:29%;height:9%;} .life_theme_cont .area15 a.btn_homepage {top:70%;width:33%;height:9%;} .life_theme_cont .area1 a.btn_detail {top:59%;height:31%;} .life_theme_cont .area2 a.btn_detail {top:59%;height:31%;} .life_theme_cont .area3 a.btn_detail {top:59%;height:31%;} .life_theme_cont .area4 a.btn_detail {top:59%;height:31%;} .life_theme_cont .area5 a.btn_detail {top:59%;height:31%;} .life_theme_cont .area6 a.btn_detail {top:59%;height:31%;} .life_theme_cont .area7 a.btn_detail {top:62%;height:29%;} .life_theme_cont .area8 a.btn_detail {top:59%;height:31%;} .life_theme_cont .area9 a.btn_detail {top:62%;height:29%;} .life_theme_cont .area10 a.btn_detail {top:64%;height:27%;} .life_theme_cont .area11 a.btn_detail {top:59%;height:0;} .life_theme_cont .area12 a.btn_detail {top:66%;height:26%;} .life_theme_cont .area13 a.btn_detail {top:62%;height:29%;} .life_theme_cont .area14 a.btn_detail {top:61%;height:30%;} .life_theme_cont .area15 a.btn_detail {top:59%;height:31%;} @media screen and (max-width:940px) { .life_theme_cont {width:auto;} .life_theme_cont img {width:100%;} .life_theme_cont .pc {display:none;} .life_theme_cont .mo {display:block;} .life_theme_cont .map a.btn_map_1 {top:65%;left:38%;width:19%;height:8%;} .life_theme_cont .map a.btn_map_2 {top:45%;left:32%;width:16%;height:10%;} .life_theme_cont .map a.btn_map_3 {top:20%;left:53%;width:17%;height:10%;} .life_theme_cont .map a.btn_map_4 {top:73%;left:69%;width:20%;height:11%;} .life_theme_cont .map a.btn_map_5 {top:68%;left:55%;width:16%;height:9%;} .life_theme_cont .map a.btn_map_6 {top:53%;left:78%;width:19%;height:10%;} .life_theme_cont .map a.btn_map_7 {top:56%;left:19%;width:17%;height:10.5%;} .life_theme_cont .map a.btn_map_8 {top:53%;left:55%;width:19%;height:10%;} .life_theme_cont .map a.btn_map_9 {top:78%;left:21%;width:20%;height:8%;} .life_theme_cont .map a.btn_map_10 {top:39%;left:45%;width:18%;height:10%;} .life_theme_cont .map a.btn_map_11 {top:71.5%;left:35%;width:22%;height:9%;} .life_theme_cont .map a.btn_map_12 {top:75%;left:3%;width:17%;height:9%;} .life_theme_cont .map a.btn_map_13 {top:63%;left:74%;width:23%;height:9%;} .life_theme_cont .map a.btn_map_14 {top:26%;left:68%;width:18%;height:11%;} .life_theme_cont .map a.btn_map_15 {top:48.5%;left:3%;width:22%;height:9%;} .life_theme_cont .area {padding:10px 0;} .life_theme_cont .area div {margin:10px;} .life_theme_cont .area div a.btn_homepage {left:27%;} .life_theme_cont .area div a.btn_detail {left:6%;width:88%;} .life_theme_cont .area1 a.btn_homepage {top:56%;width:44%;height:9%;} .life_theme_cont .area2 a.btn_homepage {top:54%;width:42%;height:9%;} .life_theme_cont .area3 a.btn_homepage {top:54%;width:64%;height:9%;} .life_theme_cont .area4 a.btn_homepage {top:57%;width:59%;height:13%;} .life_theme_cont .area5 a.btn_homepage {top:59%;width:52%;height:9%;} .life_theme_cont .area6 a.btn_homepage {top:59%;width:32%;height:8%;} .life_theme_cont .area7 a.btn_homepage {top:59%;width:53%;height:9%;} .life_theme_cont .area8 a.btn_homepage {top:54%;width:48%;height:9%;} .life_theme_cont .area9 a.btn_homepage {top:61%;width:43%;height:9%;} .life_theme_cont .area10 a.btn_homepage {top:66%;width:45%;height:9%;} .life_theme_cont .area11 a.btn_homepage {top:56%;width:0;height:9%;} .life_theme_cont .area12 a.btn_homepage {top:52%;width:62%;height:20%;} .life_theme_cont .area13 a.btn_homepage {top:59%;width:56%;height:9%;} .life_theme_cont .area14 a.btn_homepage {top:59%;width:50%;height:9%;} .life_theme_cont .area15 a.btn_homepage {top:56%;width:60%;height:9%;} .life_theme_cont .area1 a.btn_detail {top:80%;height:13%;} .life_theme_cont .area2 a.btn_detail {top:80.5%;height:13%;} .life_theme_cont .area3 a.btn_detail {top:80.5%;height:13%;} .life_theme_cont .area4 a.btn_detail {top:82.2%;height:12%;} .life_theme_cont .area5 a.btn_detail {top:81%;height:13%;} .life_theme_cont .area6 a.btn_detail {top:81%;height:13%;} .life_theme_cont .area7 a.btn_detail {top:81%;height:13%;} .life_theme_cont .area8 a.btn_detail {top:81%;height:13%;} .life_theme_cont .area9 a.btn_detail {top:82.2%;height:12%;} .life_theme_cont .area10 a.btn_detail {top:85%;height:10%;} .life_theme_cont .area11 a.btn_detail {top:80%;height:0;} .life_theme_cont .area12 a.btn_detail {top:83%;height:12%;} .life_theme_cont .area13 a.btn_detail {top:81%;height:13%;} .life_theme_cont .area14 a.btn_detail {top:81%;height:13%;} .life_theme_cont .area15 a.btn_detail {top:80%;height:13%;} } 1 함양 2 청주 3 속초 4 통영 5 사천 6 포항 7 전주 8 대구 9 강진 10 충주 11 하동 12 해남 13 부산 14 강릉 15 서천 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 홈페이지 상세정보 보러가기 $(function(){ $(.life_theme_cont .map a).click(function(){ var targ = $(this).attr(href); fnScrollDown(targ); return false; }); }); function fnScrollDown(pid){ var posY = $(pid).offset().top; var gnb = $(#gnbMain).height(); posY = posY - gnb - 20; $(html, body).animate({scrollTop: posY}, 200); }
조회수
연관정보
해당 여행기사에서 소개된 여행지들이 마음에 드시나요?
평가를 해주시면 개인화 추천 시 활용하여 최적의 여행지를 추천해 드리겠습니다.
여행톡
여행톡
등록된 댓글이 없습니다.