/* 와이드로 만들기 */ #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; } /* 콘텐츠 스타일 */ .theme_con { width: 100%; text-align: center; margin: 0 auto; } .theme_con_wrap {width:100%; text-align: center; margin: 0 auto; max-width:1280px;} .con_header {width:100%;} .con_header img {width:100%;} .con_tab { width: 100%; text-align: center; margin-bottom: 1%; margin: 1% 0;} .con_body_title {margin-bottom:3.8%;} .con_footer {width:100%;} .con_footer img {width:100%;} .tab_active {display:inline-block; } .tab_off {display:none; } .con_body_ul { margin-bottom: 20px;} .con_body { display: none; padding: 7% 0;} .con_tab_li { display: inline-block; width: 32%; margin: 0 auto; MARGIN: -2.5PX; padding: 20px 0; cursor:pointer;} .con_tab_li img {width:100%;} .con_body_li { width: 290px; display: inline-block; padding: 1%; cursor: pointer; margin-bottom: 60px;} .con_body_li img {width:100%;} .con_body_li2 {width: 610px; padding: 1%; display: inline-block; cursor: pointer;} .con_body_li2 img {width:100%;} .con_body_li3 {width:30%; display:inline-block; padding:1%; cursor:pointer;} .con_body_li3 img {width:100%;} .con_body_li4 {width: 250px; display: inline-block; padding: 4px 7.5px; cursor: pointer;} .con_body_li4 img {width:100%;} .con_body_li3 img {width:100%;} .con_body_li6 { width: 400px; display: inline-block; padding: 8px; cursor: pointer;} .con_body_li6 img {width:100%;} .con_body_li5 {width: 400px; display: inline-block; padding: 30px 7px; position: relative; cursor: pointer;} .con_body_li5 img {width:100%;} .con_body_safe_wrap {width:100%; display: inline-block; margin-bottom: 5%;} .con_left_area {float:left; width: 465px;} .con_left_area img {width:100%;} .con_right_area {float:left; width: 815px;} .con_right_area::after {clear:both;} .event_more { width: 1260px; margin: 10px; margin-bottom: 30px;} .event_more img {width:100%;} .event_on {display:none;} .event_off {display:inline-block;} .dim_layer { position: absolute; background-color: #000; opacity: .5; top: 0; left: 0; width: 100%; height: 100%; }.event_end { position: absolute; top: 40%; left: 0; width: 100%; color: #fff; font-size: xx-large;}.mo_ver {display:none;}.pc_ver {display:block;} #tmap-event{display:none;}@media screen and (max-width: 1023px) { .theme_con img {width:100%;} .con_tab_li{ width: 33%; } .con_body { padding: 8% 0 14% 0; } .con_body_title { margin-bottom: 7%;} .con_body_li, .con_body_li5 { width: 48%; padding: 2% 0; margin-bottom: 5px;} .con_body_li2 { width: 97%; margin-bottom: 2%; } .con_body_li3 {width:95%; } .mo_ver {display:block;} .pc_ver {display:none;} .con_left_area { float: none; width: 97%; display: inline-block; } .con_right_area { float: none; width: 100%; margin-top: 2%; } .con_body_li4{width: 31%; padding: 0; margin: 2% 0; } .swiper-wrapper {padding-bottom: 7%; width: 96%;} .swiper-slide{ width: 100% !important;} .event_more {width: 100%; padding: 1%; margin-left: auto; margin-right: auto;} #tmap-event{display:inline-block;} .tit_cont .btn_titview { right : 4px;} .con_body_safe_wrap2 {width:100%;} } 이벤트 종료 이벤트 종료 이벤트 종료 이벤트 종료 이벤트 종료 이벤트 종료 $(document).ready(function () { $(.con_tab_li).click(function () { var class_id = $(this).attr('id'); $('.tab_on').css(display,none); $('.tab_off').css(display,inline-block); $(this).find('.tab_on').css(display,inline-block); $(this).find('.tab_off').css(display,none); if (class_id == 'tab01') { $('.con_body').css(display, none); $('.page01').css(display, block); } else if (class_id == 'tab02') { $('.con_body').css(display, none); $('.page02').css(display, block); } else if (class_id == 'tab03') { $('.con_body').css(display, none); $('.page03').css(display, block); } else { $('.con_body').css(display, block); $('.page01').css(display, none); } }); }); $(document).ready(function () { function getParameterByName(name) { name = name.replace(/[\[]/, \\[).replace(/[\]]/, \\]); var regex = new RegExp([\\?&] + name + =([^&#]*)), results = regex.exec(location.search); return results == ? : decodeURIComponent(results[1].replace(/\+/g, )); } var reffer_page = getParameterByName('page'); var reffer_id = reffer_page.substr(-2); console.log(reffer_id); if (reffer_page == || reffer_page == undefind) { $('.page01').css(display, block); $('.tab_off').css(display,inline-block); $('.tab_on').css(display,none); $('#tab01').find('.tab_on').css(display,inline-block); $('#tab01').find('.tab_off').css(display,none); $('.page02').css(display, none); $('.page03').css(display, none); } else { $('.con_body').css(display, none); $('.page' + reffer_page).css(display, block); $('.tab_on').css(display,none); $('.tab_off').css(display,inline-block); $('#tab' + reffer_id).find('.tab_on').css(display,inline-block); $('#tab' + reffer_id).find('.tab_off').css(display,none); reffer_page =; } /* 링크 영역 */ $(.con_body_li img, .con_body_li2 img, .con_body_li4 img, .con_body_li6 img, .page03 img ).click(function () { var itemID = $(this).attr('id'); var mobileYN = mobileYN; switch (itemID) { case item01: location.href='https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=351f6cf4-d984-496f-886d-6fc538b226a7';break; case item02: location.href='https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=8e982de7-a8bc-4d05-8ca6-294189f3986c';break; case item03: location.href='https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=9ee1d7cc-0daf-4c7f-a231-3df29613f11a';break; case item04: location.href='https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=500c71d8-f2a3-420b-8edc-5d3a6a786b21';break; case item05: location.href='https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=474feda1-fb8e-43e3-952b-4f9a40a0549f&temp=';break; case item06: location.href='https://www.tournmaster.com/seantour_map/travel/info_square/leaflet/index.jsp';break; /*해수욕장*/ case item07: location.href='https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=f11c4d65-04e4-44c9-9c76-9bf4cae317b7';break; case item08: location.href='https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=27914756-de3b-4d14-8063-72695bf020d7';break; case item09: location.href='https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=2963e3e8-9aa3-434f-ac46-f0b663063f59';break; case item10: location.href='https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=862be970-d69f-4220-b547-1a7db3783ae6';break; case item11: location.href='http://ncov.mohw.go.kr/guidelineView.do?brdId=6&brdGubun=62&ncvContSeq=2833&contSeq=2833';break; case item12: location.href='http://ncov.mohw.go.kr/guidelineView.do?brdId=6&brdGubun=62&ncvContSeq=2822&contSeq=2822';break; case item13: location.href='http://ncov.mohw.go.kr/guidelineView.do?brdId=6&brdGubun=62&ncvContSeq=2835&contSeq=2835';break; case item14: location.href='http://ncov.mohw.go.kr/guidelineView.do?brdId=6&brdGubun=62&ncvContSeq=3086&contSeq=3086';break; case item15: location.href='http://ncov.mohw.go.kr/guidelineView.do?brdId=6&brdGubun=62&ncvContSeq=2838&contSeq=2838';break; case item16: location.href='http://ncov.mohw.go.kr/guidelineView.do?brdId=6&brdGubun=62&ncvContSeq=3087&contSeq=3087';break; case item17: location.href='http://ncov.mohw.go.kr/guidelineView.do?brdId=6&brdGubun=62&ncvContSeq=2834&contSeq=2834';break; case item18: location.href='http://ncov.mohw.go.kr/guidelineView.do?brdId=6&brdGubun=62&ncvContSeq=3088&contSeq=3088';break; case item19: location.href='http://ncov.mohw.go.kr/guidelineView.do?brdId=6&brdGubun=62&ncvContSeq=2837&contSeq=2837';break; case item20: location.href='https://www.foodsafetykorea.go.kr:443/portal/board/boardDetail.do?menu_no=3120&bbs_no=bbs001&ntctxt_no=1074701&menu_grp=MENU_NEW01';break; case item21: location.href='https://www.foodsafetykorea.go.kr/portal/board/boardDetail.do?menu_no=3120&bbs_no=bbs001&ntctxt_no=1074155&menu_grp=MENU_NEW01';break; case item22: location.href='https://www.foodsafetykorea.go.kr:443/portal/board/boardDetail.do?menu_no=3120&bbs_no=bbs001&ntctxt_no=1080323&menu_grp=MENU_NEW01';break; case item23: location.href='https://korean.visitkorea.or.kr/detail/rem_detail.do?cotid=9f73e9cf-60c9-4600-9546-3767b8726823';break; case item24: location.href='https://korean.visitkorea.or.kr/detail/event_detail.do?cotid=ee1f9639-7d8c-40fb-9901-1f6c1309e506';break; case item25: location.href='https://korean.visitkorea.or.kr/tmap/main.do'; break; case item26: location.href='https://korean.visitkorea.or.kr/detail/event_detail.do?cotid=5eb0171e-6f69-4bbc-801c-cdfdf5225c2d&temp=&utm_campaign=2020_summer&utm_source=iamschool&utm_medium=ending&utm_content=safeevent';break; case item27: location.href='https://korean.visitkorea.or.kr/other/stamptour.do';break; case item28: location.href='http://healingkorea.kr/';break; } }); /* 모바일 버전일 때 이미지 처리; 아이템만 처리 됨 */ $(function () { var window_width = $(window).width(); if (window_width