2021년 바다여행은 누구보다 안전하게! 안심여행 즐기세요! 전국 유명 해수욕장/해변의 혼잡도 상황을 신호등으로 제공합니다. 추천 바다여행 정보는 덤! /* 와이드로 만들기 */ #contents { width: 100%; padding: 0 } .tit_cont .btn_titview { right: 4px; } .btm_team, .tit_cont, .wrap_reply, .postBtnWrap, .pictureInfo, .authorWriting, .area_lic, .top_logo, .surroundingsInfo, .replyWrap, .tag { max-width: 980px; width: 100%; margin-left: auto; margin-right: auto; } .box_modInfo .pictureInfo { margin: 36px auto; } .btm_team.team_marg { margin: 40px auto 10px; } .tit_cont { padding: 0 30px 30px 15px; } .post_area { padding-right: 15px; } .box_modInfo { padding: 20px 15px 0; } .btm_team.team_marg, .surroundingsInfo { padding: 0 15px; } .replyWrap .write { padding: 0 15px; } .replyWrap .wrap_reply { padding: 0 15px; } .btm_team { border-top: none; } .inr { border-top: 1px solid #ccc; } /* 모바일 이격 대응 */.curation_area {margin: unset;}.theme_con { width: 100%; max-width:1920px; background-image: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=099cedca-83cb-4457-9219-ba61289be41a); background-repeat: no-repeat; background-position: top; position: relative; font-family: 'NanumSquare', sans-serif !important; height:1940px; display: inline-block;} .con_time {width:1280px; text-align:left; font-size: 18px; font-weight:900; padding-top: 734px; margin: 0 auto; padding-right: 10px;}.info01 {text-align:left; width:880px; float:left;} .info02 {text-align:right; float:right;}/* 2c1da9fb-8a84-400e-b478-2f0ae3ce056b PC 해더*/.theme_con_body {width:1280px; box-sizing:border-box; padding-top: 16px; position: relative; margin: 0 auto;}.sea_map_area {width:880px; border-radius: 15px;float: left; }.sea_map_area:after {clear:both;}.map_header {width:100%; border-radius:10px;}.sea_list_area {width:30%;}.map_haader_wrap {border-radius: 13px; background-color: #fff; height:285px;}.header_title {font-size: 32px; padding-top: 2.6%; }.search_area_right img {width:70%;}.strong_title {font-weight: bold;}.map_btn_wrap { padding-top: 3.6%; position:relative;}.map_btn { width: 18%; padding: 0.9% 0% 0.9% 0.7%; border: 2px solid #000000; border-radius: 50px; font-size: 1.2vw; font-weight: 900; color: #000; text-align: left; padding-left: 5%; position:relative;}.map_btn:hover, .map_btn.selected {background-color: #0086f5; color:#fff; content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=b6e84033-6ff7-467c-b3cb-9801f5e5bea9);}.map_btn:nth-child(2), .map_btn:nth-child(3), .map_btn:nth-child(4) {margin-left: 1.6%;}.map_horizon {width: 96.5%; height: 1px; border-top: 2px solid #000; margin-top: 3.7%;}.map_honjap_wrap {padding-top: 2.9%; width: 100%; display: inline-block;}.honjap_title { display: inline-block; font-size: 32px; float: left; width: 40%;}.honjap_title:after {clear:both;}.sinho_icon {width:35%; margin-right: 5%; display: inline-block; float: left;}.sinho_icon:after {clear:both;}.sinho_icon img {width:100%; float: left;}.sinho_icon img:after {clear:both;}.singo_btn_wrap {width:60%; float: left; padding-top: 0.7%; padding-left: 0.9%;}.singo_btn_wrap:after {clear:both;}.sinho_btn { font-size: 0.9vw; display: inline-block; width:18%; text-align: left; vertical-align: middle; font-weight: 900;}.map_btn img {width: 15%; max-width: 10px; position: absolute; top: 35%; padding-left: 5%;}.map_header_wrap_wrap {padding-left:3.2%;}/* 1d982571-4c09-42c3-be41-048414e8cc55 흰색 */.map_body { width: 100%; height: 760px; background-color: #fff; margin-top: 15px; border-radius: 15px;}.sea_list_area { width: 380px; float: left; margin-left: 20px; background-color: #fff; height: 1060px; border-radius: 15px; text-align: center;}.sea_list_area:after {clear:both;}.sea_title { text-align: center; margin-top: 11.3%; font-size: 32px; line-height: 1.3;}.region_select {text-align: center; width: 85%; background-color: #000; color: #fff; border-radius: 5px; display: inline-block; margin: 15% auto 0 auto; position: relative; padding: 2.5% 0%;}.region_select p { text-align: center; display: inline-block;}.select_icon {position:absolute; right:5%; ;top: 20%;}.search_area_left {width: 85%; margin: 0 auto; margin-top: 5.5%; border-radius: 5px; border: 1px solid #000; position: relative; height: 50px; text-align: left;}.theme_input {margin-left: 1%; text-align: left; height: 40px; position: absolute; top: 5%; border: 0px;}.reset_btn {position: absolute; right: 18%; top: 15%; cursor:pointer;} .search_area_right { width: 50px; position: absolute; right: 0; top: 0; background-color: #000; padding: 3%; height: 50px; cursor:pointer; text-align:center;}.theme_con input:focus {outline:none !important;}.sea_spot_list {width:100%; display:table; text-align:center;}.sgg, .sinhoarea, .sptonm { display: table-cell; padding: 2.5% 0%; border: 0.5px solid #ccc; font-size: 18px; font-weight: 600; color: #000;}.sgg, .sinhoarea {width:30%;}.sgg {border-right:0.25px;}.sinhoarea {border-left:0.25px;}.sptonm {width:40%; }.thbg {background-color:#eee;}.sea_spot_list_wrap {width:85%; margin:0 auto; margin-top:8%; height: 710px; overflow-y: auto;}.sinhoarea img {width:20%;} .sea_spot_list_wrap::-webkit-scrollbar { width: 10px; } .sea_spot_list_wrap::-webkit-scrollbar-thumb { background-color: #b3b3b3; border-radius: 10px; } .sea_spot_list_wrap::-webkit-scrollbar-track { background-color: #f7f7f7; border-radius: 10px; box-shadow: inset 0px 0px 5px white; }.etc_sea_area {background-image:url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=d4f8c0ee-ca63-40e3-b0d0-d306d75f61a6); background-repeat:no-repeat; width:100%;background-size: 100%;}.recom_sea_area,.etc_sea_area,.etc2_sea_area,.theme_footer {width:100%; text-align: center; display: inline-block;}.recom_sea_area img,.etc_sea_area img,.etc2_sea_area img,.theme_footer img {width:100%;}.qu_list, .etc_list {width:100% max-width:1280px; margin:0 auto;}.recom_sea_area {margin-top:10%;}.qu_list_wrap {width:100%; max-width:1280px; display: inline-block; margin: 0 auto;}.qu_wrap {margin-top:5%;}.seainfo_sinho{width: 28% !important; position: absolute; bottom: 30%; left: 30%;}.etc_list {width:100%; max-width: 1280px; font-size: 0; }.etc_sea_area .etc_list {padding-top:17%;}.etc_sea_area .etc_list .qu_spot {width: 25%; display: inline-block; font-size: 0; padding: 0.5%; box-sizing: border-box; }.etc2_sea_area .etc_list .qu_spot {width: 25%; display: inline-block; font-size: 0; padding: 0.5%; box-sizing: border-box; }.etc2_sea_area {padding-bottom:5%;}.strong_red {color:#ff3e3e;}.theme_mo {display:none;}.con_time2 { display:none; }.pc_con {display:block;}.mo_con {display:none;}.pd5 {padding:5% 0%;}.region_wrap {position:relative; cursor:pointer;}.region_layer {position:absolute; width:85%; padding:5%; top:100%; z-index: 1; background-color: #f7f7f7; display:none; left: 7.5%;}.region_layer li {width: 49%; display: inline-block; text-align: center; padding: 0; border: 0px solid #e4e4e4; box-sizing: border-box;}.region_layer li:hover {background-color:#202020; color:#fff;}.close_layer {display:none;}.floating_layer {display:none; width: 10%; position: fixed; bottom: 0px; right: 0;}.ani {animation-duration: 1s; animation-name: movement; animation-iteration-count: infinite;}.theme_load {display:none; width:100%; height:100%; position:absolute; z-index: 1000; }.dimbg {background-color:#000; opacity:.5; top:0; width: 100%; height:100%;}.theme_load_img { width: 30%; position: absolute; top: 2%; left: 35%; z-index: 1000;}.qu_list .qu_spot, .etc2_sea_area .qu_spot {cursor:pointer;}#reset_icon {display:none; cursor:pointer;}.labeling {background-color: black; border-radius: 15px; color: #fff; font-size: .8em; padding: 3%; width: 100px; }.theme_big_wrap {text-align:center;}@keyframes movement { 0% { bottom: 5%; } 100% { bottom: 0%; }}.infobox {width: 240px; display: inline-block; background-color: #fff; border-radius: 5px;}.Xclose_btn {text-align: right; padding-right: 3%; width:100%;}.detail_wrap {padding-left: 5%; text-align:left;}.detail_btn {width: 90%; position: relative; display: inline-block; background-color: #0087f5; padding: 1.5% 0%; border-radius: 5px; margin: 3% auto 5% auto; text-align: center; color: #fff; }.none_data {width:100%;}.reset_btn {display:none;}.info_image_wrap {margin-bottom:5%;} ※ 해수욕장 혼잡도 신호등 정보는 해양수산부 OPEN API 를 통해 제공하고 있습니다. 기준 시간 : 2021년 7월 14일 오후 10시 30분 ※ 해수욕장 혼잡도 신호등 정보는 해양수산부 OPEN API 를 통해 제공하고 있습니다. 기준 시간 : 2021년 7월 14일 오후 10시 30분 바다별 추천 해수욕장 보기 #전체 #동해 #서해 #남해 한적한 해수욕장 찾기 가고 싶은 해수욕장 을 검색해 보세요! 지역 선택 ▼ ▲ 강원도 경상남도 경상북도 부산시 울산시 인천시 전라남도 전북특별자치도 제주도 충청남도 시군구 해수욕장명 혼잡도 var selected_region =; function ThemeSwiper() { var percnt = 4; if ($(window).width() = (mo_offset - top_height) && st = 1024) { $('.floating_layer').css(display,block); setTimeout(function(){ $('.floating_layer').css(display,none); },3000); } else { $('.floating_text').css(display,block); setTimeout(function(){ $('.floating_text').css(display,none); },3000); }}function makedata(){ /* 현재 있는 값 체크*/ var region_text = selected_region ; var serch_keyword = $('#search_keyword').val(); var sinhoicon =; if (region_text== && serch_keyword==) { } else { $('.reset_btn').css(display,block); } /* 데이터를 초기화 시키고 */ $('.sea_spot_list_make .sea_spot_list, .none_data').remove(); for(var i=0; i '; bhtml += ' '+dsgg+' '; bhtml += ' '+dpoinm+' '; bhtml += ' '; bhtml += ' '; bhtml += ' '; bhtml += ' '; $('.sea_spot_list_make').append(bhtml); } } if ($('.sea_spot_list_make .sea_spot_list').attr(name)==undefined) { $('.sea_spot_list_make').append(' 검색된 데이터가 없습니다. 검색조건을 변경하여 검색해 보세요! '); }}var maplevel = 13;let overlayList = [];let overlayLabelList = [];function hideOverlayLabelList() { for (let i = 0; i =1024) { switch(seagubun) { case 1 : maplevel=11; centerX=37.1763579; centerY=128.9511502; break; /*동해*/ case 2 : maplevel=11; centerX=36.8687909; centerY=126.935752; break; /*서해*/ case 3 : maplevel=11; centerX=35.2446598; centerY=127.7713333; break; /*남해*/ default: maplevel=13; centerX=35.4876322; centerY=127.8571633; break; } } else { switch(seagubun) { case 1 : maplevel=13; centerX=37.18542; centerY=128.9816113; break; /*동해*/ case 2 : maplevel=13; centerX=35.92794013440528; centerY=126.09606615198886; break; /*서해*/ case 3 : maplevel=13; centerX=34.248131318465276; centerY=127.9275938722829; break; /*남해*/ default: maplevel=13; centerX=35.4876322; centerY=127.8571633; break; } } var mapContainer = document.getElementById('map'), mapOption = { center: new kakao.maps.LatLng(centerX, centerY), level: maplevel }; var map = new kakao.maps.Map(mapContainer, mapOption); var selectedMarker = ; var selectedOverlay = ; var selectedconID = ; for (var i = 0; i ['+dsgg+'] '+dpoinm+' 개장기간 :'+dstartdt+'~'+denddt+' 수용인원 : 4,725명 --> 상세보기 '; var labeling =' '+dpoinm+' '; var overlay = new kakao.maps.CustomOverlay({ position: new kakao.maps.LatLng(dX, dY), zIndex: 22222, content: content }); overlayList.push(overlay); /* 해수욕장명칭을 보여주는 라벨 */ var overlaylabel = new kakao.maps.CustomOverlay({ position: new kakao.maps.LatLng(dX, dY), xAnchor: -0.1, yAnchor: 1.3, content: labeling }); overlayLabelList.push(overlaylabel); kakao.maps.event.addListener(marker, 'click', function() { $('.infobox').hide(); $('#' + overlayKey).show(); }); } addOverlayList(map); kakao.maps.event.addListener(map, 'zoom_changed', function(e) { const level = map.getLevel(); if (level @media screen and (max-width: 1023px) {.Xclose_btn img {max-width:10px;}.info_image_wrap img {max-width:84px;}.info_image_wrap a img {max-width:94px;}.detail_btn img {max-width:20px;}.reset_btn {max-width:34px;}.recom_sea_area {padding:1%;}.theme_mo {display:block; width:100%;}.theme_mo img {width:100%;}.theme_con {background-image:none; background-color:#f7e2be; height:auto;}.mo_btn_wrap {font-size:0px;}.mo_btn_wrap div {width:33.3%; display:inline-block}.theme_con_body {width: 100%;}.con_time { display:none; }.con_time2 { display:block; width:100%; margin: 3% 0%;}.theme_con_body { padding-top: 0px;}.info01, .info02 {width:80%; margin:0 auto; text-align:center; float:none;}.sea_map_area { width: 100%; float: none; padding: 3%;}.header_title { font-size: x-large; padding-top: 7%; text-align: center;}.map_btn_wrap { text-align: center; }.map_btn { width: 20%; font-size: 3vw;}.map_btn img { width: 10%; top: 30%; padding-left: 5%;}.honjap_title { display: inline-block; font-size: x-large; float: none; width: 100%; text-align: center; }.singo_btn_wrap {text-align:center; width: 100%;}.singo_btn_wrap img {width:70%;}#reset_icon {width:10%; }.map_haader_wrap { height: auto; padding-bottom: 5%;}.map_body {height: 400px; }.sea_list_area { width: 92%; margin: 0 auto; padding: 3% 0%; float: none; margin-left: auto; height: 720px; text-align: center;}.sea_spot_list_wrap {width: 90%; margin: 0 auto; margin-top: 8%; height: 360px; overflow-y: scroll;}.recom_sea_area,.etc_sea_area,.etc2_sea_area,.theme_footer {background-color:#fff; }.pc_con {display:none;}.mo_con {display:block;}.sgg, .sinhoarea, .sptonm { font-size: initial;}.etc_sea_area {background-image:none; background-repeat:no-repeat; width:100%; height: auto; background-size: 100%; background-color: #f4f4f4;}.etc_sea_area .etc_list .qu_spot {width: 47%; }.etc_sea_area .etc_list { padding-top: 5%; padding-bottom: 5%;}.etc2_sea_area .etc_list .qu_spot { width: 48%; padding: 1%; }.floating_text {background-color: #000; color: #fff; font-size: 1em; text-align: center; padding: 3% 0%; position: fixed; bottom: 0; width: 100%; z-index: 200; display:none;}.floating_text a {color:#fff !important;}.tit_cont.titleType1 { padding: 5%;}}