@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');

/*reset*/
body,html{height:100%;font-size:14px;background:#fff;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{font-family:'Roboto Slab','Noto Sans KR','Apple SD Gothic Neo',Helvetica,'Malgun Gothic',sans-serif;}
img,fieldset{border:0;}
img,li{vertical-align:top;}
ul,ol,li{list-style:none;}
em,address{font-style:normal;}
a{color:inherit;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
button{border:0;background:none;cursor:pointer;}
input,select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;outline:none;}
select::-ms-expand{display:none;}
textarea{-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;}
input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{/* WebKit browsers */color:transparent;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color:transparent;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {/* Mozilla Firefox 19+ */color:transparent;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {/* Internet Explorer 10+ */color:transparent;}

/* 공통 */
body{}
#wrap{}
#container{}

/* 메인 (20190401) */
.main{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(209deg,#27a7c9,#6ae2da);}
.main .h1{padding:25px 40px;}
.main .h1 img{display:block;width:230px;}
.main .city_scroll{padding:14px 0;}
.main .city_scroll>ul{font-size:0;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.main .city_scroll>ul>li{display:inline-block;margin-right:10px;}
.main .city_scroll>ul>li>a{display:block;height:30px;line-height:30px;padding:0 12px;font-size:14px;color:#fff;border:1px solid #fff;border-radius:30px;}
.main .city_scroll>ul>li>a.active{color:#30c3e4;background:#fff;}
.main .content{position:absolute;top:130px;left:40px;right:0;bottom:0;}
.main .content .swiper-container.city{position:absolute;top:0;left:0;right:0;bottom:0;}
.main .content .swiper-container.city>.swiper-wrapper{height:345px;}
.main .content .swiper-container.city>.swiper-wrapper>.swiper-slide{padding-bottom:20px;}
.main .content .swiper-container.theme{}
.main .content .swiper-container.theme>.city_name{font-size:0;color:transparent;text-indent:-9999px;}
.main .content .swiper-container.theme>.swiper-wrapper{padding-bottom:20px;}
.main .content .swiper-container.theme>.swiper-wrapper>.swiper-slide{width:200px;margin-right:20px;}
.main .content .swiper-container.theme>.swiper-wrapper>.swiper-slide>.link{display:block;}
.main .content .swiper-container.theme>.swiper-wrapper>.swiper-slide>.link>img{display:block;height:264px;background:rgba(0,0,0,.05);box-shadow:2px 2px 15px 0 rgba(0,0,0,.2);}
.main .content .swiper-container.theme>.swiper-pagination{top:auto;bottom:0;height:1px;background:rgba(255,255,255,.3);}
.main .content .swiper-container.theme>.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff;}

/* 메인 */
.main_v2{min-height:100vh;background-image:linear-gradient(218deg, #27a7c9, #6ae2da);}
.main_v2 .navi{position:fixed;z-index:2;top:0;left:0;right:0;background:#fff;transition:top .1s;}
.main_v2 .navi.hide{top:-45px;}
.main_v2 .navi .menu_fir{padding:0 5px;font-size:0;border-bottom:1px solid #dcdcdc;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.main_v2 .navi .menu_fir > li{display:inline-block;}
.main_v2 .navi .menu_fir > li > a{position:relative;display:block;padding:0 15px;height:44px;line-height:44px;font-size:14px;color:#787878;}
.main_v2 .navi .menu_fir > li > a.active{color:#00b4e1;}
.main_v2 .navi .menu_fir > li > a.active:before{position:absolute;left:50%;top:9px;content:"";display:block;width:3px;height:3px;margin-left:-1px;border-radius:50%;background:#00b4e1;}
.main_v2 .navi .menu_fir > li > a.active + ul{display:block;}
.main_v2 .navi .menu_sec{padding:15px 0;font-size:0;text-align:center;overflow:hidden;white-space:normal;background:#fff;}
.main_v2 .navi .menu_sec > li{display:none;min-width:25%;}
.main_v2 .navi .menu_sec > li.active{display:inline-block;}
.main_v2 .navi .menu_sec > li.one_third{width:33.3%;}
.main_v2 .navi .menu_sec > li.one_half{width:50%;}
.main_v2 .navi .menu_sec > li > a{display:inline-block;height:26px;line-height:26px;padding:0 10px;font-size:14px;color:#282828;}
.main_v2 .navi .menu_sec > li > a.active{color:#fff;background:#00b4e1;border-radius:26px;}
.main_v2 .content{padding:127px 0 10px 0;}
.main_v2 .content .section{display:none;}
.main_v2 .content .section.active{display:block;}
.main_v2 .content .section .city{padding:30px 20px 0 30px;}
.main_v2 .content .section .city:after{content:"";display:block;clear:both;}
.main_v2 .content .section .city h2{float:left;height:20px;line-height:20px;font-size:20px;color:#fff;}
.main_v2 .content .section .city .zzlink{float:right;font-size:0;}
.main_v2 .content .section .city .link:after{content:"";display:block;clear:both;}
.main_v2 .content .section .city .link a{float:left;height:20px;line-height:20px;font-size:12px;font-weight:300;color:#fff;}
.main_v2 .content .section .city .link a:before{content:"";display:inline-block;width:1px;height:7px;margin:-3px 4px 0;vertical-align:middle;background:rgba(255,255,255,.2);}
.main_v2 .content .section .city .link a:first-child:before{content:none;}
.main_v2 .content .swiper-container.theme{padding:10px 0 0 30px;}
.main_v2 .content .swiper-container.theme>.city_name{font-size:0;color:transparent;text-indent:-9999px;}
.main_v2 .content .swiper-container.theme>.swiper-wrapper{padding-bottom:16px;}
.main_v2 .content .swiper-container.theme>.swiper-wrapper>.swiper-slide{width:200px;margin-right:20px;}
.main_v2 .content .swiper-container.theme>.swiper-wrapper>.swiper-slide>.link{display:block;}
.main_v2 .content .swiper-container.theme>.swiper-wrapper>.swiper-slide>.link>img{display:block;height:264px;background:rgba(0,0,0,.05);box-shadow:2px 2px 15px 0 rgba(0,0,0,.2);}
.main_v2 .content .swiper-container.theme>.swiper-pagination{top:auto;left:30px;bottom:0;height:1px;background:rgba(255,255,255,.3);}
.main_v2 .content .swiper-container.theme>.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff;}

/* 상세 */
.detail{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(209deg,#27a7c9,#6ae2da);}
.detail .content{}
.detail .content .home{position:absolute;top:20px;right:20px;z-index:2;}
.detail .content .home img{display:block;width:32px;height:32px;}
.detail .content .swiper-container.place{position:fixed;top:0;left:0;right:0;bottom:0;}
.detail .content .swiper-container.place .swiper-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide{background-size:cover;background-position:50%;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text{position:absolute;left:0;right:0;bottom:0;padding:38px 30px 40px 30px;color:#fff;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .sub_txt{display:block;padding-bottom:3px;font-size:12px;color:#74e2ff !important;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .sub_txt .loc{display:inline-block;width:10px;height:12px;margin:-4px 3px 0 0;vertical-align:middle;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .title{padding-bottom:5px;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .title:after{content:"";display:block;clear:both;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .title .name{float:left;height:30px;line-height:30px;font-size:20px;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .title em{float:left;height:30px;line-height:30px;margin-left:5px;font-size:14px;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .title .ico{float:left;margin-left:10px;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .title .ico:after{content:"";display:block;clear:both;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .title .ico a{float:left;margin-right:7px;overflow:hidden;font-size:0;text-indent:-9999px;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .title .ico a img{display:block;width:30px;height:30px;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .contxt{font-size:14px;font-weight:300;word-break:keep-all;word-wrap:break-word;}
.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .end{position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;text-indent:-9999px;background:url(https://event.wonders.app/tour/mz/images/img_page_end.png) 50% 50% no-repeat;background-size:84% auto;}
.detail .content .swiper-container.place .swiper-pagination{top:auto;bottom:20px;left:30px;height:1px;background:rgba(255,255,255,.3);}
.detail .content .swiper-container.place .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff;}
.detail .map_area{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:none;background:rgba(0,0,0,.5);}
.detail .map_area.active{display:block;}
.detail .map_area .map{position:absolute;top:70px;left:20px;right:20px;bottom:20px;}
.detail .map_area .btn{position:absolute;top:21px;right:21px;z-index:2;width:30px;height:30px;overflow:hidden;font-size:0;text-indent:-9999px;border-radius:50%;background:#00aad6;}
.detail .map_area .btn:before,
.detail .map_area .btn:after{position:absolute;left:50%;top:50%;content:"";display:block;width:2px;height:20px;margin-top:-10px;background:#fff;}
.detail .map_area .btn:before{transform:rotate(45deg);}
.detail .map_area .btn:after{transform:rotate(-45deg);}

.detail .content .swiper-container.place .swiper-wrapper .swiper-slide .text .ico_map img{width:86px;height:22px;margin-bottom:10px;}


/* 구글 맵 보기 아이콘 */
.ico_map img { width: 86px;height: 22px;margin-bottom: 10px;}