body { padding: 0; margin: 0; letter-spacing: -0.05em;}section, div, article, ul, li, dl, dt, dd, h3, h4, p, span, img { padding: 0; margin: 0;}li { list-style: none;}/******************** 여행주간 width 100% 필수 css ********************/#contents { width: 100% !important; padding: 0 !important;}.box_txtPhoto { width: 100% !important; background: #f1f1f1;}.btm_team, .tit_cont, .wrap_reply, .postBtnWrap, .pictureInfo, .authorWriting, .area_lic, .top_logo, .surroundingsInfo, .replyWrap, .tag { max-width: 940px; width: 100%; margin-left: auto; margin-right: auto;}.box_modInfo .pictureInfo { margin: 36px auto;}.btm_team.team_marg { margin: 40px auto 10px auto;}.box_txtPhoto .txt_p { margin-top: 0;}@media all and (max-width: 1024px) { .tit_cont { padding: 0 30px 30px 15px; } .post_area { padding-right: 45px; } .tit_cont .btn_titview { padding-right: 45px; right: 0; } .box_modInfo { padding: 20px 15px 0; } .replyWrap { padding: 0 15px; } .btm_team { border-top: none; } .btm_team .inr { padding: 0 15px; } .btm_team .row { border-top: 1px solid #ccc; }}/******************** //여행주간 width 100% 필수 css ********************/ /* section 1 */.sec1 { overflow: hidden; width: 100%; background: #f1f1f1;}.information-view h3 { display: none; position: absolute; top: 0; left: 0; width: 0; height: 0; color: transparent; font-size: 0;}.information-view .sec1_wrap { overflow: hidden; width: 940px; margin: 0 auto; padding: 80px 0 160px;}.information-view .sec1_wrap .logo { padding: 0 0 80px; text-align: center;}.information-view .sec1_wrap .logo img + img { margin-left: 5%;}.information-view .sec1_wrap .list {}.information-view .sec1_wrap .information-list-item { margin-bottom: 15px;}.information-view .sec1_wrap .information-list-item:after { content: ''; display: block; clear: both;}/*.information-view .sec1_wrap .thumb {width: 50%; height: 308px;}*/.information-view .sec1_wrap .information-list-item { background: #ffffff;}.information-view .sec1_wrap .information-list-item:nth-child(odd) img { float: left;}.information-view .sec1_wrap .information-list-item:nth-child(even) img { float: right;}.information-view .sec1_wrap .information-list-item:nth-child(odd) .description { float: left;}.information-view .sec1_wrap .information-list-item:nth-child(even) .description { float: left;}.information-view .sec1_wrap .description { position: relative; width: 50%; height: 308px; padding: 30px 18px 0;}.information-view .sec1_wrap .description h4 { font-size: 27px; font-weight: 700; color: #333; line-height: 120%;}.information-view .sec1_wrap .description p { font-size: 18px; font-weight: 100; color: #666; margin: 7px 0 15px;}.information-view .sec1_wrap .description .info li { font-size: 18px; line-height: 130%; text-indent: -12px; padding-left: 14px;}.information-view .sec1_wrap .description .info li::before { content: '-'; color: #333; font-size: 20px; margin-right: 5px;}.information-view .sec1_wrap .description .info li.no-bul::before { content: ''; display: none;}.information-view .sec1_wrap .description a { font-size: 15px; color: #ff0018; display: inline-block; position: absolute; bottom: 20px; right: 24px;}.information-view .sec1_wrap .description a:hover {}.information-view .sec1_wrap .description a::after { content: '▶'; color: #ff0018; font-size: 12px; margin-left: 3px; margin-bottom: 5px; display: inline-block;}@media all and (max-width: 1024px) { .information-view .sec1_wrap { width: 100%; padding: 40px 15px; } .information-view .sec1_wrap .logo { padding: 0 0 50px; } .information-view .sec1_wrap .description { overflow: hidden; width: 100%; height: auto; padding: 20px 15px 40px; } .information-view .sec1_wrap .information-list-item img { width: 100%; } .information-view .sec1_wrap .logo img { width: 30%; } .information-view .sec1_wrap .logo img + img { width: 40%; } .information-view .sec1_wrap .description h4 { font-size: 24px; } .information-view .sec1_wrap .description > li { font-size: 16px; }}@media all and (max-width: 767px) { .information-view .sec1_wrap { width: 100%; padding: 30px 15px; } .information-view .sec1_wrap .logo { padding: 0 0 30px; } .information-view .sec1_wrap .logo img { margin: 20px 0; } .information-view .sec1_wrap .information-list-item > li { margin-bottom: 30px; } .information-view .sec1_wrap .information-list-item { width: 100%; height: auto; line-height: 0; } .information-view .sec1_wrap .description { width: 100%; height: auto; padding: 20px 15px 40px; } .information-view .sec1_wrap .description h4 { font-size: 22px; } .information-view .sec1_wrap .description p { margin: 16px 0; font-size: 16px; } .information-view .sec1_wrap .description .info li { font-size: 15px; } .information-view .sec1_wrap .description a { bottom: 15px; right: 18px; }}/* //section 1 */ 도시와 농촌이 함께하는 행복마을 [충남 홍성 속동갯벌마을] 서해안 통통한 바지락 캐기 기간 : 11.08 ~ 11.30 생태공부 하며 맛있는 바지락을 캐보세요 서해안 통통한 바지락 캐기 ')> 자세히 보기 [강원 정선 솔돌마을] 김장 체험 키트 기간 : 11.08 ~ 11.30 겨울이니까 김장하쥬~ 자세히 보기 [강원 정선 개미들마을] 노래하는 베짱이(숙박) 기간 : 11.08 ~ 11.30 멋진 풍경이 가득한 노래하는 베짱이 펜션 노래하는 베짱이(숙박)')> 자세히 보기 [경남 진주 대암초록마을] 손두부 체험 기간 : 11.08 ~ 11.30 자연과 함께하는 대암초록마을 농촌체험 손두부 체험 ')> 자세히 보기 [경남 거제 구조라관광마을] 구조라 외도 유람선(평일) 기간 : 11.08 ~ 11.30 거제도에서 가장 안전한 뱃길 <유람선 관광체험> 구조라 외도 유람선(평일)')> 자세히 보기 [경북 고령 안림딸기마을] 안림 딸기마을 캠핑장 기간 : 11.08 ~ 11.30 햇살따라 바람따라 웃음꽃 피는 캠핑장 안림 딸기마을 캠핑장')> 자세히 보기 [경기 화성 백미리마을] 조개캐기체험 기간 : 11.08 ~ 11.30 온 가족이 하루 동안 뿌듯한 일상탈출!! 가족과 함께 조개캐러 오세요~ 조개캐기체험 ')> 자세히 보기 [경남 거제 구조라관광마을] 구조라 외도 유람선(주말) 기간 : 11.08 ~ 11.30 거제도에서 가장 안전한 뱃길 <유람선 관광체험> 구조라 외도 유람선(주말) ')> 자세히 보기 [강원 홍천 살둔마을] 통나무 펜션 기간 : 11.08 ~ 11.30 캠핑과 펜션을 한 번에 통나무 펜션으로 오세요~ 통나무 펜션 ')> 자세히 보기 function travelweekgasave(action, title) { ga('send', 'event', '2021여행가는달_두근두근여행정보_리스트_도시와 농촌이 함께하는 행복마을', action, title, 1);} (function () { var $list = $('.information-view'); var $listItems = $list.find('.information-list-item'); var $listList = $list.find('.information-list-list'); var length = $listItems.length; $listItems.each(function (index) { var randomNumber = ~~(Math.random() * length); $listList.append($listItems.eq(randomNumber)); });})();