/* 와이드로 만들기 */ #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; } .curation_area { width: 100%; }.theme_con, .con_header {width:100%; text-align:center;}.theme_con {background-color:#ffedd2;}.header_title {width:38.8%; display:inline-block; padding: 5% 0% 7% 0%;}.header_title2 {width: 80%; display:inline-block; padding: 10% 0%;}.flower_btn_area {width: 66.67%; display: inline-block; font-size: 0; text-align: center; }.spot_area {width: 66.67%; background-color:#fff; text-align:center; margin: 0 auto; border-radius: 30px; ; position: relative;}.theme_con img {width:100%;}.spot_wrap {padding-top: 20%; width:100%; display:inline-block;}.flower_area { width: 20%; display: inline-block; box-sizing: border-box; text-align: center; position: relative; top: 50px; }.flower_info p {font-size: 1.0vw; color: #000; visibility: hidden;}.con_st {font-size:1.2em; font-weight:700;}.red_color {color:#ff1427;}.yellow_color {color:#fbaf00;}.pink_color {color:#ff6098;}.purple_color {color:#a24fe6;}.white_color {color:#9a9a9a;}.spot_con_area {width:100%; font-size: 0; padding-bottom: 5%;}.spot_con_area .swiper-slide .spot_img {width:40%; display:inline-block; padding: 0% 1.5%;}.spot_title {width:28.125%; display: inline-block; padding: 5% 0% 3% 0%; }.spot_img_wrap {width:100%;}.flower_right_info { width: 22%; position: absolute; top: 0; margin-top: -10%; right: 0; z-index:101;}.more_flower { width: 100%; background-color: #ffd091; padding: 1% 0%; margin: 2% auto 0% auto;}.more_flower_wrap{width: 66.67%; display:inline-block; text-align:left; font-size:0; }.more_info, .con_footer, .con_footer2 {width:100%;}.more_info_wrap {width: 66.67%; font-size:0; margin:0 auto; margin-bottom: 5%;}.more_info_title {width:34.9%; margin:0 auto; padding: 3% 0% 5% 0%;}.more_info_title2 {width:90%; display:inline-block; text-align:center; padding: 5% 0%;}.more_info_wrap div {width: 25%; display:inline-block;}.more_flower_wrap div {display:inline-block;}.more_flower_wrap div:nth-child(1) { width:16.7%; }.more_flower_wrap div:nth-child(2) { width:14.1%; margin-left:2.5% }.more_flower_wrap div:nth-child(3) { width:14.1%; margin-left:2.5% }.more_flower_wrap div:nth-child(4) { width:14.1%; margin-left:2.5% }.more_flower_wrap div:nth-child(5) { width:14.1%; margin-left:2.5% }.more_flower_wrap div:nth-child(6) { width:14.1%; margin-left:2.5% }.flower_img {cursor:pointer;}#spot01 .swiper-pagination-bullet-active ,#mo_spot01 .swiper-pagination-bullet-active { background-color: #ff2c3b; }#spot02 .swiper-pagination-bullet-active ,#mo_spot02 .swiper-pagination-bullet-active { background-color: #edb100; }#spot03 .swiper-pagination-bullet-active ,#mo_spot03 .swiper-pagination-bullet-active { background-color: #f079a4; }#spot04 .swiper-pagination-bullet-active ,#mo_spot04 .swiper-pagination-bullet-active { background-color: #7646b7; }#spot05 .swiper-pagination-bullet-active ,#mo_spot05 .swiper-pagination-bullet-active { background-color: #bebebe; }.pc_con {display:inline-block;}.mo_con{display:none;}.theme_con .swiper-button-prev, .theme_con .swiper-container-rtl .swiper-button-next { background-image: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=e55f87c3-fa72-4cd9-8ccb-40e5eb0ba1a9');}.theme_con .swiper-button-next, .theme_con .swiper-container-rtl .swiper-button-prev { background-image: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=65bcde18-e724-40ce-8d91-0a7190a866f4');}.theme_con .swiper-button-next, .theme_con .swiper-button-prev { position: absolute; top: 35%; width: 75px; height: 75px; margin-top: 0px; background-size: 75px 75px;}.theme_con .swiper-pagination { position: relative; margin: 3% 0%; }.more_flower, .more_flower2 {display:none;}.more_info {display:none;}.more_flower, .more_flower2{ position:relative; z-index:102; margin-bottom: 5%;}.fixed {position: fixed; top: 0; left: 0; margin-top: 0px !important; }@media screen and (max-width: 1023px) { .pc_con {display:none;} .mo_con{display:inline-block;} .con_header {margin-bottom: 5%;} .mocon_header { width: 90%; text-align: center; margin: 0 auto;} .mocon_header .swiper-container{padding-bottom: 6%;}.mocon_header .swiper-container .swiper-scrollbar{width: 70%; left: 14%; background: rgb(83 83 83);}.mocon_header .swiper-container .swiper-scrollbar .swiper-scrollbar-drag{background: rgb(243 162 208);} .mo_more_title {width:80%; display:inline-block; text-align:center; padding:1% 0%;} .more_flower_wrap2 {width:100%; font-size:0; text-align:center;} .more_flower2 { background-color: #ffd091; margin: 5% 0%;} .more_flower_wrap2 div {width:20%; display:inline-block; padding:2% 1%;} .tit_cont.titleType1 { padding: 2% 3%;} .more_info_wrap div {width: 50%; display: inline-block; padding: 2%;} .more_info_wrap {width: 100%; } .spot_area {width: 93%;} .mo_title_wrap { width: 50%; margin: 10% 0% 10% 10%; padding-top: 10%;} .flower_right_info { width: 45%; margin-top: -14%; right: 3%; } .spot_con_area .swiper-slide .spot_img { width: 75%; display: inline-block; padding: 0%;} .theme_con .swiper-button-next, .theme_con .swiper-button-prev { position: absolute; top: 25%; width: 40px; height: 40px; margin-top: 0px; background-size: 40px 40px; } .theme_con .swiper-button-prev, .theme_con .swiper-container-rtl .swiper-button-next {left: 5px;} .theme_con .swiper-button-next, .theme_con .swiper-container-rtl .swiper-button-prev {right: 5px; } .theme_con .swiper-pagination { position: relative; margin:3% 0%;} .theme_con .swiper-pagination-bullet { margin: 0% 4%; width: 20px; height: 20px; background-color: #dbdbdb; background-size: 10px 10px; } .more_flower, .more_flower2 {display:none;} .more_info {display:none;} .arrow_area {width:100%;} .arrow_left {position:absolute;left:5%; width:10%; top:40%;} .arrow_right {position:absolute;right:5%; width:10%; top:65%;} .spot_wrap { padding-top: 15%; }}.spot_area {display:none;}.wrap_layerpop {z-index:103;}.theme_con .swiper-pagination-bullet { margin: 0% 0.5%; width: 30px; height: 30px; display: inline-block; border-radius: 100%; opacity: 1; background: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=8a6dd6a2-562c-4074-8ae9-8bd8310e245b'); background-color: #dbdbdb; background-size: 16px 16px; background-repeat: no-repeat; background-position: center;}.theme_con .swiper-pagination-bullet-active { opacity: 1; background: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=c6472d0f-3e11-4ff8-96b6-5751b5cb8cb2'); background-repeat: no-repeat; background-size: 16px 16px; background-position: center;} 가을 대표 컬러! #화려한 빨간색 의 가을꽃 여행지는? 빨강과 라이벌! #경쾌한 노란색 의 가을꽃 여행지는? 떠오르는 가을 색! #사랑스러운 분홍색 의 가을꽃 여행지는? 짧아서 더 소중한 가을의 풍경 #신비한 보라색 의 가을꽃 여행지는? 황홀한 가을 풍경! #순수한 하얀색 의 가을꽃 여행지는? /* 전역 변수 */var headerH =;var con_mode=;var randomIndexArray = new Array();var imageurl =https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=;function Randomimg(){ for (var i=0; i 1023) { $('.more_flower, .more_info').css(display,block); switch (no) { case 1 : $('#spot01').css(display,inline-block); break; case 2 : $('#spot02').css(display,inline-block); break; case 3 : $('#spot03').css(display,inline-block); break; case 4 : $('#spot04').css(display,inline-block); break; case 5 : $('#spot05').css(display,inline-block); break; } ThemeSwiper(); } else { $('.more_flower2, .more_info').css(display,block); switch (no) { case 1 : $('#mo_spot01').css(display,inline-block); break; case 2 : $('#mo_spot02').css(display,inline-block); break; case 3 : $('#mo_spot03').css(display,inline-block); break; case 4 : $('#mo_spot04').css(display,inline-block); break; case 5 : $('#mo_spot05').css(display,inline-block); break; } ThemeSwiper(); } if ($(window).width() >1023) { headerH = $('.more_flower').offset().top; } else { headerH = $('.more_flower2').offset().top; }}$(document).on('mouseover', '.flower_img img', function(){ $(this).parent().parent('.flower_area').css(top, 0px); $(this).parent().siblings().find('P').css(visibility,visible); });$(document).on('mouseout', '.flower_img img', function(){ $(this).parent().parent('.flower_area').css(top, 50px); $(this).parent().siblings().find('P').css(visibility,hidden);});$(window).scroll(function () { goheight();});function goheight(){ var docH = $(document).scrollTop(); var gnbH = $('#gnbMain').height(); if ($(window).width() >1023) { endH = $('.con_footer').offset().top; } else { endH = $('.con_footer2').offset().top; } /* console.log(스크롤 위치:+docH); console.log(꽃 헤더 위치:+headerH); console.log(endH:+endH);*/if (docH >=gnbH && docH = endH) { $('.more_flower').removeClass('fixed'); $('.more_flower2').removeClass('fixed'); $('.more_flower').css('top','0'); $('.more_flower2').css('top','0'); if (con_mode ==mo_con) { $('.spot_wrap').css('padding-top','15%'); } } else { $('.more_flower').removeClass('fixed'); $('.more_flower2').removeClass('fixed'); $('.more_flower').css('top','0'); $('.more_flower2').css('top','0'); if (con_mode ==mo_con) { $('.spot_wrap').css('padding-top','15%'); } }}$(window).resize(function () { if (con_mode == pc_con && $(window).width() 1023) { location.reload(); } else {}});$(document).ready(function(){ Randomimg(); if ($(window).width() > 1023) { con_mode =pc_con; } else { con_mode =mo_con; } ThemeSwiper(); console.log(스와이프1);});