/* 와이드로 만들기 */ #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; } .tab_btn {cursor:pointer;} .btn_topWrap .inner, .main_quick .inr{ display: none;} .db_cont_detail{ width: 940px; margin: auto;} @media screen and (max-width: 1023px) { .curation_area{ MARGIN: UNSET; } .db_cont_detail{ width: 95%; margin: auto;} .tit_cont.titleType1{ padding: 3% 3% 9px;} } /* 와이드 끝 */ .theme_body{width: 1280px; text-align: center; margin: auto;}.header_section{overflow: hidden;}.header_section > img {width:100%;} .swiper-slide > img {width:100%; transform: translate(0px, -83px);} .bg_1{background: #fff;} .bg_2{background-color: #a8e3ff;} .section_tit{ text-align: left; font-size: 1.4em; FONT-WEIGHT: 700; padding: 7% 0 2% 0; color: #272727;} .contents1,.contents2,.contents3,.contents4{position: relative;} .swiper-container{position: static;} .swiper-button-prev { left: -63px;} .swiper-button-next{ right: -63px;}.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 41px;} @media screen and (max-width: 1023px){.header_section > img{width: 160%; transform: translate(-19%, 0);} .theme_body { width: 95%; padding-bottom: 20%;}.section_tit{font-size: 1.3em;} .swiper-slide > img{transform: unset;} .swiper-container-horizontal>.swiper-pagination-bullets { bottom: -5%;} .section_tit{ padding: 20% 20% 4% 0%; word-break: keep-all;} .swiper-button-prev { left: 5px; top: 60%; background-size: 20px 30px;} .swiper-button-next{ right: 5px; top: 60%; background-size: 20px 30px;}} 유쾌한 로드씨와 함께 대청호 산책! 걷기 좋은 길 대청호 구석구석, 아름다운 여행지 대청호의 자연 로드씨의 대청호도 식후경! .modal_1{ display:none; position: fixed; z-index: 600; top: 0%; width: 100%; background-color: rgba(0,0,0,.6); padding: 4% 0 50%;} .modal-content{ background-color: #fff; width: 40%; padding-bottom: 2%; margin: auto;} .pop_close{ text-align: right; margin: 0 2%; font-size: 1.6em;} #popimg{text-align: center; width:100%;} @media screen and (max-width: 1023px){.modal_1{padding: 30% 0 100%;}.modal-content{ width: 90%;}} × $(document).on(click,.swiper-slide > img,function(){ var imgcid = $(this).attr('src'); $(#pop1).show(); $(#popimg).attr('src',imgcid);}); $(.pop_close).click(function () {$(#pop1).hide(); }); $(function () { function themeSwipe1() { var themeSwipe1 = new Swiper('.section1', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, observer: true, slidesPerView: 1, slidesPerColumn: 1, spaceBetween: 0, observeParents: true, breakpoints: { 640: { slidesPerView: 2, spaceBetween: 0 } }, pagination: { el: '.section1 .swiper-pagination' }, navigation: { nextEl: '.contents1 .swiper-button-next', prevEl: '.contents1 .swiper-button-prev' } }); } themeSwipe1(); }); $(function () { function themeSwipe2() { var themeSwipe2 = new Swiper('.section2', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, observer: true, slidesPerView: 1, slidesPerColumn: 1, spaceBetween: 0, observeParents: true, breakpoints: { 640: { slidesPerView: 2, spaceBetween: 0 } }, pagination: { el: '.section2 .swiper-pagination' }, navigation: { nextEl: '.contents2 .swiper-button-next', prevEl: '.contents2 .swiper-button-prev' } }); } themeSwipe2(); }); $(function () { function themeSwipe3() { var themeSwipe3 = new Swiper('.section3', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, observer: true, slidesPerView: 1, slidesPerColumn: 1, spaceBetween: 0, observeParents: true, breakpoints: { 640: { slidesPerView: 2, spaceBetween: 0 } }, pagination: { el: '.section3 .swiper-pagination' }, navigation: { nextEl: '.contents3 .swiper-button-next', prevEl: '.contents3 .swiper-button-prev' } }); } themeSwipe3(); }); $(function () { function themeSwipe4() { var themeSwipe4 = new Swiper('.section4', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, observer: true, slidesPerView: 1, slidesPerColumn: 1, spaceBetween: 0, observeParents: true, breakpoints: { 640: { slidesPerView: 2, spaceBetween: 0 } }, pagination: { el: '.section4 .swiper-pagination' }, navigation: { nextEl: '.contents4 .swiper-button-next', prevEl: '.contents4 .swiper-button-prev' } }); } themeSwipe4(); }); @media screen and (max-width: 1023px){.tit_cont.titleType1 .post_area { padding: 0% 5% 0%;}}