/* 와이드로 만들기 */ #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; } .chul { position: absolute; bottom: 0; font-size: small; color: #fff; left: 50%; transform: translate(-50%, -50%); } /* 와이드 끝 */ .main_gnb.sub { height: 90px; } .theme_header_img { width: 100%; position: relative; background-size: cover; height: 300px; background-position: 50% 50%; background-repeat: no-repeat; } /* 백그라운드 이미지 지정 */ .bg01 { background-image: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=3923b692-928f-41f6-b524-5da202770e75') } .area_tag, #topTitle { display: none; } .tit_cont.titleType1 { margin-top: -3%; z-index: 2; } #topAddr span { color: #fff; font-size: 1.5em; text-shadow: 2px 3px 10px #000; } .dim_bg { position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.4; top: 0; z-index: 100; } .theme_con { width: 100%; max-width: 1280px; text-align: center; margin: 0 auto; } .footer_img_Wrap { width: 100%; max-width: 940px; text-align: center; margin: 0 auto; } .theme_con img { width: 100%; } .theme_header { position: relative; } .theme_big_title { position: absolute; top: 25%; width: 100%; text-align: center; color: #fff; font-size: 2.0em; font-weight: 700; text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000; font-size: 4.0em; z-index: 100; } .theme_lead { position: absolute; top: -12.5%; width: 60%; left: 20%; margin: 5% auto; color: #fff; word-break: keep-all; text-align: center; /* text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000; */ font-size: 1.3em; z-index: 100; } .theme_con_wrap { text-align: left; margin-top: 5%; } .theme_con_wrap::after { clear: both; } .detail_qu { font-size: 0.9em; } .theme_title { text-align: center; font-weight: 900; font-size: 1.4em; margin: 5% 0; } .theme_photo, .theme_detail { display: inline-block; text-align: left; vertical-align: top; float: left; } .theme_photo { width: 40%; margin-top: 3.5%; display: block } .theme_detail { width: 55%; } .photo_thum li { display: inline-block; width: 25%; box-sizing: border-box; padding: 0 0.5%; float: left; } .photo_thum { margin-top: 3%; cursor: pointer; } .theme_so_title { border-bottom: 1px solid #000; font-size: 1.5em; font-weight: 900; } .detail_title { font-size: 1.1em; margin: 2% 0; font-weight: 900; text-decoration: none !important; display: inline-block; } .detail_link { font-size: 0.8em; margin-top: 2%; color: #999; } .photo_thum li img { height: 65px; object-fit: cover; } .theme_photo_mo { display: none; } .photo_main { height: 385px; display: block; text-align: center; position: relative; } .photo_main img { height: 100%; width: auto; max-width: 510px; } .pl1 { padding-left: 5%; } .pr1 { padding-right: 5%; } .theme_byeline { width: 100%; max-width: 1280px; text-align: left; margin-top: 5%; } .theme_byeline img { width: 100%; margin-top: 5%; } .mo_contents { display: none; } .pc_contents { display: block; } .thum_li { width: 100%; background-repeat: no-repeat; background-size: cover; height: 150px; background-position: 50% 50%; } .theme_lead2 { width: 90%; margin: 0 auto; padding: 3%; color: #000; word-break: keep-all; font-size: 0.9em; z-index: 100; text-align: left; border-radius: 5px; border: 1px dotted #000; position: relative; } .appdown { width: 50%; margin: 5% auto 0; cursor: pointer; padding: 1%; text-align: center; background-color: #000; color: #fff; box-shadow: 2px 2px 2px 2px #333; } .appdown a { color: #fff; font-weight: 900; } .db_cont_detail { max-width: 940px; margin: 0 auto; } .boxinfo { padding: 2% 1%; margin-bottom: 5%; text-align: center; } .bu_strong { color: #03a9f4; font-weight: 600; } .ex { color: #000; } @media screen and (max-width: 1023px) { .theme_header_img { height: 200px; } .main_gnb.sub { height: 105px; } .tit_cont.titleType1 { margin-top: -10%; z-index: 2; padding: 1% 3% 5%; } #topAddr span { font-size: 1.0em; } .theme_photo { display: none; } .theme_photo_mo { display: inline-block; width: 100%; text-align: center; padding-bottom: 10%; } .theme_photo_mo ul { width: 100%; } .theme_detail { width: 100%; float: none; margin-top: 5%; } .theme_big_title { top: 30%; width: 100%; font-size: 2.0em; padding: 0 2%; word-break: keep-all; } .theme_lead { position: absolute; top: -10%; width: 80%; left: 10%; font-size: 1em; display: none; } .theme_title { font-size: 1.2em; } .pl1 { padding-left: 0; } .theme_con_wrap { padding: 0 3%; } .theme_photo_mo .swiper-slide img { width: auto; } .theme_photo_mo .swiper-pagination-bullet-active { opacity: 1; background: #ffeb3b; } .theme_byeline { padding: 0 3%; } .mo_contents { display: block; } .pc_contents { display: none; } .curation_area { margin: unset; } .theme_photo_mo .swiper-slide img { height: 500px; max-width: unset; width: 100%; object-fit: cover; } .appdown { width: 80%; } .db_cont_detail { padding: 1% 3%; } } 내 안의 고양이 감성을 깨우는 곳. 귤 한 봉지, 책 한 권 들고 쉬어가고픈 아늑한 공간을 소개합니다! 내 안의 고양이 감성을 깨우는 곳. 귤 한 봉지, 책 한 권 들고 쉬어가고픈 아늑한 공간을 소개합니다! --> 내 안의 고양이 감성을 깨우는 곳. 귤 한 봉지, 책 한 권 들고 쉬어가고픈 아늑한 공간을 소개합니다! 내 안의 고양이 감성을 깨우는 곳. 귤 한 봉지, 책 한 권 들고 쉬어가고픈 아늑한 공간을 소개합니다! @easting97kim @easting97kim @easting97kim @easting97kim @easting97kim 01. 안녕, 책 청풍호반의 도시 제천에 아늑하고 조용한 책방이 있습니다. 관광지와 동떨어진 작은 마을에 위치한 안녕, 책입니다. 시골 책방이지만 흰색 조로 꾸며진 실내 인테리어가 깔끔한 첫인상을 안겨줍니다. 길쭉한 통창으로 밝은 햇살이 듬뿍 들어와 따뜻한 분위기도 물씬 느껴집니다. 나무 선반에는 소설부터 그림책까지 다양한 종류의 책이 비치되어 있는데요. 펜과 연필, 마스킹테이프, 떡메 등 예쁜 문구류도 많아서 어떤 것을 사야 할지 한참 고민하게 됩니다. 마음에 드는 책을 골랐다면 한쪽에 마련된 테이블이나 사다리로 연결된 다락방에서 차분히 독서를 즐길 수도 있습니다. 종종 북토크나 자신의 취미를 공유하는 소통의 장 <안녕 안녕 마켓>, 함께 음악을 듣고 안 쓰는 물건을 나누는 <안녕 안녕 밤마실> 등 크고 작은 행사도 열리니 인스타 계정을 팔로우하고 꾸준히 소식을 받아보세요. -위치 : 충청북도 제천시 봉양읍 용두대로36길 21 -영업시간 : 월~금 11:30~19:00 토~일 공휴일 11:00~17:00 (매달 1, 3, 5주 일요일 휴무) @casa.de.chloe @casa.de.chloe @casa.de.chloe @casa.de.chloe 02. 아르카북스 책방 아르카북스 책방은 생태습지에 위치한 자연도서관이자 북스테이입니다. 사전 예약제로 운영되는 만큼 한적한 분위기 속에서 매주 새로 들어오는 신간들을 마음껏 읽을 수 있지요. ‘방주(Ark)’라는 이름 뜻처럼 일상의 치열한 경쟁을 피해 몸과 마음을 치유하는 공간이기도 합니다. 만 4세 이상이라면 누구나 네이버 예약을 거쳐 1시간 50분 동안 시설을 이용할 수 있는데요. 입장료 8,800원에 아메리카노, 아이스티 등 기본 음료가 포함되어 있으니 가성비도 좋은 편입니다. 연인이나 어린 자녀가 있는 가족이라면 프라이빗한 다락방을 추천합니다. 냉난방이 별도로 이루어지는 독립공간이지만, 모두의 편안한 휴식을 위해 큰 소리를 내거나 뛰지 않도록 주의해야겠습니다. -위치 : 경기도 평택시 현덕면 덕목5길 122-11 -영업시간 : 수~일 11:00~17:00 (매주 월요일, 화요일 휴무) 네이버 spunjidad123 처리를 해 준다 --> 네이버 spunjidad123 네이버 spunjidad123 네이버 spunjidad123 네이버 spunjidad123 네이버 spunjidad123 03. 모리티아 빔프로젝터가 놓여있는 아늑한 다락방, 동화같이 예쁜 핑크 룸, 향수를 불러일으키는 복고풍 룸, 그리고 자유로운 분위기의 회의실까지. 성수동 모리티아에서는 여러 가지 콘셉트의 테마 룸을 한자리에서 누릴 수 있습니다. 각 룸은 사전 예약 후 이용 가능한데요. 그중에서도 복층으로 꾸며진 다락방은 폭신한 쿠션과 카펫, 은은한 조명, 계단을 활용해 만든 책장 등, 나만의 아지트를 꿈꿨던 이들이라면 누구나 마음에 들어 할만한 아늑한 인테리어로 눈길을 끕니다. 공간이 작은 편이 아니라서 영화 관람에 목적을 둔 소모임이나 생일파티를 즐기기 적합해 보입니다. 프랑스 버터와 유기농 달걀, 벨기에 다크초콜릿으로 만든 수제쿠키와 함께라면 소중한 사람들과의 시간이 더욱 달콤해집니다. -위치 : 서울시 성동구 아차산로5길 10 -영업시간 : 월~토 08:00~21:00 (매주 일요일 휴무) 네이버 qntksduwk0 네이버 qntksduwk0 네이버 qntksduwk0 네이버 qntksduwk0 04. 커피 트웰브 중앙동 12시 커피 트웰브 중앙동 12시는 직접 로스팅한 산지별 커피를 6성급 다락방에서 맛볼 수 있는 논 디저트 카페입니다. 실내 층고가 낮고 애장품으로 추정되는 액자가 가득해 카페 전체가 사장님의 비밀창고 같은 느낌이 듭니다. 2층 다락방은 너무 좁아서 허리를 반쯤 숙이고 걸어야 하지만, 안락한 빈백이 있으니 잠깐의 불편함은 감수할 만합니다. 손에는 핸드드립 커피, 다른 한 손에는 좋아하는 책 한 권. 이 조합이라면 다락방에 자발적으로 고립된 채 12시간도 보낼 수 있을 것 같습니다. 카페가 위치한 부산 중앙동 일대는 일제강점기에 산을 깎아 인위적으로 만든 상업지역으로, 주변 건물 대부분 주차장이나 엘리베이터 같은 편의시설을 찾아보기 힘든 것이 특징인데요. 그 불편함이 오히려 다락방 특유의 아날로그 감성과 잘 어울리는 것 같습니다. -위치 : 부산광역시 중구 대청로135번길 13-1 -영업시간 : 월~금 11:00~19:00, 토 11:30~18:00 (매주 일요일 휴무) 네이버 qntksduwk0 @darak_cafe_ @darak_cafe_ @darak_cafe_ @hobby_319 @darak_cafe_ 05. 가나다락 커피트웰브 중앙동12시가 레트로의 성지라면, 가나다락은 뉴트로의 진수를 느낄 수 있는 신상 핫플입니다. 바깥에 놓인 널찍한 평상과 초록색 우유 콘테나만 보더라도 카페의 분위기와 콘셉트를 단번에 이해할 수 있지요. 실내에도 낡은 카세트, 손으로 채널을 돌리는 TV 등 추억의 소품이 가득합니다. 흘러나오는 노래조차 누군가의 사연이 흠뻑 묻어있을 법한 추억의 명곡입니다. 듣고 싶은 음악이 있다면 쪽지에 적어 사장님께 보여주면 됩니다. 남은 일은 디저트를 먹고 음악을 듣고 만화책을 읽고 레트로 오락을 즐기는 것. 안방마님 구름이(페르시안 고양이/5살)와 놀아주기만 해도 하루가 훌쩍 지나버릴 테니, 한가한 날 방문해 여유롭게 머무르길 추천합니다. -위치 : 경상남도 창원시 의창구 명서로 20 -영업시간 : 수~월 12:00~24:00 (매주 화요일 휴무) 제공 : 양자영 여행작가 ※ 위 정보는 2022년 10월에 등록된 정보로, 이후 변경될 수 있으니 여행 하시기 전에 반드시 확인하시기 바랍니다. ※ 이 기사에 사용된 텍스트, 사진, 동영상 등의 정보는 한국관광공사가 저작권을 보유하고 있으므로 기사의 무단 사용을 금합니다. var choice_img = ; var choice_chul = ; var choice_data = ; /* PC에서 마우스 오버시 이미지 변경 스크립트 */ $('.thum_li').on('mouseover', function () { choice_img = $(this).css(background-image).replace(/^url\(['](.+)[']\)/, '$1'); choice_chul = $(this).attr(label); choice_data = $(this).attr(data); console.log(choice_data); $(this) .parent() .parent() .parent() .parent() .parent() .find('.photo_main img') .attr(src, choice_img); if (choice_data == ex) { $(this) .parent() .parent() .parent() .parent() .parent() .find('.chul') .addClass('ex'); } else { $(this) .parent() .parent() .parent() .parent() .parent() .find('.chul') .removeClass('ex'); } $(this) .parent() .parent() .parent() .parent() .parent() .find('.chul') .text(choice_chul); }); /* 타이틀 배경 이미지 처리 스크립트 */ /* 배경 개수 만큼 스와이프를 생성하고, 위 CSS에서도 백그라운드 이미지를 지정한다. */ $(window).ready(function () { /* 상단 이미지 영역의 스와이프 처리 */ var bhtml = ; bhtml += ' '; bhtml += ' '; bhtml += ' '; bhtml += ' '; bhtml += ' '; bhtml += ' '; bhtml += ' '; bhtml += ' ‘호기심 많은 예술가’ ISFP를 위한 고양이 감성 다락방 5 '; bhtml += ' ‘호기심 많은 예술가’ ISFP를 위한 고양이 감성 다락방 5 '; bhtml += ' '; $('#contents').prepend(bhtml); function ThemeSwiper() { var ThemeSwiperSwipter = new Swiper('#mo_area01', { autoHeight: false, pagination: { el: '#mo_area01 .swiper-pagination' } }); var ThemeSwiperSwipter2 = new Swiper('#mo_area02', { autoHeight: false, pagination: { el: '#mo_area02 .swiper-pagination' } }); var ThemeSwiperSwipter3 = new Swiper('#mo_area03', { autoHeight: false, pagination: { el: '#mo_area03 .swiper-pagination' } }); var ThemeSwiperSwipter4 = new Swiper('#mo_area04', { autoHeight: false, pagination: { el: '#mo_area04 .swiper-pagination' } }); var ThemeSwiperSwipter5 = new Swiper('#mo_area05', { autoHeight: false, pagination: { el: '#mo_area05 .swiper-pagination' } }); var ThemeSwiperSwipter6 = new Swiper('#mo_area06', { autoHeight: false, pagination: { el: '#mo_area06 .swiper-pagination' } }); var ThemeSwiperSwipter7 = new Swiper('#mo_area07', { autoHeight: false, pagination: { el: '#mo_area07 .swiper-pagination' } }); var ThemeSwiperSwipter8 = new Swiper('#mo_area08', { autoHeight: false, pagination: { el: '#mo_area08 .swiper-pagination' } }); /* PC 상단 이미지 영역 스와이프 부분 */ var ThemeSwiperSwipter9 = new Swiper('.theme_header .swiper-container', { simulateTouch: true, /*PC에서 마우스로 제어 */ autoHeight: false, loop: true, /*루프 재생(계속 반복) */ autoplay: { delay: 3000 }, effect: 'fade', init: true }); /* PC 상단 이미지 영역 스와이프 부분 끝*/ } ThemeSwiper(); }); /* 상단 이미지 영역의 스와이프 처리 */ /* 링크 영역 */ function goLink(no) { switch (no) { case 1: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=ca4f18f3-a9df-4372-a8e1-082278de92b1&big_category=A02&mid_category=A0206&big_area=33; break; case 2: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=337e0b98-544d-427b-b9a4-26051cf208e8&big_category=A05&mid_category=A0502&big_area=31; break; case 3: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=72fb87a1-ec9e-4a87-8bf5-751d0e2848bf&big_category=A05&mid_category=A0502&big_area=1; break; case 4: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=931ebe4d-7fcb-407e-84c3-8fd2d4120afc&big_category=A05&mid_category=A0502&big_area=6; break; case 5: location.href = https://korean.visitkorea.or.kr/detail/ms_detail.do?cotid=4ec8ba10-49c3-4b0c-92de-95c3120303fb&big_category=A05&mid_category=A0502&big_area=36; break; } } .tit_cont.titleType1 { z-index: 100;}