https://badagga.tistory.com/ ko Sun, 23 Aug 2026 06:07:49 +0900 TISTORY 100 Welcome to 바닷家, 바닷가 펜션입니다. https://tistory1.daumcdn.net/tistory/2599730/attach/9b6699f45e784f89943b309c79b5844f https://badagga.tistory.com https://badagga.tistory.com/22 <div style="width:100%; max-width:1100px; margin:0 auto; padding:0 12px; box-sizing:border-box;"> <div style="width:100%; margin:0 auto; overflow:hidden;"> <iframe src="https://calendar.naver.com/publicCalendar.nhn?publishedKey=570c08ff55a30aa730b4ec86eb15dc38" style=" display:block; width:100%; height:720px; border:0; margin:0; padding:0; " frameborder="0"> </iframe> </div> <p style=" margin:22px 0 0; text-align:center; color:#738084; font-size:14px; line-height:1.8; word-break:keep-all; "> 모바일로 보실 때는 해당 날짜를 누른 뒤 예약 현황을 확인해주세요. </p> </div> Reservation Welcome to 바닷家, 바닷가 펜션입니다. https://badagga.tistory.com/22 https://badagga.tistory.com/22#entry22comment Fri, 4 Jan 2019 21:20:17 +0900 https://badagga.tistory.com/notice/21 <p style="text-align: center;"><br /></p><p style="text-align: center;"><br /></p><p style="text-align: center;"><br /></p><p style="text-align: center;"><span style="font-family: Arial;">안녕하세요. 바닷家 펜션입니다.</span></p><p style="text-align: center;"><b><br /></b></p><p style="text-align: center;"><b><span style="font-family: Arial; color: rgb(65, 116, 217);"><span style="color: rgb(102, 153, 255);">최고 성수기, </span><span style="color: rgb(102, 153, 255);">준성수기</span></span></b><span style="font-family: Arial;"> 요금 관련해서&nbsp;안내드립니다.&nbsp;</span><span style="font-family: Arial; font-size: 8pt;">(</span><span style="font-family: Arial; font-size: 8pt;"><b><span style="font-family: Arial;">2017년</span></b><span style="font-family: Arial;">도 기준</span></span><span style="font-family: Arial; font-size: 8pt;">)</span></p><p style="text-align: center;"><span style="font-family: Arial; font-size: 8pt;"><br /></span></p><p style="text-align: center;"><span style="font-family: Arial; font-size: 8pt;"><span style="font-family: Arial; font-size: 8pt;"></span><br /></span></p><p style="text-align: center;"><span style="font-size: 9pt;"></span><br /></p><p style="text-align: center;"><span style="font-family: Arial; font-size: 11pt;">-바닷家&nbsp;</span><span style="font-family: Arial; font-size: 11pt;">기본 성수기 기간</span><font face="Arial"><span style="font-family: Arial; font-size: 11pt;">&nbsp;</span><b><span style="font-family: Arial; font-size: 11pt;">7월-8월 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span><span style="font-family: Arial; font-size: 11pt;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></b></font></p><p style="text-align: center;"><font face="Arial"><span style="font-size: 9pt;"></span><br /></font></p><p style="text-align: center;"><font face="Arial"><span style="font-family: Arial; font-size: 11pt;">-최고&nbsp;</span><span style="font-family: Arial; font-size: 11pt;">성수기 요금 적용 기간</span><span style="font-family: Arial; font-size: 11pt;">&nbsp;</span><b><span style="font-family: Arial; font-size: 11pt;">7월 </span><span style="font-family: Arial; font-size: 11pt;">21일-</span><span style="font-family: Arial; font-size: 11pt;">8월 </span><span style="font-family: Arial; font-size: 11pt;">15일 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></b></font></p><p style="text-align: center;"><font face="Arial"><span style="font-size: 9pt;"></span><br /></font></p><p style="text-align: center;"><font face="Arial"><span style="font-family: Arial; font-size: 11pt;">&nbsp; -그 외는 </span><b><span style="font-family: Arial; font-size: 11pt;">준성수기 요금(13만원) 적용 기간</span></b><span style="font-family: Arial; font-size: 11pt;">입니다. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></font></p><p style="text-align: center;"><font face="Arial"><br /></font></p><p style="text-align: center;"><br /></p><p style="text-align: center;"><br /></p><p style="text-align: center;"><span style="font-family: Arial;">감사합니다.</span></p><p style="text-align: center;"><font face="Arial"><br /></font></p><p style="text-align: center;"><font face="Arial"><br /></font></p> Welcome to 바닷家, 바닷가 펜션입니다. https://badagga.tistory.com/notice/21 Mon, 21 Aug 2017 17:59:00 +0900 https://badagga.tistory.com/13 <div style="width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 4px 60px; color: #4f5d61; font-family: 'Spoqa Han Sans','Noto Sans KR',sans-serif; line-height: 1.8; box-sizing: border-box; word-break: keep-all;"><!-- ======================================== 1. 기본사항 ======================================== --> <div style="width: 100%; margin-bottom: 50px; box-sizing: border-box;"> <div style="margin-bottom: 22px; padding: 0 4px;"> <div style="color: #83a8ad; font-size: 10px; font-weight: 600; letter-spacing: 2.5px; margin-bottom: 4px;">RESERVATION</div> <div style="color: #1f4c60; font-family: 'Noto Serif KR','Nanum Myeongjo',serif; font-size: 27px; font-weight: 500;">1. 기본사항</div> </div> <!-- 문자 문의 안내 --> <div style="width: 100%; box-sizing: border-box; padding: 25px 14px; background: #eef5f4; border: 1px solid #d5e4e3; text-align: center; margin-bottom: 20px;"> <div style="margin-bottom: 8px; color: #1f4c60; font-family: 'Noto Serif KR','Nanum Myeongjo',serif; font-size: 22px; font-weight: 600; line-height: 1.5;">예약 문의는 문자로 남겨주세요.</div> <div style="color: #63777d; font-size: 13px; line-height: 1.8;">예약 내용을 정확하게 확인하고 서로 간의 착오를 줄이기 위해<br />문자 상담을 우선으로 하고 있습니다.</div> </div> <!-- 예약 순서 --> <div style="width: 100%; box-sizing: border-box; border-top: 1px solid #dce5e6; border-bottom: 1px solid #dce5e6; margin-bottom: 20px;"><!-- 01 --> <div style="display: flex; width: 100%; box-sizing: border-box; align-items: flex-start; padding: 16px 6px; border-bottom: 1px solid #edf0f0;"> <div style="width: 30px; min-width: 30px; color: #7fa8ad; font-size: 12px; font-weight: 600; padding-top: 2px;">01</div> <div style="flex: 1; color: #5f7076; font-size: 14px; line-height: 1.8;"><b> 예약 날짜와 총 인원을 문자로 보내주세요. </b> <div style="color: #8c9a9e; font-size: 12px; line-height: 1.6;">예) 8월 15일~17일 (2박 3일) / 성인 2명 &middot; 아동 1명</div> </div> </div> <!-- 02 --> <div style="display: flex; width: 100%; box-sizing: border-box; align-items: flex-start; padding: 16px 6px; border-bottom: 1px solid #edf0f0;"> <div style="width: 30px; min-width: 30px; color: #7fa8ad; font-size: 12px; font-weight: 600; padding-top: 2px;">02</div> <div style="flex: 1; color: #5f7076; font-size: 14px; line-height: 1.8;">예약 가능 여부와 객실 요금을 확인하여 안내드립니다.</div> </div> <!-- 03 --> <div style="display: flex; width: 100%; box-sizing: border-box; align-items: flex-start; padding: 16px 6px;"> <div style="width: 30px; min-width: 30px; color: #7fa8ad; font-size: 12px; font-weight: 600; padding-top: 2px;">03</div> <div style="flex: 1; color: #5f7076; font-size: 14px; line-height: 1.8;">안내 후 <b>24시간 이내 전액 입금</b> 해주시면 예약이 확정됩니다.</div> </div> </div> <!-- 연락처 / 계좌 --> <div style="width: 100%; box-sizing: border-box; padding: 19px 14px; background: #fbfcfb; border: 1px solid #dbe4e6;"> <div style="display: flex; align-items: center; margin-bottom: 13px;"><span style="width: 70px; min-width: 70px; color: #87969b; font-size: 12px;"> 예약문의 </span> <a style="color: #1f4c60; font-size: 17px; font-weight: 600; text-decoration: none;" href="sms:01095959701"> 010-9595-9701 </a> <span style="margin-left: 6px; color: #8e9ca0; font-size: 10.5px;"> 문자문의 </span></div> <div style="display: flex; align-items: center;"><span style="width: 70px; min-width: 70px; color: #87969b; font-size: 12px;"> 입금계좌 </span> <span style="color: #1f4c60; font-size: 14px; font-weight: 600;"> 국민은행 626-24-0044-800 </span> <span style="margin-left: 4px; color: #8a989d; font-size: 11.5px;"> (홍진용) </span></div> </div> </div> <p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size16">&nbsp;</p> <!-- ======================================== 2. 객실요금 안내 ======================================== --> <div style="width: 100%; margin-bottom: 50px; box-sizing: border-box;"><!-- 제목 --> <div style="margin-bottom: 22px; padding: 0 4px;"> <div style="color: #83a8ad; font-size: 10px; font-weight: 600; letter-spacing: 2.5px; margin-bottom: 4px;">ROOM RATE</div> <div style="color: #1f4c60; font-family: 'Noto Serif KR','Nanum Myeongjo',serif; font-size: 27px; font-weight: 500;">2. 객실요금 안내</div> </div> <!-- 객실 기본정보 --> <div style="width: 100%; box-sizing: border-box; margin-bottom: 26px; padding: 14px 15px; background: #f7f9f9; border: 1px solid #e0e7e8; color: #64767b; font-size: 13px;"><span style="color: #1f4c60; font-weight: 600;"> 바닷家 </span> <span style="color: #bcc5c7; margin: 0 8px;">|</span> 온돌 <span style="color: #bcc5c7; margin: 0 8px;">|</span> 최대 <b>5명</b> <span style="color: #98a4a8; font-size: 10px; margin-left: 3px;"> 유아&middot;아동 포함 </span></div> <!-- ======================================== 일반요금 ========================================= --> <div style="margin-bottom: 30px;"> <div style="margin: 0 3px 9px;"><span style="color: #1f4c60; font-size: 15px; font-weight: 600;"> 일반요금 </span> <span style="margin-left: 7px; color: #9aa6aa; font-size: 10.5px;"> REGULAR SEASON </span></div> <table style="width: 100%; table-layout: fixed; border-collapse: collapse; text-align: center; border-top: 2px solid #517583;" data-ke-align="alignLeft"> <thead> <tr style="background: #f3f7f7; color: #496874;"> <th style="width: 50%; padding: 11px 4px; border-bottom: 1px solid #dce5e6; font-size: 11.5px; font-weight: 600;">주중</th> <th style="width: 50%; padding: 11px 4px; border-bottom: 1px solid #dce5e6; font-size: 11.5px; font-weight: 600;">주말 &middot; 공휴일</th> </tr> </thead> <tbody> <tr> <td style="padding: 17px 4px; border-bottom: 1px solid #e2e8e9; color: #1f4c60; font-size: 16px; font-weight: 600;">10만원</td> <td style="padding: 17px 4px; border-bottom: 1px solid #e2e8e9; color: #1f4c60; font-size: 16px; font-weight: 600;">13만원</td> </tr> </tbody> </table> <div style="margin-top: 9px; padding: 0 4px; color: #8c999d; font-size: 11.5px; line-height: 1.7;">주중 : 일 &middot; 월 &middot; 화 &middot; 수 &middot; 목 &middot; 금<br />주말 : 토요일 &middot; 공휴일</div> </div> <!-- ======================================== 성수기요금 ========================================= --> <div style="margin-bottom: 22px;"> <div style="margin: 0 3px 9px;"><span style="color: #1f4c60; font-size: 15px; font-weight: 600;"> 성수기요금 </span> <span style="margin-left: 7px; color: #9aa6aa; font-size: 10.5px;"> PEAK SEASON </span></div> <table style="width: 100%; table-layout: fixed; border-collapse: collapse; text-align: center; border-top: 2px solid #517583;" data-ke-align="alignLeft"> <thead> <tr style="background: #f3f7f7; color: #496874;"> <th style="width: 33.33%; padding: 11px 2px; border-bottom: 1px solid #dce5e6; font-size: 11.5px; font-weight: 600;">주중</th> <th style="width: 33.33%; padding: 11px 2px; border-bottom: 1px solid #dce5e6; font-size: 11.5px; font-weight: 600;">주말</th> <th style="width: 33.33%; padding: 11px 2px; border-bottom: 1px solid #dce5e6; font-size: 11.5px; font-weight: 600;">최고성수기</th> </tr> </thead> <tbody> <tr> <td style="padding: 17px 2px; border-bottom: 1px solid #e2e8e9; color: #1f4c60; font-size: 16px; font-weight: 600;">13만원</td> <td style="padding: 17px 2px; border-bottom: 1px solid #e2e8e9; color: #1f4c60; font-size: 16px; font-weight: 600;">15만원</td> <td style="padding: 17px 2px; border-bottom: 1px solid #e2e8e9; color: #1f4c60; font-size: 16px; font-weight: 600;">17만원</td> </tr> </tbody> </table> </div> <!-- 성수기 기간 안내 --> <div style="width: 100%; box-sizing: border-box; margin-top: 20px; padding: 16px 14px; background: #f4f8f8; border-left: 3px solid #7fa8ad;"> <div style="margin-bottom: 7px; color: #1f4c60; font-size: 14px; font-weight: 600;">성수기 기간 안내</div> <div style="color: #76868b; font-size: 12.5px; line-height: 1.9;">성수기는 7&middot;8월경, 연말&middot;연초에 적용되며 <b>성수기 및 최고성수기 적용 날짜는 매년 변동됩니다.</b> 정확한 기간은 공지사항을 확인해 주세요. <div style="margin-top: 10px; padding-top: 10px; border-top: 1px solid #dfe8e8;"><span style="color: #50666e; font-weight: 600;"> 2026년 최고성수기 </span> <span style="margin-left: 5px;"> 7월 17일 ~ 8월 22일 </span> <br /><span style="color: #87969a; font-size: 11.5px;"> ※ 최고성수기 기간은 2박 이상 연박 예약으로만 진행됩니다. </span></div> </div> </div> </div> <p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size16">&nbsp;</p> <!-- ======================================== 3. 객실 사용 시 유의사항 ======================================== --> <div style="width: 100%; margin-bottom: 50px; box-sizing: border-box;"> <div style="margin-bottom: 22px; padding: 0 4px;"> <div style="color: #83a8ad; font-size: 10px; font-weight: 600; letter-spacing: 2.5px; margin-bottom: 4px;">INFORMATION</div> <div style="color: #1f4c60; font-family: 'Noto Serif KR','Nanum Myeongjo',serif; font-size: 27px; font-weight: 500;">3. 객실 사용 시 유의사항</div> </div> <!-- 입퇴실 --> <div style="display: flex; width: 100%; box-sizing: border-box; margin-bottom: 18px; border: 1px solid #dbe4e6; background: #fbfcfc; text-align: center;"> <div style="width: 50%; padding: 18px 5px; box-sizing: border-box; border-right: 1px solid #e1e8e9;"> <div style="color: #88a7ac; font-size: 9px; letter-spacing: 1.5px; margin-bottom: 4px;">CHECK IN</div> <div style="color: #1f4c60; font-size: 18px; font-weight: 600;">오후 2시 30분</div> </div> <div style="width: 50%; padding: 18px 5px; box-sizing: border-box;"> <div style="color: #88a7ac; font-size: 9px; letter-spacing: 1.5px; margin-bottom: 4px;">CHECK OUT</div> <div style="color: #1f4c60; font-size: 18px; font-weight: 600;">오전 11시 30분</div> </div> </div> <div style="width: 100%; box-sizing: border-box; margin-bottom: 22px; padding: 12px 8px; background: #f7f4ed; color: #67645b; font-size: 12px; text-align: center;">펜션의 원활한 운영을 위해 입&middot;퇴실 시간을 꼭 지켜주세요.</div> <!-- 이용수칙 --> <div style="width: 100%; box-sizing: border-box; border-top: 1px solid #dce5e6; color: #65757a; font-size: 13px; line-height: 1.8;"> <div style="display: flex; padding: 13px 5px; border-bottom: 1px solid #edf0f0;"><b>01&nbsp;</b> <span>객실 내부에서는 금연입니다.</span></div> <div style="display: flex; padding: 13px 5px; border-bottom: 1px solid #edf0f0;"><b>02&nbsp;</b> <span>애완동물과 함께 입실하실 수 없습니다.</span></div> <div style="display: flex; padding: 13px 5px; border-bottom: 1px solid #edf0f0;"><b>03</b> <span>&nbsp;다른 이용객의 편안한 휴식을 위해 무분별한 음주 및 고성방가를 금합니다.</span></div> <div style="display: flex; padding: 13px 5px; border-bottom: 1px solid #edf0f0;"><b>04</b> <span>&nbsp;고기는 지정된 장소에서만 구워주세요.</span></div> <div style="display: flex; padding: 13px 5px; border-bottom: 1px solid #edf0f0;"><b>05</b> <div>&nbsp;실내&middot;외에서는 화재 예방을 위해 반드시 불조심해 주세요. <div style="margin-top: 5px; color: #8a7770; font-size: 11.5px;">※ 객실 내 인덕션 외 다른 화기의 사용은 절대 금지됩니다.</div> </div> </div> <div style="display: flex; padding: 13px 5px; border-bottom: 1px solid #edf0f0;"><b>06</b> <span>&nbsp;이용자의 부주의로 인한 사고에 대해서는 책임지지 않습니다.</span></div> <div style="display: flex; padding: 13px 5px; border-bottom: 1px solid #edf0f0;"><b>07</b> <span>&nbsp;퇴실 시 쓰레기는 반드시 분리수거해 주시고, 사용하신 식기류는 깨끗이 세척하여 정돈해 주세요. </span></div> <div style="display: flex; padding: 13px 5px; border-bottom: 1px solid #edf0f0;"><b>08</b> <div>&nbsp;보호자를 동반하지 않은 미성년자는 입실하실 수 없습니다. <div style="margin-top: 5px; color: #8a7770; font-size: 11.5px;">※ 저희 펜션은 보호자를 동반하지 않은 미성년자, 대학생 단체의 입실은 제한합니다!</div> </div> </div> <div style="display: flex; padding: 13px 5px; border-bottom: 1px solid #edf0f0;"><b>09</b> <span>&nbsp;바닷家 펜션은 휴식을 위한 공간으로, 그 외의 목적으로 이용하실 수 없습니다. </span></div> <div style="display: flex; padding: 13px 5px; border-bottom: 1px solid #edf0f0;"><b>10&nbsp;</b> <span> 예약 시 약속된 인원을 초과하여 입실하는 경우 퇴실 조치될 수 있습니다. </span></div> </div> </div> <p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size16">&nbsp;</p> <p data-ke-size="size16">&nbsp;</p> <!-- ======================================== 4. 예약 취소시 환불규정 ======================================== --> <div style="width: 100%; margin-bottom: 30px; box-sizing: border-box;"> <div style="margin-bottom: 18px; padding: 0 4px;"> <div style="color: #83a8ad; font-size: 10px; font-weight: 600; letter-spacing: 2.5px; margin-bottom: 4px;">CANCELLATION POLICY</div> <div style="color: #1f4c60; font-family: 'Noto Serif KR','Nanum Myeongjo',serif; font-size: 27px; font-weight: 500;">4. 예약 취소시 환불규정</div> </div> <div style="width: 100%; box-sizing: border-box; padding: 18px 10px; background: #f4f8f8; border: 1px solid #dce6e7; text-align: center; color: #687b80; font-size: 13px; line-height: 1.8;"><figure class="fileblock" data-ke-align="alignCenter"><a href="https://blog.kakaocdn.net/dn/cHR5S3/dJMcah6ADS2/PxqQ5Wtqe2wEinA5n2Xue0/%ED%99%98%EB%B6%88%20%EA%B7%9C%EC%A0%95.hwp?attach=1&amp;knm=tfile.hwp" class=""> <div class="image"></div> <div class="desc"><div class="filename"><span class="name">환불 규정.hwp</span></div> <div class="size">0.02MB</div> </div> </a></figure> <p data-ke-size="size16">&nbsp;</p> </div> </div> </div> Information Welcome to 바닷家, 바닷가 펜션입니다. https://badagga.tistory.com/13 https://badagga.tistory.com/13#entry13comment Mon, 9 Jan 2017 13:53:14 +0900 https://badagga.tistory.com/11 <p style="text-align: center;" data-ke-size="size16">&nbsp;</p> <p style="text-align: center;" data-ke-size="size16">&nbsp;</p> <p><iframe mapdata="map_type=TYPE_MAP&amp;map_hybrid=false&amp;idx=1&amp;title=&amp;addr=%EA%B2%BD%EC%83%81%EB%B6%81%EB%8F%84%20%EC%9A%B8%EC%A7%84%EA%B5%B0%20%EA%B7%BC%EB%82%A8%EB%A9%B4&amp;tel=&amp;mapX=1037148&amp;mapY=969533&amp;ifrW=490px&amp;ifrH=362px&amp;addtype=1&amp;map_level=4&amp;rcode=3742033&amp;docid=&amp;confirmid=&amp;mapWidth=490&amp;mapHeight=362&amp;mapInfo=%7B%22version%22%3A2%2C%22mapWidth%22%3A490%2C%22mapHeight%22%3A362%2C%22mapCenterX%22%3A1037148%2C%22mapCenterY%22%3A969533%2C%22mapLevel%22%3A4%2C%22coordinate%22%3A%22wcongnamul%22%2C%22markInfo%22%3A%5B%7B%22type%22%3A%22marker%22%2C%22x%22%3A1037617.5%2C%22y%22%3A969643.75%2C%22coordinate%22%3A%22wcongnamul%22%2C%22zIndex%22%3A0%2C%22icon%22%3A%7B%22src%22%3A%22http%3A%2F%2Fi1.daumcdn.net%2Flocalimg%2Flocalimages%2F07%2F2012%2Fattach%2Fpc_img%2Fico_comm_150409.png%22%2C%22spriteWidth%22%3A110%2C%22spriteHeight%22%3A130%2C%22spriteOriginX%22%3A29%2C%22spriteOriginY%22%3A-2%2C%22width%22%3A20%2C%22height%22%3A30%2C%22offsetX%22%3A9%2C%22offsetY%22%3A28%7D%2C%22content%22%3A%22%EC%9A%B8%EC%A7%84%20%EB%B0%94%EB%8B%B7%EA%B0%80%20%ED%8E%9C%EC%85%98%22%7D%5D%2C%22graphicInfo%22%3A%5B%5D%2C%22roadviewInfo%22%3A%5B%5D%7D&amp;toJSONString=" src="/proxy/plusmapViewer.php?id=emap_817697" id="emap_817697" width="540px" height="350px" frameborder="0" scrolling="no" data-ke-type="map" data-maps-data="map_type=TYPE_MAP&amp;map_hybrid=false&amp;idx=1&amp;title=&amp;addr=%EA%B2%BD%EC%83%81%EB%B6%81%EB%8F%84%20%EC%9A%B8%EC%A7%84%EA%B5%B0%20%EA%B7%BC%EB%82%A8%EB%A9%B4&amp;tel=&amp;mapX=1037148&amp;mapY=969533&amp;ifrW=490px&amp;ifrH=362px&amp;addtype=1&amp;map_level=4&amp;rcode=3742033&amp;docid=&amp;confirmid=&amp;mapWidth=490&amp;mapHeight=362&amp;mapInfo=%7B%22version%22%3A2%2C%22mapWidth%22%3A490%2C%22mapHeight%22%3A362%2C%22mapCenterX%22%3A1037148%2C%22mapCenterY%22%3A969533%2C%22mapLevel%22%3A4%2C%22coordinate%22%3A%22wcongnamul%22%2C%22markInfo%22%3A%5B%7B%22type%22%3A%22marker%22%2C%22x%22%3A1037617.5%2C%22y%22%3A969643.75%2C%22coordinate%22%3A%22wcongnamul%22%2C%22zIndex%22%3A0%2C%22icon%22%3A%7B%22src%22%3A%22http%3A%2F%2Fi1.daumcdn.net%2Flocalimg%2Flocalimages%2F07%2F2012%2Fattach%2Fpc_img%2Fico_comm_150409.png%22%2C%22spriteWidth%22%3A110%2C%22spriteHeight%22%3A130%2C%22spriteOriginX%22%3A29%2C%22spriteOriginY%22%3A-2%2C%22width%22%3A20%2C%22height%22%3A30%2C%22offsetX%22%3A9%2C%22offsetY%22%3A28%7D%2C%22content%22%3A%22%EC%9A%B8%EC%A7%84%20%EB%B0%94%EB%8B%B7%EA%B0%80%20%ED%8E%9C%EC%85%98%22%7D%5D%2C%22graphicInfo%22%3A%5B%5D%2C%22roadviewInfo%22%3A%5B%5D%7D&amp;toJSONString=" data-ke-align="alignCenter"></iframe></p> <p style="text-align: center;" data-ke-size="size16">&nbsp;</p> <p style="text-align: center;" data-ke-size="size16">&nbsp;</p> <p style="text-align: center;" data-ke-size="size16">경상북도 울진군 근남면 망양정로 981</p> <p style="text-align: center;" data-ke-size="size16">(산포리 669번지)</p> <p style="text-align: center;" data-ke-size="size16">&nbsp;</p> Traffic Guide Welcome to 바닷家, 바닷가 펜션입니다. https://badagga.tistory.com/11 https://badagga.tistory.com/11#entry11comment Sun, 8 Jan 2017 22:28:46 +0900 https://badagga.tistory.com/8 <div> <style> /* ========================================================= 바닷家 객실 안내 ========================================================= */ .badagga-room-page{ width:100%; max-width:900px; margin:0 auto; padding:20px 4px 60px; box-sizing:border-box; color:#4f5d61; font-family:'Spoqa Han Sans','Noto Sans KR',sans-serif; line-height:1.8; word-break:keep-all; } /* ========================================================= 상단 ========================================================= */ .badagga-main-head{ margin:0 4px 28px; } .badagga-eng{ color:#83a8ad; font-size:10px; font-weight:600; letter-spacing:2.5px; margin-bottom:4px; } .badagga-main-title{ color:#1f4c60; font-family:'Noto Serif KR','Nanum Myeongjo',serif; font-size:28px; font-weight:500; } /* ========================================================= 시설 안내 ========================================================= */ .badagga-facilities{ margin-bottom:55px; } .badagga-facilities-title{ margin:0 4px 10px; color:#83a8ad; font-size:10px; font-weight:600; letter-spacing:2px; } .badagga-facility-table{ width:100%; box-sizing:border-box; border-top:2px solid #517583; border-bottom:1px solid #dce5e6; } .badagga-facility-row{ display:flex; width:100%; box-sizing:border-box; border-bottom:1px solid #e2e8e9; } .badagga-facility-row:last-child{ border-bottom:0; } .badagga-facility-label{ width:92px; min-width:92px; box-sizing:border-box; padding:15px 7px; background:#f3f7f7; color:#496874; font-size:12px; font-weight:600; text-align:center; } .badagga-facility-content{ flex:1; padding:15px 13px; box-sizing:border-box; color:#5f7076; font-size:13px; } /* ========================================================= 갤러리 제목 ========================================================= */ .badagga-gallery-head{ margin-bottom:7px; text-align:center; } .badagga-gallery-title{ color:#1f4c60; font-family:'Noto Serif KR','Nanum Myeongjo',serif; font-size:25px; font-weight:500; } /* 사진 클릭 안내 */ .badagga-gallery-guide{ margin:0 0 36px; color:#8b9a9e; font-size:11.5px; text-align:center; } /* ========================================================= 공간별 섹션 ========================================================= */ .badagga-section{ margin-bottom:58px; } .badagga-section-head{ margin:0 4px 13px; } .badagga-section-eng{ color:#83a8ad; font-size:9px; font-weight:600; letter-spacing:1.8px; margin-bottom:1px; } .badagga-section-title{ color:#1f4c60; font-family:'Noto Serif KR','Nanum Myeongjo',serif; font-size:20px; font-weight:500; } /* ========================================================= 전체 전경 ========================================================= */ .badagga-cover{ width:100%; aspect-ratio:16 / 9; overflow:hidden; background:#eef2f2; } .badagga-cover p, .badagga-cover figure, .badagga-cover span{ display:block !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } .badagga-cover img{ display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; } /* ========================================================= 슬라이드 ========================================================= */ .badagga-slider{ position:relative; width:100%; aspect-ratio:16 / 9; overflow:hidden; background:#eef2f2; touch-action:pan-y; } .badagga-track{ display:flex; width:100%; height:100%; transition:transform .5s cubic-bezier(.22,.61,.36,1); will-change:transform; } .badagga-slide{ flex:0 0 100%; width:100%; min-width:100%; height:100%; box-sizing:border-box; overflow:hidden; display:flex; align-items:center; justify-content:center; background:#eef2f2; } .badagga-slide p, .badagga-slide figure, .badagga-slide span{ display:block !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } .badagga-slide img{ display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; } /* ========================================================= 화살표 ========================================================= */ .badagga-arrow{ position:absolute; top:50%; z-index:10; width:40px; height:40px; padding:0; margin:0; border:1px solid rgba(255,255,255,.28); border-radius:50%; transform:translateY(-50%); background:rgba(25,54,64,.58); color:#fff; box-shadow:0 2px 10px rgba(0,0,0,.12); font-family:Arial,sans-serif; font-size:26px; font-weight:300; line-height:37px; text-align:center; cursor:pointer; } .badagga-prev{ left:10px; } .badagga-next{ right:10px; } /* ========================================================= 사진 번호 ========================================================= */ .badagga-counter{ position:absolute; right:10px; bottom:10px; z-index:10; min-width:44px; box-sizing:border-box; padding:4px 9px; border-radius:20px; background:rgba(25,54,64,.62); color:#fff; font-size:10px; letter-spacing:.5px; text-align:center; } /* ========================================================= 슬라이드 점 ========================================================= */ .badagga-dots{ display:flex; justify-content:center; align-items:center; gap:6px; margin-top:11px; } .badagga-dot{ display:block; width:5px; height:5px; padding:0; border:0; border-radius:50%; background:#ced8da; cursor:pointer; } .badagga-dot.active{ width:18px; border-radius:10px; background:#6f969d; } /* ========================================================= 욕실 안내 ========================================================= */ .badagga-note{ margin-top:14px; padding:12px 14px; box-sizing:border-box; background:#f4f8f8; border-left:3px solid #7fa8ad; color:#718287; font-size:11.5px; line-height:1.8; } /* ========================================================= 모바일 ========================================================= */ @media screen and (max-width:600px){ .badagga-room-page{ width:100%; max-width:none; padding:15px 0 45px; } .badagga-main-head{ margin-left:8px; margin-right:8px; } .badagga-main-title{ font-size:26px; } .badagga-facilities{ padding:0 4px; } .badagga-gallery-head{ padding:0 7px; } .badagga-gallery-guide{ padding:0 7px; margin-bottom:32px; font-size:11px; } .badagga-section-head{ margin-left:8px; margin-right:8px; } .badagga-section-title{ font-size:20px; } /* 모바일 사진은 4:3으로 크게 */ .badagga-slider, .badagga-cover{ width:100% !important; aspect-ratio:4 / 3 !important; max-height:none !important; } .badagga-track, .badagga-slide{ height:100% !important; } .badagga-slide img, .badagga-cover img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; } /* 모바일 화살표 */ .badagga-arrow{ width:37px; height:37px; line-height:34px; font-size:24px; } .badagga-prev{ left:7px; } .badagga-next{ right:7px; } .badagga-counter{ right:8px; bottom:8px; } .badagga-note{ margin-left:6px; margin-right:6px; } } </style> </div> <div class="badagga-room-page"><!-- ========================================================= 상단 ========================================================= --> <div class="badagga-main-head"> <div class="badagga-eng">ROOMS</div> <div class="badagga-main-title">바닷家 객실 안내</div> </div> <!-- ========================================================= 시설 안내 ========================================================= --> <div class="badagga-facilities"> <div class="badagga-facilities-title">FACILITIES</div> <div class="badagga-facility-table"> <div class="badagga-facility-row"> <div class="badagga-facility-label">객실구성</div> <div class="badagga-facility-content">넓은 거실 및 주방, 방 1, 욕실, 개별 바베큐장</div> </div> <div class="badagga-facility-row"> <div class="badagga-facility-label">객실</div> <div class="badagga-facility-content">에어컨 2, 선풍기 2, 드라이기, TV, 와이파이</div> </div> <div class="badagga-facility-row"> <div class="badagga-facility-label">주방</div> <div class="badagga-facility-content">싱크대, 냉장고, 전기밥솥, 전자레인지, 인덕션, 취사도구, 식기류, 수저일체</div> </div> <div class="badagga-facility-row"> <div class="badagga-facility-label">욕실</div> <div class="badagga-facility-content">수건, 비누, 치약, 샴푸, 린스, 비데, 탈수기 샤워&middot;화장실</div> </div> <div class="badagga-facility-row"> <div class="badagga-facility-label">야외</div> <div class="badagga-facility-content">바베큐그릴, 야자숯(기본분 무료), 부탄가스버너, 야외수도</div> </div> </div> </div> <!-- ========================================================= 갤러리 제목 ========================================================= --> <div class="badagga-gallery-head"> <div class="badagga-eng">ROOM GALLERY</div> <div class="badagga-gallery-title">바닷家 공간 둘러보기</div> </div> <div class="badagga-gallery-guide">사진을 누르면 전체 화면으로 볼 수 있습니다.</div> <!-- ========================================================= 전체 전경 ========================================================= --> <div class="badagga-section"> <div class="badagga-section-head"> <div class="badagga-section-eng">EXTERIOR</div> <div class="badagga-section-title">전체 전경</div> </div> <div class="badagga-cover"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="전체전경.jpg" data-origin-width="720" data-origin-height="478"><span data-url="https://blog.kakaocdn.net/dn/cQq6cL/dJMcafARSrl/6Gf5dAW4HlDvhNUMKHOpvk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/cQq6cL/dJMcafARSrl/6Gf5dAW4HlDvhNUMKHOpvk/img.jpg"><img src="https://blog.kakaocdn.net/dn/cQq6cL/dJMcafARSrl/6Gf5dAW4HlDvhNUMKHOpvk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcQq6cL%2FdJMcafARSrl%2F6Gf5dAW4HlDvhNUMKHOpvk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="720" height="478" data-filename="전체전경.jpg" data-origin-width="720" data-origin-height="478"/></span></figure> </div> </div> <!-- ========================================================= 입구 ========================================================= --> <div class="badagga-section"> <div class="badagga-section-head"> <div class="badagga-section-eng">ENTRANCE</div> <div class="badagga-section-title">입구</div> </div> <div class="badagga-slider"> <div class="badagga-track"> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="입구.jpg" data-origin-width="720" data-origin-height="478"><span data-url="https://blog.kakaocdn.net/dn/dF70pK/dJMcaa7sEFm/ahkTZuCQvGIHAvkO7eoCMK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/dF70pK/dJMcaa7sEFm/ahkTZuCQvGIHAvkO7eoCMK/img.jpg"><img src="https://blog.kakaocdn.net/dn/dF70pK/dJMcaa7sEFm/ahkTZuCQvGIHAvkO7eoCMK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdF70pK%2FdJMcaa7sEFm%2FahkTZuCQvGIHAvkO7eoCMK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="720" height="478" data-filename="입구.jpg" data-origin-width="720" data-origin-height="478"/></span></figure> </div> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="입구2.jpg" data-origin-width="710" data-origin-height="1262"><span data-url="https://blog.kakaocdn.net/dn/H60st/dJMcajpBnjU/fdJNNWIjlPhmv4eZJoNRhK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/H60st/dJMcajpBnjU/fdJNNWIjlPhmv4eZJoNRhK/img.jpg"><img src="https://blog.kakaocdn.net/dn/H60st/dJMcajpBnjU/fdJNNWIjlPhmv4eZJoNRhK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FH60st%2FdJMcajpBnjU%2FfdJNNWIjlPhmv4eZJoNRhK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="710" height="1262" data-filename="입구2.jpg" data-origin-width="710" data-origin-height="1262"/></span></figure> </div> </div> <button class="badagga-arrow badagga-prev" type="button">&lsaquo;</button> <button class="badagga-arrow badagga-next" type="button">&rsaquo;</button> <div class="badagga-counter">1 / 2</div> </div> <div class="badagga-dots">&nbsp;</div> </div> <!-- ========================================================= 거실 4 → 3 → 2 → 1 ========================================================= --> <div class="badagga-section"> <div class="badagga-section-head"> <div class="badagga-section-eng">LIVING ROOM</div> <div class="badagga-section-title">거실</div> </div> <div class="badagga-slider"> <div class="badagga-track"><!-- 거실4 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="거실4.jpg" data-origin-width="705" data-origin-height="940"><span data-url="https://blog.kakaocdn.net/dn/zhUW3/dJMcafgAXPT/VekWj2o6WNTpMzO7iKHxo1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/zhUW3/dJMcafgAXPT/VekWj2o6WNTpMzO7iKHxo1/img.jpg"><img src="https://blog.kakaocdn.net/dn/zhUW3/dJMcafgAXPT/VekWj2o6WNTpMzO7iKHxo1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FzhUW3%2FdJMcafgAXPT%2FVekWj2o6WNTpMzO7iKHxo1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="705" height="940" data-filename="거실4.jpg" data-origin-width="705" data-origin-height="940"/></span></figure> </div> <!-- 거실3 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="거실3.jpg" data-origin-width="697" data-origin-height="463"><span data-url="https://blog.kakaocdn.net/dn/b1r2Lx/dJMcafgAXPR/zcX0M7oElJFLMbtdZgg1I1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/b1r2Lx/dJMcafgAXPR/zcX0M7oElJFLMbtdZgg1I1/img.jpg"><img src="https://blog.kakaocdn.net/dn/b1r2Lx/dJMcafgAXPR/zcX0M7oElJFLMbtdZgg1I1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb1r2Lx%2FdJMcafgAXPR%2FzcX0M7oElJFLMbtdZgg1I1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="697" height="463" data-filename="거실3.jpg" data-origin-width="697" data-origin-height="463"/></span></figure> </div> <!-- 거실2 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="거실2.jpg" data-origin-width="673" data-origin-height="377"><span data-url="https://blog.kakaocdn.net/dn/qAzdc/dJMcahZGZiG/DFgZKFX9z5x9GNMLK71OH0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/qAzdc/dJMcahZGZiG/DFgZKFX9z5x9GNMLK71OH0/img.jpg"><img src="https://blog.kakaocdn.net/dn/qAzdc/dJMcahZGZiG/DFgZKFX9z5x9GNMLK71OH0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FqAzdc%2FdJMcahZGZiG%2FDFgZKFX9z5x9GNMLK71OH0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="673" height="377" data-filename="거실2.jpg" data-origin-width="673" data-origin-height="377"/></span></figure> </div> <!-- 거실1 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="거실1.jpg" data-origin-width="710" data-origin-height="399"><span data-url="https://blog.kakaocdn.net/dn/lPhsW/dJMcafARSrj/OxKZAY7zcSGTbkKhnDP0Z1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/lPhsW/dJMcafARSrj/OxKZAY7zcSGTbkKhnDP0Z1/img.jpg"><img src="https://blog.kakaocdn.net/dn/lPhsW/dJMcafARSrj/OxKZAY7zcSGTbkKhnDP0Z1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlPhsW%2FdJMcafARSrj%2FOxKZAY7zcSGTbkKhnDP0Z1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="710" height="399" data-filename="거실1.jpg" data-origin-width="710" data-origin-height="399"/></span></figure> </div> </div> <button class="badagga-arrow badagga-prev" type="button">&lsaquo;</button> <button class="badagga-arrow badagga-next" type="button">&rsaquo;</button> <div class="badagga-counter">1 / 4</div> </div> <div class="badagga-dots">&nbsp;</div> </div> <!-- ========================================================= 주방 ========================================================= --> <div class="badagga-section"> <div class="badagga-section-head"> <div class="badagga-section-eng">KITCHEN</div> <div class="badagga-section-title">주방</div> </div> <div class="badagga-slider"> <div class="badagga-track"> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="주방1.jpg" data-origin-width="699" data-origin-height="464"><span data-url="https://blog.kakaocdn.net/dn/ce03Pd/dJMcaa7sEFl/Q0Yox5Mck4KO7kxxc4U6T0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/ce03Pd/dJMcaa7sEFl/Q0Yox5Mck4KO7kxxc4U6T0/img.jpg"><img src="https://blog.kakaocdn.net/dn/ce03Pd/dJMcaa7sEFl/Q0Yox5Mck4KO7kxxc4U6T0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fce03Pd%2FdJMcaa7sEFl%2FQ0Yox5Mck4KO7kxxc4U6T0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="699" height="464" data-filename="주방1.jpg" data-origin-width="699" data-origin-height="464"/></span></figure> </div> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="주방2.jpg" data-origin-width="710" data-origin-height="399"><span data-url="https://blog.kakaocdn.net/dn/t5kVC/dJMcafgAXPS/p4KOnCZfiJXXbEzEiKKj91/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/t5kVC/dJMcafgAXPS/p4KOnCZfiJXXbEzEiKKj91/img.jpg"><img src="https://blog.kakaocdn.net/dn/t5kVC/dJMcafgAXPS/p4KOnCZfiJXXbEzEiKKj91/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Ft5kVC%2FdJMcafgAXPS%2Fp4KOnCZfiJXXbEzEiKKj91%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="710" height="399" data-filename="주방2.jpg" data-origin-width="710" data-origin-height="399"/></span></figure> </div> </div> <button class="badagga-arrow badagga-prev" type="button">&lsaquo;</button> <button class="badagga-arrow badagga-next" type="button">&rsaquo;</button> <div class="badagga-counter">1 / 2</div> </div> <div class="badagga-dots">&nbsp;</div> </div> <!-- ========================================================= 식탁 · 테이블 ========================================================= --> <div class="badagga-section"> <div class="badagga-section-head"> <div class="badagga-section-eng">DINING</div> <div class="badagga-section-title">식탁 &middot; 테이블</div> </div> <div class="badagga-slider"> <div class="badagga-track"> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="식탁테이블1.jpg" data-origin-width="820" data-origin-height="1093"><span data-url="https://blog.kakaocdn.net/dn/plxzA/dJMcafARSrn/ApTSTZ21PrRkcSwapcFb9K/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/plxzA/dJMcafARSrn/ApTSTZ21PrRkcSwapcFb9K/img.jpg"><img src="https://blog.kakaocdn.net/dn/plxzA/dJMcafARSrn/ApTSTZ21PrRkcSwapcFb9K/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FplxzA%2FdJMcafARSrn%2FApTSTZ21PrRkcSwapcFb9K%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="820" height="1093" data-filename="식탁테이블1.jpg" data-origin-width="820" data-origin-height="1093"/></span></figure> </div> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="식탁테이블2.jpg" data-origin-width="720" data-origin-height="960"><span data-url="https://blog.kakaocdn.net/dn/dXo15O/dJMcaa7sEFo/QYVhcKzidRehk7cKLtE611/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/dXo15O/dJMcaa7sEFo/QYVhcKzidRehk7cKLtE611/img.jpg"><img src="https://blog.kakaocdn.net/dn/dXo15O/dJMcaa7sEFo/QYVhcKzidRehk7cKLtE611/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdXo15O%2FdJMcaa7sEFo%2FQYVhcKzidRehk7cKLtE611%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="720" height="960" data-filename="식탁테이블2.jpg" data-origin-width="720" data-origin-height="960"/></span></figure> </div> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="식탁테이블3.jpg" data-origin-width="706" data-origin-height="469"><span data-url="https://blog.kakaocdn.net/dn/bx7Ww4/dJMcahZGZiH/WKjQIE0k968cSumEIJuwX0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bx7Ww4/dJMcahZGZiH/WKjQIE0k968cSumEIJuwX0/img.jpg"><img src="https://blog.kakaocdn.net/dn/bx7Ww4/dJMcahZGZiH/WKjQIE0k968cSumEIJuwX0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbx7Ww4%2FdJMcahZGZiH%2FWKjQIE0k968cSumEIJuwX0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="706" height="469" data-filename="식탁테이블3.jpg" data-origin-width="706" data-origin-height="469"/></span></figure> </div> </div> <button class="badagga-arrow badagga-prev" type="button">&lsaquo;</button> <button class="badagga-arrow badagga-next" type="button">&rsaquo;</button> <div class="badagga-counter">1 / 3</div> </div> <div class="badagga-dots">&nbsp;</div> </div> <!-- ========================================================= 객실 3 → 2 ========================================================= --> <div class="badagga-section"> <div class="badagga-section-head"> <div class="badagga-section-eng">BEDROOM</div> <div class="badagga-section-title">객실</div> </div> <div class="badagga-slider"> <div class="badagga-track"><!-- 방3 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="방3.jpg" data-origin-width="702" data-origin-height="466"><span data-url="https://blog.kakaocdn.net/dn/bYqWNt/dJMb99N5IBu/Kn2pZ0YXKVb7zb9hFfaU60/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bYqWNt/dJMb99N5IBu/Kn2pZ0YXKVb7zb9hFfaU60/img.jpg"><img src="https://blog.kakaocdn.net/dn/bYqWNt/dJMb99N5IBu/Kn2pZ0YXKVb7zb9hFfaU60/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbYqWNt%2FdJMb99N5IBu%2FKn2pZ0YXKVb7zb9hFfaU60%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="702" height="466" data-filename="방3.jpg" data-origin-width="702" data-origin-height="466"/></span></figure> </div> <!-- 방2 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="방2.jpg" data-origin-width="697" data-origin-height="1238"><span data-url="https://blog.kakaocdn.net/dn/daR0qP/dJMcahZGZiI/u1SIxYAKkfMjFWzqzJ84ek/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/daR0qP/dJMcahZGZiI/u1SIxYAKkfMjFWzqzJ84ek/img.jpg"><img src="https://blog.kakaocdn.net/dn/daR0qP/dJMcahZGZiI/u1SIxYAKkfMjFWzqzJ84ek/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdaR0qP%2FdJMcahZGZiI%2Fu1SIxYAKkfMjFWzqzJ84ek%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="697" height="1238" data-filename="방2.jpg" data-origin-width="697" data-origin-height="1238"/></span></figure> </div> </div> <button class="badagga-arrow badagga-prev" type="button">&lsaquo;</button> <button class="badagga-arrow badagga-next" type="button">&rsaquo;</button> <div class="badagga-counter">1 / 2</div> </div> <div class="badagga-dots">&nbsp;</div> </div> <!-- ========================================================= 욕실 3 → 2 → 1 ========================================================= --> <div class="badagga-section"> <div class="badagga-section-head"> <div class="badagga-section-eng">BATHROOM</div> <div class="badagga-section-title">욕실</div> </div> <div class="badagga-slider"> <div class="badagga-track"><!-- 욕실3 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="욕실3.jpg" data-origin-width="705" data-origin-height="468"><span data-url="https://blog.kakaocdn.net/dn/bSOAgY/dJMcafgAXPQ/jTR6KeZFdoPVZUiYY6h8gk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bSOAgY/dJMcafgAXPQ/jTR6KeZFdoPVZUiYY6h8gk/img.jpg"><img src="https://blog.kakaocdn.net/dn/bSOAgY/dJMcafgAXPQ/jTR6KeZFdoPVZUiYY6h8gk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbSOAgY%2FdJMcafgAXPQ%2FjTR6KeZFdoPVZUiYY6h8gk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="705" height="468" data-filename="욕실3.jpg" data-origin-width="705" data-origin-height="468"/></span></figure> </div> <!-- 욕실2 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="욕실2.jpg" data-origin-width="680" data-origin-height="451"><span data-url="https://blog.kakaocdn.net/dn/4Tidc/dJMcaa7sEFk/HCm526RabBg89RCyKTAQuk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/4Tidc/dJMcaa7sEFk/HCm526RabBg89RCyKTAQuk/img.jpg"><img src="https://blog.kakaocdn.net/dn/4Tidc/dJMcaa7sEFk/HCm526RabBg89RCyKTAQuk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F4Tidc%2FdJMcaa7sEFk%2FHCm526RabBg89RCyKTAQuk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="680" height="451" data-filename="욕실2.jpg" data-origin-width="680" data-origin-height="451"/></span></figure> </div> <!-- 욕실1 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="욕실1.jpg" data-origin-width="710" data-origin-height="1262"><span data-url="https://blog.kakaocdn.net/dn/c3K95a/dJMcafgAXPU/07SMwScNBZajAdq0VeHty0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/c3K95a/dJMcafgAXPU/07SMwScNBZajAdq0VeHty0/img.jpg"><img src="https://blog.kakaocdn.net/dn/c3K95a/dJMcafgAXPU/07SMwScNBZajAdq0VeHty0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc3K95a%2FdJMcafgAXPU%2F07SMwScNBZajAdq0VeHty0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="710" height="1262" data-filename="욕실1.jpg" data-origin-width="710" data-origin-height="1262"/></span></figure> </div> </div> <button class="badagga-arrow badagga-prev" type="button">&lsaquo;</button> <button class="badagga-arrow badagga-next" type="button">&rsaquo;</button> <div class="badagga-counter">1 / 3</div> </div> <div class="badagga-dots">&nbsp;</div> <div class="badagga-note">※ 겨울철에는 욕실 내 라디에이터를 설치하며, 탈수기가 구비되어 있습니다.</div> </div> <!-- ========================================================= 바베큐장 2 → 1 → 3 ========================================================= --> <div class="badagga-section"> <div class="badagga-section-head"> <div class="badagga-section-eng">PRIVATE BBQ</div> <div class="badagga-section-title">개별 바베큐장</div> <div style="margin-top: 3px; color: #96a3a7; font-size: 11px;">나무숯 무료 제공</div> </div> <div class="badagga-slider"> <div class="badagga-track"><!-- 바베큐2 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="바베큐2.jpg" data-origin-width="710" data-origin-height="399"><span data-url="https://blog.kakaocdn.net/dn/oJO84/dJMcaa7sEFj/QfIKifsyEcMA7gmytDSTnK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/oJO84/dJMcaa7sEFj/QfIKifsyEcMA7gmytDSTnK/img.jpg"><img src="https://blog.kakaocdn.net/dn/oJO84/dJMcaa7sEFj/QfIKifsyEcMA7gmytDSTnK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoJO84%2FdJMcaa7sEFj%2FQfIKifsyEcMA7gmytDSTnK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="710" height="399" data-filename="바베큐2.jpg" data-origin-width="710" data-origin-height="399"/></span></figure> </div> <!-- 바베큐1 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="바베큐1.jpg" data-origin-width="609" data-origin-height="390"><span data-url="https://blog.kakaocdn.net/dn/bbkjkh/dJMcajpBnjT/6NeRszFS2oq8ZfrFmKsGMk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bbkjkh/dJMcajpBnjT/6NeRszFS2oq8ZfrFmKsGMk/img.jpg"><img src="https://blog.kakaocdn.net/dn/bbkjkh/dJMcajpBnjT/6NeRszFS2oq8ZfrFmKsGMk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbbkjkh%2FdJMcajpBnjT%2F6NeRszFS2oq8ZfrFmKsGMk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="609" height="390" data-filename="바베큐1.jpg" data-origin-width="609" data-origin-height="390"/></span></figure> </div> <!-- 바베큐3 --> <div class="badagga-slide"><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="바베큐3.jpg" data-origin-width="720" data-origin-height="478"><span data-url="https://blog.kakaocdn.net/dn/bntCk8/dJMcafARSrk/93XabOXrh6tgya4luNdVE1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bntCk8/dJMcafARSrk/93XabOXrh6tgya4luNdVE1/img.jpg"><img src="https://blog.kakaocdn.net/dn/bntCk8/dJMcafARSrk/93XabOXrh6tgya4luNdVE1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbntCk8%2FdJMcafARSrk%2F93XabOXrh6tgya4luNdVE1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="720" height="478" data-filename="바베큐3.jpg" data-origin-width="720" data-origin-height="478"/></span></figure> </div> </div> <button class="badagga-arrow badagga-prev" type="button">&lsaquo;</button> <button class="badagga-arrow badagga-next" type="button">&rsaquo;</button> <div class="badagga-counter">1 / 3</div> </div> <div class="badagga-dots">&nbsp;</div> </div> </div> <!-- ========================================================= 슬라이드 작동 ※ 사진 확대 기능은 넣지 않음 ========================================================= --> <script> (function(){ var sliders = document.querySelectorAll('.badagga-slider'); sliders.forEach(function(slider){ var track = slider.querySelector('.badagga-track'); var slides = slider.querySelectorAll('.badagga-slide'); var prev = slider.querySelector('.badagga-prev'); var next = slider.querySelector('.badagga-next'); var counter = slider.querySelector('.badagga-counter'); var section = slider.closest('.badagga-section'); var dotsWrap = section ? section.querySelector('.badagga-dots') : null; var index = 0; var startX = 0; var endX = 0; /* ========================= 점 생성 ========================= */ if(dotsWrap){ dotsWrap.innerHTML = ''; slides.forEach(function(slide, i){ var dot = document.createElement('button'); dot.type = 'button'; dot.className = 'badagga-dot'; if(i === 0){ dot.classList.add('active'); } dot.addEventListener( 'click', function(){ index = i; update(); } ); dotsWrap.appendChild(dot); }); } /* ========================= 화면 갱신 ========================= */ function update(){ track.style.transform = 'translate3d(-' + (index * 100) + '%,0,0)'; if(counter){ counter.textContent = (index + 1) + ' / ' + slides.length; } if(dotsWrap){ var dots = dotsWrap.querySelectorAll( '.badagga-dot' ); dots.forEach( function(dot, i){ if(i === index){ dot.classList.add( 'active' ); }else{ dot.classList.remove( 'active' ); } } ); } } /* ========================= 이전 버튼 ========================= */ if(prev){ prev.addEventListener( 'click', function(e){ e.preventDefault(); e.stopPropagation(); index = (index - 1 + slides.length) % slides.length; update(); } ); } /* ========================= 다음 버튼 ========================= */ if(next){ next.addEventListener( 'click', function(e){ e.preventDefault(); e.stopPropagation(); index = (index + 1) % slides.length; update(); } ); } /* ========================= 모바일 스와이프 ========================= */ slider.addEventListener( 'touchstart', function(e){ startX = e.changedTouches[0].clientX; }, { passive:true } ); slider.addEventListener( 'touchend', function(e){ endX = e.changedTouches[0].clientX; var diff = startX - endX; if(Math.abs(diff) < 50){ return; } if(diff > 0){ index = (index + 1) % slides.length; }else{ index = (index - 1 + slides.length) % slides.length; } update(); }, { passive:true } ); update(); }); })(); </script> Preview 민박 바닷가 울진 펜션 Welcome to 바닷家, 바닷가 펜션입니다. https://badagga.tistory.com/8 https://badagga.tistory.com/8#entry8comment Sat, 7 Jan 2017 17:06:17 +0900