색다른 도시 탈출구를 찾으시나요? 이젠 캠핑도 취향대로 즐겨보세요! 캠퍼들도 두 눈 번쩍! 습관적 집탈출 부르는 이색 캠핑장부터, 전국 캠핑장 정보를 한눈에! 태그로 보는 고캠핑 추천 캠핑장, 캠핑장에서도 거리두기는 필수! 상황별 안전수칙까지, 색다른 즐거움이 있는 캠핑장 여행 떠나보세요! /* 와이드로 만들기 */ #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; } .con_body_li1, .con_body_li2, .gocamping_banner { cursor: pointer; } .con_header img { width: 100%; } .section_area, .section_area1 { width: 68%; margin: auto; background-color: #ffffff; padding: 1.5%; text-align: center; } .con_body_ul, .con_body_ul1 { margin-bottom: 5%; } .con_body_li1 { width: 22%; display: inline-block; margin: 0.8%; } .con_body_li2, .con_body_li3 { display: inline-block; } .con_body_li2 { width: 20%; margin: 4.1% 0.5%; } .con_body_li3 { width: 32%; } .section_title { width: 50%; margin: auto; padding: 5% 0; text-align: center; } .section_title img { width: 100%; } .section1, .section2, .section3 { padding: 6% 0; } .section1 { background-color: #ff93b5; } .section2 { background-color: #0a927c; } .section3 { background-color: #76c3f9; } .con_body_ul2 { background-size: contain; background-image: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=82fdea3b-a316-4bdf-86ac-b152163e36f2'); background-repeat: no-repeat; } .ul_title { text-align: left; padding: 1% 3%; } .ul_title img { width: 40%; MAX-WIDTH: 400 PX; } .gocamping_banner img { width: 100%; } .section4 img { width: 100%; } li img { width: 100%; } @media screen and (max-width: 1023px) { .section_area, .section_area1 { width: unset; padding: 0 5%; } .section1, .section2, .section3 { background-color: unset; } .section2, .section3 { padding: unset; } .section_title { width: unset; } .con_body_li1{margin:unset;} .con_body_ul2 { background: unset; } .con_body_li2 { margin-left: unset !important; transform: unset; display: inline-block; width: 48%; } .con_wrap1 { margin: 5% 0 7%; } .ul_title img { width: 90%; } } var defalut_width = ; $(document).ready(function () { defalut_width = $(window).outerWidth(); }); $(window).resize(function () { var width_size = $(window).outerWidth(); console.log('defalut_width=' + defalut_width + ', width_size=' + width_size); if (width_size 0) { alert('창크기가 모바일에 적합한 사이즈로 변동되어 모바일 사이즈로 변경됩니다'); window.location.reload(); return false; } else if (width_size >= 800 && (defalut_width - width_size) @media screen and (max-width: 1023px){.tit_cont.titleType1 { padding: 2% 3% !important;}}