홈페이지·앱 SNS 1위 테마 놀거리도 풍년이오! 추석 황금연휴를 위한 여행지 추천 2위 ©박균성(다님5) 테마 에어컨 없어도 괜찮아! 무더위 싹쓸이할 전국 물놀이 장소 3위 ©박유정(다님7) 기사 도심에서 자연을 즐기는 서울 숲길 4 4위 테마 알록달록한 가을 속으로! 2023 단풍놀이 떠날 지도 5위 기사 추억이 방울방울, Y2K 포토존 성지 대구 텍스트 위주의 기사보다 정보모음 형식의 테마 콘텐츠 선호도가 더 높았어요. 1위 서울특별시 한화와 함께하는 서울세계불꽃축제 매년 가을 여의도에서 열리는 국내 최대 규모의 불꽃쇼 총 88,062건의 조회수를 기록했어요. 2위 부산광역시 부산불꽃축제 3위 ⓒ한국관광공사 사진갤러리-황성훈 전라남도 영광군 영광불갑산상사화축제 4위 충청남도 부여군 대백제전 1위. 부산 2위. 서울 3위. 제주도 4위. 여수 5위. 경주 1위. 축제 2위. 한국관광 100 3위. 숙박쿠폰 4위. 겨울여행 5위. 벚꽃 '디지털 관광주민증'이란? 인구 감소 지역의 관광 활성화를 위한 서비스 디지털 관광주민증 발급 후 다양한 혜택으로 여행을 즐길 수 있어요! 충청북도 단양군 다누리아쿠아리움 만천하 스카이워크 도담삼봉 강원특별자치도 정선군 가리왕산 케이블카 로미지안가든 화암동굴 '가볼래-터'란? 매월 다양한 국내 여행 정보를 받아볼 수 있는 구독 서비스 미션 참여 시, 푸짐한 선물을 받을 수 있는 여행복권도 드려요! 1위 ©영호우(seooyh) 경기도 화성시 서해랑 제부도 해상케이블카 2위 제주특별자치도 서귀포시 녹산로 유채꽃 도로 3위 @국립산림과학원_SNS 서울특별시 홍릉숲 4위 ©아루(february27th-) 충청남도 아산시 피나클랜드 튤립/수선화축제 5위 충청남도 예산군 온연 프라이빗 빌라 1, 2위 모두 가볼래-터 3월호 ‘드라이브하며 떠나는 봄 여행’ 테마에서 소개한 여행지예요. '월페이퍼'란? 국내 아름다운 여행지 사진을 활용한 무료 배경 화면 다운로드 서비스 PC, 스마트폰, 태블릿 등에 다운로드가 가능한 다양한 사이즈가 준비되어 있어요! 부산 감지해변 다운로드 PC (3840X2160) 다운 PC (1920X1080) 다운 아이폰 (1125X2436) 다운 안드로이드 (1080X2280) 다운 태블릿 (768X1024) 다운 닫기 제주 비양도 다운로드 PC (3840X2160) 다운 PC (1920X1080) 다운 아이폰 (1125X2436) 다운 안드로이드 (1080X2280) 다운 태블릿 (768X1024) 다운 닫기 제주 신창풍차해안도로 다운로드 PC (3840X2160) 다운 PC (1920X1080) 다운 아이폰 (1125X2436) 다운 안드로이드 (1080X2280) 다운 태블릿 (768X1024) 다운 닫기 제주 수월봉 다운로드 PC (3840X2160) 다운 PC (1920X1080) 다운 아이폰 (1125X2436) 다운 안드로이드 (1080X2280) 다운 태블릿 (768X1024) 다운 닫기 ©이철현(다님5) [태안] 태안튤립축제 & 꽃지해변, 안면도 자연휴양림 기차여행 당일치기 79,000~ ⓒ한국관광공사 사진갤러리 -부산관광공사 [부산] 나의 N번째 부산 명소 탐방 1박 2일 253,000~ ©이철현(다님5) [담양] SRT 죽녹원 & 메타세콰이어 & 강천산 구름다리 기차여행 당일치기 89,000~ [영주] [KTX이음] 내 마음 속의 힐링 기차여행(봉화&울진&영주) 1박 2일 299,000~ 사계절 모두 기차여행 상품이 가장 인기있었어요. 계절별 인기 상품 Top 10 분석 결과 봄·가을에는 전라도, 여름에는 부산 및 경상도, 겨울에는 강원도 상품이 순위에 가장 많이 올랐어요. 1위 경상북도 포항시 스페이스워크 조회수 압도적 1위 좋아요도 무려 224,000개! @jjuri8749, @flowerbeautymimi 여행지 보기 2위 경상남도 함안군 함안 낙화놀이 댓글 수가 Top 3중 가장 많았어요! @dalkom.j 여행지 보기 3위 강원특별자치도 삼척시 장호항 시원한 드론 영상으로 1위 영상만큼 뜨거운 댓글 반응을 보였어요. @parkjonghye83 여행지 보기 이전 다음 1위 @ssunday_k 충청남도 보령시 보령 가족여행 코스 #천북폐목장 #대천스카이바이크 #대천짚트랙 보령의 이색 여행지를 다양한 각도로 담아냈어요! 여행지 보기 2위 ©양지뉴필름 경상북도 안동시 선성수상길 Top 10에 선성수상길을 비롯한 경상도 여행지가 다섯 군데나 포함되었어요! 여행지 보기 3위 @hhoney_foto 전라남도 순천시 순천만국가정원 2023 순천만국제정원박람회 개최 소식과 함께 큰 관심을 받았어요! 여행지 보기 4위 @photo_pao_major 전북특별자치도 고창군 두암초당 절벽 아래 숨겨진 새로운 여행지 등장에 @친구소환이 끊이지 않았어요! 여행지 보기 5위 @sophie_phj 경상북도 안동시 안동 하회마을 댓글 수와 좋아요 수가 Top 5중 가장 많았어요! 여행지 보기 이전 다음 1위 @ss_ssong._.2 5월 발행 몽글몽글 피어난 수국 명소 4 2위 ©한국관광공사 사진갤러리-송재근 4월 발행 가족과 주말에 다녀오기 좋은 당일치기 여행 3위 ©이다혜(트블리13) 5월 발행 보랏빛 향기로 물든 라벤더 명소 3 4위 @_jk.bro 4월 발행 포도송이 같은 보랏빛 등나무꽃 명소 3 5위 ©서인호(다님5) 3월 발행 노란 물결이 일렁이는 수선화 명소 모음 4 이전 다음 3~5월 발행한 봄꽃 여행지 추천 포스팅이 인기였어요. 메인 페이지 디자인은 예쁘게, 메뉴 구성은 단순하게!여행 정보 검색이 더욱 쉬워졌어요! 축제 정보 새로워진 축제 페이지에서 전국 축제 정보를 한눈에 볼 수 있어요. 여행콕콕 AI콕콕으로 성향에 따른 맞춤형 여행지를 추천받고, AI콕콕 플래너로 추천받은 코스를 자유롭게 편집하고 공개할 수 있어요! 가볼래-터 여행복권 당첨 확률 UP!레벨 2 달성 시, 이벤트가 진행되는 열흘 동안 매일 한 번씩 여행복권을 긁을 수 있어요! (function (global, $) { var $menu = $('.trend_award .tab_btn a'), $contents = $('.trend_award .scroll'), $doc = $('html, body'); $(function () { $menu.on('click', function(e){ var $target = $(this), idx = $target.index(), section = $contents.eq(idx), offsetTop = section.offset().top - 80; $doc.stop() .animate({ scrollTop :offsetTop }, 800); return false; }); }); $(window).scroll(function(){ var scltop = $(window).scrollTop(); bodyHt = $(document).height(), vpHt = $(window).height(); $.each($contents, function(idx, item){ var $target = $contents.eq(idx), i = $target.index(), targetTop = $target.offset().top - 100; endingTop = $('.trend_award #ending').offset().top - 150; if (targetTop = scltop)) { $menu.removeClass('on'); } }); var slideTop = $('.app3').offset().top - 300; if(slideTop $(document).ready(function () { var app1swiper = new Swiper('.trend_award .app1 .swiper-container', { slidesPerView: auto, pagination: { el: '.trend_award .app1 .swiper-container .swiper-pagination', clickable: true, renderBullet: function (index, className) { return ' ' + (index + 1) + '번째 슬라이드 보기 '; } }, }); var app5swiper = new Swiper('.trend_award .app5 .swiper-container', { slidesPerView: auto, pagination: { el: '.trend_award .app5 .swiper-container .swiper-pagination', clickable: true, renderBullet: function (index, className) { return ' ' + (index + 1) + '번째 슬라이드 보기 '; } }, }); var sns1swiper = new Swiper('.trend_award .sns1 .swiper-container', { slidesPerView: 'auto', centeredSlides: true, navigation: { nextEl: .trend_award .sns1 .swiper-container .swiper-button-next, prevEl: .trend_award .sns1 .swiper-container .swiper-button-prev, }, pagination: { el: '.swiper-pagination', clickable: true, renderBullet: function (index, className) { return ' ' + (index + 1) + '번째 슬라이드 보기 '; } }, }); var sns2swiper = new Swiper('.trend_award .sns2 .swiper-container', { slidesPerView: 'auto', centeredSlides: true, spaceBetween: 110, navigation: { nextEl: .trend_award .sns2 .swiper-container .swiper-button-next, prevEl: .trend_award .sns2 .swiper-container .swiper-button-prev, }, pagination: { el: '.trend_award .sns2 .swiper-container .swiper-pagination', clickable: true, renderBullet: function (index, className) { return ' ' + (index + 1) + '번째 슬라이드 보기 '; } }, }); var sns3swiper = new Swiper('.trend_award .sns3 .swiper-container', { slidesPerView: 'auto', spaceBetween: 5, centeredSlides: true, loop: true, navigation: { nextEl: .trend_award .sns3 .swiper-container .swiper-button-next, prevEl: .trend_award .sns3 .swiper-container .swiper-button-prev, }, pagination: { el: '.trend_award .sns3 .swiper-container .swiper-pagination', clickable: true, renderBullet: function (index, className) { return ' ' + (index + 1) + '번째 슬라이드 보기 '; } }, }); }); function trendSwiper() { var swiper = new Swiper('.flower_thmem .top5 .swiper-container', { slidesPerView: auto, spaceBetween: 30, pagination: { el: '.swiper-pagination', clickable: true, } }); }$(document).ready(function () { trendSwiper(); }); try{ var swiper = new Swiper('.title .swiper-container', { navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', clickable: true, }, });} catch (e){ console.log(e);} #contents {width: 100%; padding: 0px;} .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail {width: 940px;margin: 0 auto;} .btm_team.team_marg {width: 940px;margin: 40px auto 10px auto;} .trend_award{text-align: center; color: #000;} .trend_award a{color: #000;} .trend_award .mo{display:none;} .trend_award .inr{width:780px;margin:0 auto;overflow: hidden;position: relative;} .trend_award .title{background-image: url('/resources/images/theme/2023trend/bg_title.png'), linear-gradient(#121118 581px, #5936f1 581px); background-position: 50% 0; background-size: auto 100%; background-repeat: no-repeat;} .trend_award .tab_btn{position:fixed;left:0;bottom:0;width:100%;height:80px;background:#fff;box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.15);z-index: 20;display:flex;justify-content: center;align-items: center;} .trend_award .tab_btn a{height:50px;width:158px;margin:0 20px;background: url('/resources/images/theme/2023trend/tab_btn1.png') 0 0 / 100% auto no-repeat;text-indent: -9999px;} .trend_award .tab_btn a.on{background-position: 0 -50px;} .trend_award .tab_btn a + a{background-image: url('/resources/images/theme/2023trend/tab_btn2.png');} .trend_award div[class^=app], .trend_award div[class^=sns], .trend_award .summary{padding: 80px 0;} .trend_award h3{margin-bottom: 30px;} .trend_award [class*=ranking]{position:absolute;left:9px;top:9px;width:57px;height:63px;text-indent:-9999px;background: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=fa802ec3-6482-4201-8f43-d828da02ead4') 0 0 / 100% auto no-repeat;} .trend_award .ranking2{background-position:0 -64px;} .trend_award .ranking3{background-position:0 -127px;} .trend_award .ranking4{background-position:0 -190px;} .trend_award .ranking5{background-position:0 -252px;} .trend_award .copyright{color: #fff; position: absolute; top: 210px; right: 15px; font-size: 12px; text-align: right; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);} .trend_award .copyright.bk{color: #000; text-shadow: none;} .trend_award [class*=noti]{margin:50px 0;padding: 12px 0;background:#f7f7f7;font-size:18px;line-height:21px;letter-spacing: -0.6px;color:#555;} .trend_award [class*=noti] p{line-height: 30px;} .trend_award [class*=noti] p + p{margin-top: 5px;} .trend_award [class*=noti] p:before{content:'';display:inline-block;width:22px;height:20px;margin-right:8px;vertical-align: -3px;background: url('/resources/images/theme/2023trend/icon_noti.png') 0 0 / 100% 100% no-repeat;} .trend_award .swiper-container{padding:20px 6px 35px 0;} .trend_award .swiper-pagination{bottom:0;height:15px;} .trend_award .swiper-pagination-bullet{width:15px;height:15px;vertical-align: top;margin:0 6px !important;opacity:1;background:#dfdfdf;} .trend_award .swiper-pagination-bullet-active{background:#000;} .trend_award .intro{margin-bottom: 50px; border: 1px solid #5239ec; border-radius: 15px; text-align: center; padding: 20px 30px;} .trend_award .intro strong{font-size: 23px; color: #5239ec; display: block; margin-bottom: 15px; font-weight: 800;} .trend_award .intro p{font-size: 19px; color: #555;} .trend_award .app1 .swiper-slide{width:40%; margin-right: 20px;} .trend_award .app1 .swiper-slide a{display:block;border:1px solid #ebebeb;border-radius:15px;overflow: hidden; box-shadow: 2px 2px 5.7px 0.3px rgba(216, 216, 216, 1); text-align: left;} .trend_award .app1 .swiper-slide img{width:100%;height:240px;object-fit: cover;} .trend_award .app1 .swiper-slide .tit{padding:25px; min-height: 137px;} .trend_award .app1 .swiper-slide em{display:inline-block;background:#eee5ff;border:1px solid #5800ff;color:#5800ff;border-radius: 5px;font-size:14px;line-height:22px;width:43px;height:22px;text-align: center;} .trend_award .app1 .swiper-slide em.type1{background:#ecf7ff;border:1px solid #0096ff;color:#0096ff;} .trend_award .app1 .swiper-slide strong{display:block;margin:17px 0 0;text-align: left;font-size:19px;line-height: 23px;letter-spacing: -0.5px;color:#000;} .trend_award .app1 .noti{margin: 45px 0 0 0;} .trend_award .app2 .best{position: relative;width:380px;display:inline-block;border:1px solid #ebebeb;border-radius:15px;overflow: hidden;} .trend_award .app2 .best img{width:100%;height:240px;object-fit: cover;} .trend_award .app2 .best .tit{padding:25px;} .trend_award .app2 .best em{display:inline-block;padding:0 10px;border-radius:50px;font-size:14px;color:#222;height:24px;line-height:24px;background:#eee;} .trend_award .app2 .best strong{display:block;margin:10px 0 27px;font-weight: 800;font-size:22px;line-height:25px;letter-spacing: -1px;} .trend_award .app2 .best span{display:block;font-size:18px;line-height: 22px;color:#666;} .trend_award .app2 ul{display:flex;justify-content: space-between;} .trend_award .app2 ul li{width:calc((100% - 24px) / 3);} .trend_award .app2 ul li a{display:block;border:1px solid #ebebeb;border-radius:15px;overflow: hidden;position: relative;} .trend_award .app2 ul li img{width:100%;height:240px;object-fit: cover;} .trend_award .app2 ul li .tit{padding:25px;} .trend_award .app2 ul li .tit em{display:inline-block;padding:0 10px;border-radius:50px;font-size:14px;color:#222;height:24px;line-height:24px;background:#eee;} .trend_award .app2 ul li strong{display:block;margin:10px 0 0;font-weight: 800;font-size:22px;line-height:25px;letter-spacing: -1px;} .trend_award .app3{background:#5239ec; height: 760px;} .trend_award .app3 .inr{display:flex;padding:20px 30px;justify-content: space-between;} .trend_award .app3 .wrap{width:340px; height: 500px;} .trend_award .app3 .wrap h4 img{width: 100%;} .trend_award .app3 ul{width: 100%; display: none; box-sizing: border-box; background-color: #fff; padding: 0 29px; border-radius: 15px; border: 1px solid #f0f0f0;} .trend_award .app3 ul li{height: 80px; border-bottom: 1px solid #f0f0f0; line-height: 80px; text-align: left; transition: 1s;} .trend_award .app3 ul li a{display: block; position: relative; width: 100%; height: 100%; font-size: 22px; font-weight: 800;} .trend_award .app3 ul li a::after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; width: 7px; height: 16px; background: url(/resources/images/theme/2023trend/icon_more.png) 0 0 / 100% 100% no-repeat;} .trend_award .app3 ul li:first-child a{color: #5800ff;} .trend_award .app3 ul li:last-child{border-bottom: none;} .trend_award .app4 .list > ul{display: flex; justify-content: space-between; margin-bottom: 50px;} .trend_award .app4 .list > ul > li{width: 370px; padding: 40px 35px; box-sizing: border-box; border-radius: 15px; border: 1px solid #f0f0f0;} .trend_award .app4 .list > ul > li .img{height: 282px; box-sizing: border-box; border-radius: 15px; border: 1px solid #ebebeb; overflow: hidden; margin: 25px 0 48px;} .trend_award .app4 .list > ul > li .img img{width: 100%; height: 210px; object-fit: cover;} .trend_award .app4 .list > ul > li .img > strong{display: block; height: 70px; line-height: 70px; font-size: 22px; background-color: #5239ec; color: #fff;} .trend_award .app4 .list > ul > li .stit{display: block; margin-bottom: 20px;} .trend_award .app4 .list > ul > li ul li{margin-top: 10px; height: 57px; line-height: 57px; padding: 0 30px; border-radius: 5px; background-color: #f7f7f9;} .trend_award .app4 .list > ul > li ul li a{display: block; font-weight: 800; font-size: 22px; position: relative; text-align: left; padding-left: 43px;} .trend_award .app4 .list > ul > li ul li a::before{content: ''; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 26px; background: url(/resources/images/theme/2023trend/icon_spot.png) 0 0 / 100% 100% no-repeat;} .trend_award .app4 .list > ul > li ul li a::after{content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 16px; background: url(/resources/images/theme/2023trend/icon_more.png) 0 0 / 100% 100% no-repeat;} .trend_award .app5 .intro{margin-bottom: 30px;} .trend_award .app5 .swiper-slide{width:40%; margin-right: 20px;} .trend_award .app5 .swiper-slide a{display:block;border:1px solid #ebebeb;border-radius:15px;overflow: hidden; text-align: left; box-shadow: 2px 2px 5.7px 0.3px rgba(216, 216, 216, 1);} .trend_award .app5 .swiper-slide img{width:100%;height:240px;object-fit: cover;} .trend_award .app5 .swiper-slide .tit{padding:25px; text-align: center;} .trend_award .app5 .swiper-slide .tit em{display:inline-block;padding:0 10px;border-radius:50px;font-size:14px;color:#222;height:24px;line-height:24px;background:#eee;} .trend_award .app5 .swiper-slide strong{display:block;margin:10px 0 0;font-weight: 800;font-size:22px;line-height:25px;letter-spacing: -1px;} .trend_award .app6 ul{display: flex; justify-content: space-between; padding: 0 12px;} .trend_award .app6 ul li{width: calc((100% - 60px) / 3);} .trend_award .app6 ul li a{display: block; width: 100%; height: 100%;} .trend_award .app6 ul li a .img{position: relative; height: auto; margin-bottom: 25px; border-radius: 50%; overflow: hidden; box-shadow: 3px 5px 10.8px 1.2px rgba(216, 216, 216, 1);} .trend_award .app6 ul li a .img img{width: 100%; height: 100%; object-fit: cover;} .trend_award .app6 ul li a .img .copyright{top: auto; bottom: 15px; right: 50%; transform: translateX(50%); text-align: center;} .trend_award .app6 ul li a strong{font-size: 22px; font-weight: 800;} .trend_award .app7 .inr{overflow:inherit;} .trend_award .app7 ul{display: flex; justify-content: space-between; padding: 0 6px 6px; margin-bottom: 50px;} .trend_award .app7 ul li{width: calc((100% - 45px) / 4); height: 356px;border-radius: 15px; box-shadow: 2px 2px 5.7px 0.3px rgba(216, 216, 216, 1);} .trend_award .app7 ul li img{height: 220px; width: 100%; object-fit: cover;border-radius: 15px 15px 0 0;} .trend_award .app7 li div{padding: 20px 0;position: relative;} .trend_award .app7 li div.active .layer{display:block} .trend_award .app7 li div .layer:after {content: '';display: inline-block;width: 15px;height: 8px;position: absolute;left: 50%;transform: translateX(-50%);top: -8px;background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=bb8043cd-defa-4020-a2a8-761c8a2ee1af) no-repeat;} .trend_award .app7 li div .layer{display:none;min-width: 180px;max-width: 220px;padding:20px;background: #5239ec;margin-top: 13px;position: absolute;left: 50%;transform: translateX(-50%);border-radius: 5px;text-align: left;z-index: 100;} .trend_award .app7 li div .layer ul{display:block;margin:0;padding:0;} .trend_award .app7 li div .layer ul li:before {content: '';display: inline-block;width: 3px;height: 3px;border-radius: 100%;background: #fff;position: absolute;left: 0;top: 9px;} .trend_award .app7 li div .layer ul li {position: relative;padding: 0 60px 0 13px;margin: 0 0 10px;color: #fff;width:auto;height:auto;border-radius:0;box-shadow:none;font-size: 15px;} .trend_award .app7 li div .layer ul li span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .trend_award .app7 li div .layer ul li button {position: absolute;right: 0;top: 0;width: 40px;height: 20px;border-radius: 50px;text-indent: -9999px;background: #fff url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=a124b64f-6859-41ea-b3a9-8743d0908dcc) 50% 50% no-repeat;} .trend_award .app7 li div .layer .close{margin:20px 0 0;padding:15px 0 0;text-align: center;border-top: 1px solid rgba(255,255,255,.5);} .trend_award .app7 li div .layer .close button {width: 16px;margin:0;vertical-align: top;padding:0;height: 16px;border:0;text-indent: -9999px;background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=25b3fc2e-2e92-469f-a92f-d7ee7bec4032) no-repeat;} .trend_award .app7 li strong{font-size: 16px; line-height: 20px; color: #666; display: block;} .trend_award .app7 .down{display: block; margin: 25px auto 0; font-size: 14px; color: #fff; background-color: #5239ec; width: 80px; height: 30px; border-radius: 15px; text-align: center; line-height: 30px;} .trend_award .app8 ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 60px;} .trend_award .app8 ul li{width: calc((100% - 40px) / 2); height: 386px; margin-top: 60px; position: relative;} .trend_award .app8 ul li em{position: absolute; top: -25px; left: 50%; transform: translateX(-50%);} .trend_award .app8 ul li a{display: block; width: 100%; height: 100%; border-radius: 15px; overflow: hidden; box-shadow: 2px 2px 5.7px 0.3px rgba(216, 216, 216, 1);} .trend_award .app8 ul li a img{height: 240px; width: 100%; object-fit: cover;} .trend_award .app8 ul li a .txt_wrap{padding: 25px 36px;} .trend_award .app8 ul li a strong{font-size: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal; word-break: keep-all;} .trend_award .app8 ul li a .price{margin-top: 15px; font-size: 0;} .trend_award .app8 ul li a .price span{color: #666; font-size: 16px;} .trend_award .app8 ul li a .price span:first-child:after{content: ''; vertical-align: -3px; display: inline-block; width: 1px; height: 16px; background-color: #ebebeb; margin: 0 10px;} .trend_award .app8 ul li a .price span + span{color: #ed5959;} .trend_award .tit_sns{display: block; margin-bottom: 40px;} .trend_award .swiper-button-prev, .trend_award .swiper-button-next{text-indent: -9999px; width: 18px; height: 32px; background: url(/resources/images/theme/2023trend/slide_arrow_wh.png) 0 0 / 100% 100% no-repeat;} .trend_award .swiper-button-prev{transform: rotate(180deg);} .trend_award .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none;} .trend_award .sns1 .logo_9suk{position: absolute; right: 0; top: 0; padding: 14px 0 14px 30px; border-bottom: 1px solid #ebebeb; width: 50%; text-align: left;} .trend_award .sns1 .logo_9suk img{width: auto;} .trend_award .sns1 .swiper-container{padding: 20px 0 35px;} .trend_award .sns1 .swiper-slide{border: 1px solid #ebebeb; display: flex; width: 670px !important; height: 600px; margin: 0 55px;} .trend_award .sns1 .play{width:50%;height:100%;} .trend_award .sns1 video{object-fit: cover;width:100%;height:100%;} .trend_award .sns1 .info_wrap{width: 50%; padding: 155px 0 0; text-align: left;} .trend_award .sns1 .info_wrap .txt_wrap{padding: 0 30px;} .trend_award .sns1 .info_wrap em{display: inline-block; height: 24px; line-height: 24px; background-color: #eee; border-radius: 12px; padding: 0 10px; color: #000; font-size: 14px;} .trend_award .sns1 .info_wrap strong{font-size: 22px; display: block; font-weight: 800; margin: 10px 0 40px;} .trend_award .sns1 .info_wrap p{color: #666; font-size: 19px; margin-bottom: 60px;} .trend_award .sns1 .info_wrap .copyright{color: #a9a9a9; font-size: 12px; position: static; text-shadow: none;} .trend_award .sns1 .info_wrap a{display: block; width: 50%; box-sizing: border-box; padding-left: 30px; border-top: 1px solid #eee; position: absolute; bottom: 0; height: 70px; line-height: 70px; color: #ff87ca; font-weight: 800; font-size: 18px;} .trend_award .sns1 .info_wrap a::after{content: ''; vertical-align: -2px; display: inline-block; margin-left: 8px; width: 9px; height: 17px; background: url(/resources/images/theme/2023trend/icon_more_pink.png) 0 0 / 100% 100% no-repeat;} .trend_award .sns1 .info_wrap a::before{content: ''; position: absolute; bottom: 20px; left: 30px; display: inline-block; width: 102px; height: 1px; background-color: #ff87ca;} .trend_award .sns1 .swiper-button-prev, .trend_award .sns1 .swiper-button-next{background-image: url(/resources/images/theme/2023trend/slide_arrow_bk.png);} .trend_award .sns1 .swiper-button-prev{left: 0;} .trend_award .sns1 .swiper-button-next{right: 0;} .trend_award .sns2{background: #ff87ca;} .trend_award .sns2 .swiper-container{margin: 0 125px; padding: 20px 0 35px;} .trend_award .sns2 .swiper-slide{width: 375px; height: 630px; border-radius: 15px; box-shadow: 5px 7px 21.12px 2.88px rgba(195, 104, 155, 0.45); background-color: #fff; overflow: hidden;} .trend_award .sns2 .swiper-slide img{width: 100%; height: 380px; object-fit: cover;} .trend_award .sns2 .swiper-slide .copyright{top: 350px;} .trend_award .sns2 .swiper-slide .tit{padding: 25px 30px; text-align: center;} .trend_award .sns2 .swiper-slide .tit em{display:inline-block;padding:0 10px;border-radius:50px;font-size:14px;color:#222;height:24px;line-height:24px;background:#eee;} .trend_award .sns2 .swiper-slide strong{display:block;margin:10px 0 0;font-weight: 800;font-size:22px;line-height:25px;letter-spacing: -1px;} .trend_award .sns2 .swiper-slide .tit .tag{font-size: 14px; color: #aaa; min-height: 28px; padding-top: 7px;} .trend_award .sns2 .swiper-slide p{color: #666; font-size: 18px; letter-spacing: -0.5px;} .trend_award .sns2 .swiper-slide a{display: block; border-top: 1px solid #eee; width: 100%; position: absolute; bottom: 0; height: 67px; line-height: 67px; color: #ff87ca; font-weight: 800; font-size: 18px;} .trend_award .sns2 .swiper-slide a::after{content: ''; display: inline-block; margin-left: 8px; width: 9px; height: 17px; background: url(/resources/images/theme/2023trend/icon_more_pink.png) 0 0 / 100% 100% no-repeat;} .trend_award .sns2 .swiper-slide a::before{content: ''; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: inline-block; width: 102px; height: 1px; background-color: #ff87ca;} .trend_award .sns3 .swiper-container{padding: 20px 0 0;} .trend_award .sns3 .swiper-slide{width: 62%; pointer-events: none;} .trend_award .sns3 .swiper-slide img{width: 100%; height: 470px; object-fit: cover; filter: brightness(35%);} .trend_award .sns3 .swiper-slide-active{pointer-events: visible;} .trend_award .sns3 .swiper-slide-active img{filter: none;} .trend_award .sns3 .swiper-slide .copyright{display: none;} .trend_award .sns3 .swiper-slide-active .copyright{display: block; top: 440px;} .trend_award .sns3 .swiper-slide .tit{padding-top: 70px; display: none;} .trend_award .sns3 .swiper-slide-active .tit{display: block;} .trend_award .sns3 .swiper-slide .tit em {display: inline-block; width: 70px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; color: #ff7dc6; background-color: #fff0f8; border-radius: 12px; border: 1px solid #ff7dc6;} .trend_award .sns3 .swiper-slide .tit strong{font-size: 22px; font-weight: 800; display: block; margin-top: 10px;} .trend_award .sns3 .swiper-pagination{bottom: 105px;} .trend_award .sns3 .swiper-button-prev{left: 65px; top: 260px;} .trend_award .sns3 .swiper-button-next{right: 65px; top: 260px;} .trend_award .sns3 .swiper-button-next.swiper-button-disabled, .trend_award .sns3 .swiper-button-prev.swiper-button-disabled{display: block; opacity: 1;} .trend_award .sns3 .noti{margin: 50px 0 0 0;} .trend_award .summary .inr{margin-top: 20px;} .trend_award .ending{height: 590px; background: #111017 url(/resources/images/theme/2023trend/bg_ending.png) 50% 50% / auto 100% no-repeat;} .trend_award .theme_footer img{width: 100%;} /* 태블릿 사이즈 */ @media all and (min-width: 721px) and (max-width: 1023px) { .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail{width: auto; margin: 0 15px;} .btm_team.team_marg {width: auto;margin: 20px 15px 0;} .titleType1 h2 {padding: 24px 0 0;} .trend_award .pc{display:block;} .trend_award .mo{display:none;} .trend_award .inr{padding: 0 20px;} .trend_award .banner{padding: 0 20px;} .trend_award .theme_footer .pc{display: none;} .trend_award .theme_footer .mo{display: block;} .trend_award .app1 .swiper-slide .tit{padding: 25px 20px;} .trend_award .app1 .swiper-slide strong{font-size: 18px;} .trend_award .app5 .swiper-slide strong, .trend_award .app2 ul li strong{font-size: 20px;} .trend_award .ending{height: auto;} } /* 모바일 사이즈 */ @media all and (max-width:720px) { .user_expression{padding: 30px 15px;} .tit_cont.titleType1, .wrap_contView .box_modInfo, .db_cont_detail {width: auto;margin: 0 15px;} .btm_team.team_marg {width: auto;margin: 20px 15px 0;} .titleType1 h2 {padding: 24px 0 0;} .trend_award .mo{display:block;} .trend_award .pc{display:none;} .trend_award .inr{width: 100%; padding: 0 15px;} .trend_award img{width: 100%;} .trend_award h3{margin-bottom: 25px;} .trend_award [class*=ranking]{width: 45px; height: 50px;} .trend_award .ranking2{background-position:0 -50px;} .trend_award .ranking3{background-position:0 -100px;} .trend_award .ranking4{background-position:0 -150px;} .trend_award .ranking5{background-position:0 -200px;} .trend_award [class*=noti]{font-size: 3.61vw; margin: 30px 0;} .trend_award [class*=noti] p{line-height: 1.2;} .trend_award [class*=noti] p + p{margin-top: 10px;} .trend_award [class*=noti] p:before{width: 3.89vw; height: 3.33vw; vertical-align: -1px; margin-right: 5px;} .trend_award .copyright{top: 54.17vw; font-size: 10px; letter-spacing: -1px; line-height: 1.2;} .trend_award .swiper-container{padding: 10px 6px 30px 0;} .trend_award .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 3px !important;} .trend_award .swiper-button-prev, .trend_award .swiper-button-next{width: 9px; height: 16px;} .trend_award .tab_btn{height: 70px;} .trend_award .tab_btn a{width: 134px; height: 43px; margin: 0 10px;} .trend_award .tab_btn a.on{background-position: 0 -43px;} .trend_award div[class^=app], .trend_award div[class^=sns], .trend_award .summary{padding: 40px 0;} .trend_award .intro{margin-bottom: 15px !important; padding: 15px 10px; border-radius: 8px;} .trend_award .intro strong{font-size: 3.89vw; margin-bottom: 10px;} .trend_award .intro p{font-size: 3.33vw; line-height: 1.2;} .trend_award .app1 .swiper-slide{width:66%; margin-right: 10px;} .trend_award .app1 .swiper-slide img{height: 59.72vw;} .trend_award .app1 .swiper-slide .tit{padding: 5vw; min-height: 32.22vw;} .trend_award .app1 .swiper-slide em{width: 40px; height: 21px; font-size: 11px; border-radius: 4px;} .trend_award .app1 .swiper-slide strong{font-size: 3.61vw; line-height: 1.2;} .trend_award .app1 .noti{margin: 40px 0 0 0;} .trend_award .app2 .best{width: calc(100% - 40px)} .trend_award .app2 .best img{height: 47.22vw;} .trend_award .app2 .best strong{font-size: 4.44vw; line-height: 1.2; margin: 10px 0 20px;} .trend_award .app2 .best span{font-size: 3.61vw; line-height: 1.2;} .trend_award .app2 [class*=ranking]{width: 28px; height: 30px; top: 11px; left: 11px;} .trend_award .app2 .ranking2{background-position: 0 -30px;} .trend_award .app2 .ranking3{background-position: 0 -60px;} .trend_award .app2 .ranking4{background-position: 0 -90px;} .trend_award .app2 .copyright{top: 22.22vw; right: auto; left: 15px;} .trend_award .app2 ul{flex-direction: column;} .trend_award .app2 ul li{width: 100%; margin-bottom: 5px;} .trend_award .app2 ul li a{display: flex; align-items: center; width: 100%; border-radius: 10px; box-sizing: border-box; padding: 8px;} .trend_award .app2 ul li img{width: 52%; border-radius: 8px; height: 25.97vw;} .trend_award .app2 ul li .tit{text-align: left; padding: 0 0 0 15px;} .trend_award .app2 ul li .tit em{font-size: 3.19vw; height: 5vw; line-height: 5vw;} .trend_award .app2 ul li strong{font-size: 3.89vw; line-height: 1.2; margin: 12px 0 0 0;} .trend_award .app3{height: 263.89vw;} .trend_award .app3 .inr{flex-direction: column; padding: 0 45px;} .trend_award .app3 .wrap{width: 100%; height: auto;} .trend_award .app3 .wrap + .wrap{margin-top: 40px;} .trend_award .app3 ul{border-radius: 10px; padding: 0 24px;} .trend_award .app3 ul li{height: 18.06vw; line-height: 18.06vw;} .trend_award .app3 ul li a{font-size: 5vw;} .trend_award .app3 ul li a::after{width: 6px; height: 14px;} .trend_award .app4 .list > ul{margin-bottom: 30px;} .trend_award .app4 .list > ul > li{width: calc(50% - 2px); padding: 15px 7px;} .trend_award .app4 .list > ul > li .img{height: 34.44vw; margin: 15px 0;} .trend_award .app4 .list > ul > li .img img{height: 25.00vw;} .trend_award .app4 .list > ul > li .img > strong{height: 9.72vw; line-height: 9.72vw; font-size: 3.61vw;} .trend_award .app4 .list > ul > li .stit{margin-bottom: 15px;} .trend_award .app4 .list > ul > li ul li{height: 7.92vw; line-height: 7.92vw; padding: 0 6px;} .trend_award .app4 .list > ul > li ul li a{font-size: 3.61vw; padding-left: 5.56vw; font-weight: 400;} .trend_award .app4 .list > ul > li ul li a::before{width: 3.33vw; height: 3.61vw;} .trend_award .app4 .list > ul > li ul li a::after{width: 1.11vw; height: 2.22vw;} .trend_award .app5 .swiper-slide{width: 66%; margin-right: 10px;} .trend_award .app5 .swiper-slide img{height: 59.72vw;} .trend_award .app5 .swiper-slide .tit{padding: 5vw; min-height: 22.92vw;} .trend_award .app5 .swiper-slide .tit em{font-size: 3.19vw; height: 5vw; line-height: 5vw;} .trend_award .app5 .swiper-slide strong{font-size: 3.61vw; line-height: 1.2;} .trend_award .app5 .noti{margin: 30px 0;} .trend_award .app6 ul{flex-wrap: wrap; justify-content: center; padding: 0;} .trend_award .app6 ul li{flex: 0 0 43%; margin: 0 2.78vw 10px;} .trend_award .app6 ul li a strong{font-size: 3.89vw;} .trend_award .app6 ul li a .img{height: auto; margin-bottom: 10px;} .trend_award .app7 ul{flex-wrap: wrap; padding: 0 20px; margin-bottom: 30px;} .trend_award .app7 ul li{margin: 5px; width: calc(50% - 10px); height: 72.22vw;} .trend_award .app7 li div{padding: 4.17vw 0;} .trend_award .app7 ul li img{height: 43.06vw;} .trend_award .app7 li strong{font-size: 3.89vw; line-height: 1.2;} .trend_award .app7 .down{margin: 4.17vw auto 0; width: 16.11vw; height: 6.25vw; line-height: 6.25vw; font-size: 2.78vw;} .trend_award .app7 li div .layer {min-width: 100%;max-width: 245px;margin-top:2.03vw;padding: 15px;left: 0;right: auto;transform: translateX(0%);} .trend_award .app7 li:nth-child(2n) .layer{right: 0;left: auto;} .trend_award .app7 li div .layer:after{display:none;} .trend_award .app7 li div.active:after {content: '';display: inline-block;width: 15px;height: 7px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 2.03vw;background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=ef77eadb-979b-45e2-bd79-d578f7ad2d7f) 0 0 / 100% 100% no-repeat;} .trend_award .app7 li div .layer ul li {padding: 0 32px 0 10px;margin: 0 0 8px;font-size: 12px;} .trend_award .app7 li div .layer ul li:before {top: 7px;} .trend_award .app7 li div .layer ul li button {height: 17px;width: 28px;background: #fff url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=f430b707-253d-4fc9-a6b8-4d9f5330baed) 50% 50% / 7px auto no-repeat;} .trend_award .app7 li div .layer .close {margin: 15px 0 0;padding: 15px 0 0;overflow: hidden;clear:both;} .trend_award .app7 li div .layer .close button {width: 11px;height: 11px;background: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=7fce3577-763f-4f7c-87c5-850f576b5073) 0 0 / 100% 100% no-repeat;} .trend_award .app8 h3{margin-bottom: 0;} .trend_award .app8 ul{flex-wrap: wrap; padding: 0 5px;} .trend_award .app8 ul li{width: calc((100% - 10px) / 2); height: 58.33vw; margin-top: 40px;} .trend_award .app8 ul li .copyright{top: auto; bottom: 27.78vw;} .trend_award .app8 ul li em{top: -15px;} .trend_award .app8 ul li a img{height: 33.33vw;} .trend_award .app8 ul li a .txt_wrap{padding: 4.17vw 2.78vw;} .trend_award .app8 ul li a strong{font-size: 3.61vw; line-height: 1.2;} .trend_award .app8 ul li a .price span{font-size: 3.06vw;} .trend_award .app8 ul li a .price span:first-child:after{height: 3.06vw; margin: 0 5px; vertical-align: -2px;} .trend_award .tit_sns{margin-bottom: 18px;} .trend_award .sns1 .swiper-container{padding: 0 0 30px 0; margin: 0 20px;} .trend_award .sns1 [class*=ranking]{top: 11.11vw; left: 5px;} .trend_award .sns1 .swiper-slide{flex-direction: column; width: 80% !important; height: auto;} .trend_award .sns1 .logo_9suk{position: static; width: 80%; padding: 7px 0 7px 10px; height: 9.72vw;} .trend_award .sns1 .logo_9suk img{height: 100%; width: auto;} .trend_award .sns1 .play{width: 100%; height: 58.33vw;} .trend_award .sns1 video{object-position: 50% 50%;} .trend_award .sns1 .info_wrap{width: 100%; padding: 18px 0 0 0;} .trend_award .sns1 .info_wrap .txt_wrap{text-align: center; min-height: 34.72vw; padding: 0 30px 15px;} .trend_award .sns1 .info_wrap em{font-size: 3.19vw; height: 6.67vw; line-height: 6.67vw;} .trend_award .sns1 .info_wrap strong{font-size: 3.89vw; line-height: 3.89vw; margin: 10px 0 15px;} .trend_award .sns1 .info_wrap p{font-size: 3.33vw; margin-bottom: 15px;} .trend_award .sns1 .info_wrap a{position: relative; text-align: center; padding: 0; width: 100%; height: 12.50vw; line-height: 12.50vw; font-size: 3.33vw;} .trend_award .sns1 .info_wrap a::after{width: 1.67vw; height: 3.06vw; vertical-align: -1px;} .trend_award .sns1 .info_wrap a::before{width: 20.83vw; left: 50%; transform: translateX(-50%); bottom: 3.6vw;} .trend_award .sns2 .swiper-container{margin: 0 20px; padding: 0 0 30px 0;} .trend_award .sns2 .swiper-slide{width: 80%; height: 122.22vw; box-shadow: none;} .trend_award .sns2 .swiper-slide img{height: 69.44vw;} .trend_award .sns2 .swiper-slide .copyright{top: 62.50vw;} .trend_award .sns2 .swiper-slide p{font-size: 3.33vw;} .trend_award .sns2 .swiper-slide .tit{padding: 5.56vw 2.78vw;} .trend_award .sns2 .swiper-slide .tit .tag{font-size: 2.78vw; min-height: 5.56vw; padding-top: 4px;} .trend_award .sns2 .swiper-slide .tit em{font-size: 3.19vw; height: 6.67vw; line-height: 6.67vw;} .trend_award .sns2 .swiper-slide strong{font-size: 3.89vw; line-height: 3.89vw; margin: 8px 0 0;} .trend_award .sns2 .swiper-slide a{height: 12.50vw; line-height: 12.50vw; font-size: 3.33vw;} .trend_award .sns2 .swiper-slide a::after{width: 1.67vw; height: 3.06vw; vertical-align: -1px;} .trend_award .sns2 .swiper-slide a::before{width: 20.83vw; bottom: 3.47vw;} .trend_award .sns2 .swiper-button-prev{left: 0;} .trend_award .sns2 .swiper-button-next{right: 0;} .trend_award .sns3 .inr{padding: 0;} .trend_award .sns3 .swiper-container{padding: 0;} .trend_award .sns3 .swiper-slide{width: 65%;} .trend_award .sns3 .swiper-slide img{height: 72.22vw;} .trend_award .sns3 .swiper-button-prev{top: 41.67vw; left: 6.94vw;} .trend_award .sns3 .swiper-button-next{top: 41.67vw; right: 6.94vw;} .trend_award .sns3 .swiper-slide-active .tit{padding-top: 15.28vw;} .trend_award .sns3 .swiper-pagination{bottom: 22.22vw;} .trend_award .sns3 .swiper-slide .tit strong{font-size: 3.89vw; width: 100%; letter-spacing: -0.7px;} .trend_award .sns3 .noti{margin: 30px 0 0 0;} .trend_award .sns3 .swiper-slide-active .copyright{top: 65.28vw;} .trend_award .summary .inr{margin-top: 0;} .trend_award .ending{height: auto; background: none;} }