#contents {width:100%; padding:0px;} .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 auto;}.pc_contents { min-width: 940px; max-width:1280px; text-align: center; margin-left: auto; margin-right: auto;}.pc_contents li img {width:100%;}/* 헤더 타이틀 */figure.snip1132 { font-family: 'Raleway', Arial, sans-serif; position: relative; overflow: hidden; margin: 10px; min-width: 940px; max-width: 940px; max-height: 100%; width: 100%; background: #000000; color: #ffffff; text-align: center; margin-left:auto; margin-right:auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}figure.snip1132 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 2.0s ease-in-out; transition: all 2.0s ease-in-out;}figure.snip1132 img { max-width: 100%; position: relative; opacity: 1;}figure.snip1132 figcaption { position: absolute; top: 40px; left: 40px; right: 40px; bottom: 40px; border: 1px solid white; border-width: 0 1px;}figure.snip1132 .heading { overflow: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%);}figure.snip1132 .caption { overflow: hidden; -webkit-transform: translateY(50%); transform: translateY(50%); position: absolute; width: 100%; bottom: 0;}figure.snip1132 h3,figure.snip1132 p { display: table; margin: 0 auto; padding: 0 10px; position: relative; text-align: center; width: auto; text-transform: uppercase; font-weight: 400; color:#fff; font-size:36pt; transition: all 2.0s ease-in-out;}figure.snip1132 h3 span,figure.snip1132 p span { font-weight: 800;}figure.snip1132 h3:before,figure.snip1132 p:before,figure.snip1132 h3:after,figure.snip1132 p:after { position: absolute; display: block; width: 1000%; height: 1px; content: ''; background: white;}figure.snip1132 h3:before,figure.snip1132 p:before { left: -1000%;}figure.snip1132 h3:after,figure.snip1132 p:after { right: -1000%;}figure.snip1132 h3:before,figure.snip1132 h3:after { top: 50%;}figure.snip1132 p { font-size: 1.8em; font-weight: 500; text-shadow: 2px 2px 1px #222;}figure.snip1132 p:before,figure.snip1132 p:after { bottom: 50%;}figure.snip1132 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1;}figure.snip1132:hover img,figure.snip1132.hover img { opacity: 0.35; -webkit-transform: scale(1.15); transform: scale(1.15);}figure.snip1132.not_hover img { opacity: 1.0; -webkit-transform: scale(1.0); transform: scale(1.0);}.hover_text {display:none;}.hoverafter {display:none;}figure.snip1132:hover .hover_text { width: 50%; text-align: center; margin-left: auto; margin-right: auto; color: #fff; font-size: 18pt; position: absolute; top: 40%; left: 25%; display: block; z-index: 100; transition: all 10.0s ease-in-out;}figure.snip1132:hover .hoverbefore {display:none;}figure.snip1132:hover .hoverafter {display:block; }.link_btn { width: 70%; height: 50px; text-align: center; margin-left: auto; margin-right: auto; background-color: #fff; border-radius: 5px; border: 1px solid #eee; margin-top: 1%; font-size: 0.8em; cursor: pointer; display: inline-block;}.swiper-button-next { overflow: hidden; width: 40px; height: 40px; margin-top: -20px !important; background: url('../resources/images/main/btn_slider_next01.png') 0 0 / 100% 100% no-repeat; text-indent: -9999px;}.swiper-button-prev { overflow: hidden; width: 40px; height: 40px; margin-top: -20px !important; background: url('../resources/images/main/btn_slider_prev01.png') 0 0 / 100% 100% no-repeat; text-indent: -9999px;}.pc_contents .swiper-button-next.swiper-button-disabled, .pc_contents .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none;}.swiper-pagination-bullet {background: #f0f320;opacity: .7;}.swiper-pagination-bullet-active {background: #fff;opacity: 1.0;}.mo_contents {display:none;}}@-webkit-keyframes blink {0% {opacity: 0}49%{opacity: 0}50% {opacity: 1}} @-moz-keyframes blink{0% {opacity: 0}49%{opacity: 0}50% {opacity: 1}} @keyframes blink{0% {opacity: 0}49%{opacity: 0}50% {opacity: 1}}.blink {=webkit-animation:blink 0.5s ease-in-out infinite alternate; -moz-animation:blink 0.5s ease-in-out infinite alternate; animation:blink 0.5s ease-in-out infinite alternate;} 축령산 경관을 배경으로 아름답고 특색있는 정원들이 조화롭게 자리잡은 원예 수목원. 자세히 보기 여기 어디? 동화 같은 봄을 만나는 곳 가평 아침고요수목원 대한민국 구석구석 현존하는 전 세계의 도성 중 가장 오랫동안 도성 기능을 수행한 문화유산 자세히 보기 여기 어디? 달빛 따라, 불빛 따라 걷기 좋은 곳 서울 한양도성 대한민국 구석구석 케이블카를 타고 올라가면 만날 수 있는 풍경. 산, 바다, 시내가 한눈에 보이는 코스 자세히 보기 여기 어디? 산, 바위, 바다. 비경이 압도적인 곳 설악산국립공원 권금성 코스 대한민국 구석구석 조선의 문화·자연을 고스란히 간직한 국내 최대 규모의 마을로, 마을 전체가 문화재 자세히 보기 여기 어디? 조선으로 타임슬립한 것 같은 마을. 경주 양동마을 대한민국 구석구석 영남의 금강산이라 불리우는 곳으로, 봄에는 철쭉이, 가을에는 억새가 장관을 이루는 산 자세히 보기 여기 어디? 봄이면 천상의 화원이라 불리우는 곳 합천 황매산 대한민국 구석구석 .mo_btn{ position: absolute; width: 20%; min-height: 30px; opacity: 0.3; background-color: #000; top: 5%; right: 5%; line-height: 2; border-radius: 5px; } .mo_contents .swiper-slide img {width:100%;} .bg_text { position: absolute; width: 20%; min-height: 30px; top: 5%; right: 5%; text-align: center; line-height: 2; color:#fff; z-index:100; }.mo_curation_bg, .mo_curation_text { width: 80%; position: absolute; top: 15%; left: 10%; min-height: 400px; height: auto; color: #fff;}.mo_curation_bg { background-color:#000; opacity:.5;}.mo_curation_text { padding-top:10%; z-index:100; text-align: center; font-size:larger;}.text_off {display:none;}.text_on {display:block;}.mo_tit { font-size: larger; color: #fff80c; }.mo_tit_cu {padding-bottom:3%;}.mo_curation {display:none;} 여기 어디? 닫기 동화 같은 봄을 만나는 곳 가평 | 아침고요수목원 축령산 경관을 배경으로 아름답고 특색있는 정원들이 조화롭게 자리잡은 원예 수목원 자세히 보기 여기 어디? 닫기 달빛 따라, 불빛 따라 걷기 좋은 곳 서울 | 한양도성 현존하는 전 세계의 도성 중 가장 오랫동안 도성 기능을 수행한 문화유산 자세히 보기 여기 어디? 닫기 산, 바위, 바다. 비경이 압도적인 곳 설악산국립공원 | 권금성 코스 케이블카를 타고 올라가면 만날 수 있는 풍경. 산, 바다, 시내가 한눈에 보이는 코스 자세히 보기 여기 어디? 닫기 조선으로 타임슬립한 것 같은 마을. 경주 | 양동마을 조선의 문화·자연을 고스란히 간직한 국내 최대 규모의 마을로, 마을 전체가 문화재 자세히 보기 여기 어디? 닫기 봄이면 천상의 화원이라 불리우는 곳 합천 | 황매산 영남의 금강산이라 불리우는 곳으로, 봄에는 철쭉이, 가을에는 억새가 장관을 이루는 산 자세히 보기 @media screen and (max-width: 1023px) { .tit_cont{ padding: 0 30px 30px 15px; } .post_area {padding-right:15px;} .tit_cont .btn_titview { padding-right:45px;} .mo_contents {display:block;} .pc_contents {display:none;} .box_modInfo, .btm_team team_marg,.surroundingsInfo,.surroundingsInfo,.btm_team,.replyWrap{ padding-left:15px; padding-right:15px; } .btm_team {border-top: none;} .inr{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }.link_btn { margin-top: 10%; font-size: large; height: 40px;} $(function () { function ThemeSwipe_1() { var ThemeSwipe_1Swipter = new Swiper('.pc_contents .swiper-container', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, observer: true, observeParents: true, navigation: { nextEl: '.pc_contents .swiper-button-next', prevEl: '.pc_contents .swiper-button-prev' }, pagination: { el: '.pc_contents .swiper-pagination' } }); } ThemeSwipe_1(); }); $(function () { function ThemeSwipe_2() { var ThemeSwipe_2Swipter = new Swiper('.mo_contents .swiper-container', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, observer: true, observeParents: true, navigation: { nextEl: '.mo_contents .swiper-button-next', prevEl: '.mo_contents .swiper-button-prev' }, pagination: { el: '.mo_contents .swiper-pagination' } }); } ThemeSwipe_2(); }); function goLink(no) { var i = no; switch (i) { case 1: location.href='https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=e8660b54-9a93-4e87-9bb8-6ff0cb934b19'; break; case 2: location.href='https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=08632d88-1fe7-40c4-8815-fceaa6ae6416'; break; case 3: location.href='https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=244f6fda-c2f3-4176-aba5-798c78e12802'; break; case 4: location.href='https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=507a7086-fab6-4f76-bb3a-dbc8b791a590'; break; case 5: location.href='https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=1d7a1510-3a10-4516-b674-56e474810a1d'; break; default: location.href = https://korean.visitkorea.or.kr;break; } }$('.bg_text').click(function(){ $(this).parent().find('.text_off').toggle(); $(this).parent().find('.text_on').toggle(); $(this).parent().next('.mo_curation').toggle();}); 옆으로 넘겨보세요 >>