@charset "utf-8";

/*공통*/
html,body{overflow-y:hidden;height:100%;}
#totalWrap{overflow:hidden;position:relative;width:100%;height:100%;min-height:0;}
.ntk,.ntk *{font-family:'ntk';letter-spacing:-.05em;}

/* 본고딕 */
.nsr,.nsr *{font-family:'nsr';letter-spacing:-.05em;}

/* 나늠스퀘어 */
#app { width:100%; height:100%; }
.ir{background:url(../img/ir.png) no-repeat;}
.break{display:block;line-height:1;}
.no_txt{font-size:0;line-height:0;}
button{background:none;}
#totalWrap{/* padding-left: 300px; */}
#intro{overflow: hidden;position:relative;z-index:3;top:0;left:0;width:100%;height:100%;background: url(../img/intro_bg.jpg) no-repeat center;background-size:cover;}
#intro .intro_inner{width:100%;height:100%;text-align:center;}
#intro_logo{width:168px;height:226px;margin-top:110px;background:url(../img/logo.png);}
#intro header{position:absolute;z-index:10;top:50%;left:0;width:100%;/* margin-top: -170px; */color:#fff;transform: translate(0, -50%);}
#intro header h1{/* margin-bottom: 20px; */font-size: 0;/* font-weight:bold; *//* line-height:1; */}
#intro header h1 .logo{display:block;margin: 0 auto;/* max-width: 552px; */}
#intro header p{font-size: 0;line-height: 0;}
#intro .scroll_arr{position:absolute;left: 50%;bottom: 90px;font-size: 0;color: #fff;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#intro .mouse{display:block;width: 62px;height: 62px;margin: 10px auto 0;background:url(../img/intro_mouse.png) no-repeat;background-size: cover;}
#intro .arr1{display:block;width:38px;height:21px;margin-bottom:-5px;background:url(../img/intro_arr.png) no-repeat;}
#intro .arr2{display:block;width:38px;height:21px;background:url(../img/intro_arr.png) no-repeat;}
#intro .vert_line1{position:absolute;z-index:10;bottom:50%;left:50%;width:2px;height:100%;margin-bottom: 230px;margin-left:-1px;background: rgba(255,255,255,.3);}
#intro .vert_line2{position:absolute;z-index:10;top:50%;left:50%;width:2px;height:calc(50% - 370px);margin-top: 150px;margin-left:-1px;background: rgba(255,255,255,.3);}
#intro .map_img{position:absolute;right: -35px;width: 35%;min-width: 540px;max-width: 823px;height: 100%;max-height: 978px;text-align: right;}
#intro .map_img span {display:block; position:relative; width:100%; height:100%;}
#intro .map_img img{display: block;position: absolute;top: 50%;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

#header{transition: 0.3s ease-in-out;overflow:hidden;position:absolute;z-index: 20;top:0;left: 0;width: 300px;height:100%;background-color: #323d47;box-shadow:2px 0 10px rgba(0,0,0,.2);}
#header .scroll{position: relative;height:100%;}
#logo{width: 125px;height: 96px;margin-top:50px;margin-left: 29px;background:url(../img/logo.png);}
#logo a{display:block;width:100%;height:100%;}
#search_btn2{position:absolute;top: 113px;right: 20px;width: 31px;height: 31px;background:url(../img/icon_search_2.png) no-repeat center;}

/* 메뉴 */
#gnb .dept1 > li.btn_all{border-bottom:0;background:#0b529d url(../img/background__lnb.png) no-repeat right center;}
#gnb .dept1 > li.btn_all > button {/* color: #3f2f29; */}
#gnb .dept1{margin-top:35px;}
#gnb .dept1 > li{border-bottom: 1px solid rgba(255,255,255,.2);}
#gnb .dept1 > li:hover{background:#0b529d url(../img/background__lnb.png) no-repeat right center;}
#gnb .dept1 > li.btn_1{border-top:1px solid #3377b1;}
#gnb .dept1 > li:nth-child(2) > button {background: url(../img/marker1.png)no-repeat 95% center;}
#gnb .dept1 > li:nth-child(3) > button {background: url(../img/marker2.png)no-repeat 95% center;}
#gnb .dept1 > li:nth-child(4) > button {background: url(../img/marker3.png)no-repeat 95% center;}
#gnb .dept1 > li:nth-child(5) > button {background: url(../img/marker4.png)no-repeat 95% center;}
#gnb .dept1 > li > button{padding-left: 10px;width:100%;height: 75px;color:#fff;font-size: 20px;text-align:left;}
#gnb .dept1 > li > button.active {color: #3f2f29;}
#gnb .dept1 > li:nth-child(2) > button.active {background:#fff url(../img/marker1.png)no-repeat 95% center;}
#gnb .dept1 > li:nth-child(3) > button.active {background:#fff url(../img/marker2.png)no-repeat 95% center;}
#gnb .dept1 > li:nth-child(4) > button.active {background:#fff url(../img/marker3.png)no-repeat 95% center;}
#gnb .dept1 > li:nth-child(5) > button.active {background:#fff url(../img/marker4.png)no-repeat 95% center;}
#gnb .dept1 > li:nth-child(4) > button + .dept2,
#gnb .dept1 > li:nth-child(5) > button + .dept2 {display:none !important;}
#gnb .dept1 .icon{display:inline-block;width: 29px;height: 23px;background-repeat:no-repeat;background-position:center;background-size: 98%;margin-right: 10px;vertical-align:middle;}
#gnb .dept1 .icon_all{background-image:url(../img/all_icon.png);}
#gnb .dept1 .icon_01{background-image:url(../img/cate1_icon.png);}
#gnb .dept1 .icon_02{background-image:url(../img/cate2_icon.png);}
#gnb .dept1 .icon_03{background-image:url(../img/cate3_icon.png);}
#gnb .dept1 .icon_04{background-image:url(../img/cate4_icon.png);}
#gnb .dept1 .icon_05{background-image:url(../img/cate5_icon.png);}
#gnb .dept1 button.active .icon_01{background-image:url(../img/cate1_icon_on.png);}
#gnb .dept1 button.active .icon_02{background-image:url(../img/cate2_icon_on.png);}
#gnb .dept1 button.active .icon_03{background-image:url(../img/cate3_icon_on.png);}
#gnb .dept1 button.active .icon_04{background-image:url(../img/cate4_icon_on.png);}
#gnb .dept1 button.active .icon_05{background-image:url(../img/cate5_icon_on.png);}
#gnb .dept2{display: none;padding:15px 0;background: #f1f2fa;}
#gnb .dept2 > li > button{transition:0.25s ease-in-out;display:block;position:relative;width:274px;height:50px;margin:0 auto;padding-left: 40px;color: #000;font-size:16px;text-align:left;background: url(../img/bul.png) no-repeat left 10px center;}
#gnb .dept2 > li > button.on {background: url(../img/bul_b.png) no-repeat left 10px center;border-bottom: 1px solid #000;}
#gnb .dept2 > li > button:after{display:block;position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;content:'';transition:width .5s;}
#gnb .dept2 > li.on > button:after{width:100%;}
#gnb .dept2 > li.on .apbt{color:#fff;background:#f24d0b;}
#gnb .dept2 .apbt{display:inline-block;width:22px;height:22px;margin-right:10px;color:#4d4d4d;border-radius:11px;background:#fff;font-size:13px;font-weight:bold;line-height:22px;text-align:center;vertical-align:middle;}

/* 지도 */
#map{background: #efefef;width:100%;height:100%;transition:margin-left 0.25s ease-in-out;}
body.show_info #map {margin-left: 0;}
.marker_wrap { position:relative; }
.marker_info {display:none;border-radius: 5px;text-align:center;position:absolute;z-index: 1;width:210px;bottom:35px;margin-left:-105px;background:#fff;padding: 20px 20px 30px 20px;box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.marker_info.active { display:block; }
.marker_info.allin_type { width:300px; margin-left:-150px;padding-top:10px;}
.marker_info.allin_type dl {font-size: 0;text-align: left;}
.marker_info.allin_type dl:after {overflow:hidden;}
.marker_info.allin_type dl dt { width:30%; display:inline-block;font-size:14px; vertical-align: top; }
.marker_info.allin_type dl dd { width:70%; display:inline-block;font-size:14px; vertical-align: top; white-space:normal; }
.marker_info.allin_type .allin_name {white-space: normal;font-size:20px;font-weight: 600;padding:0px 30px 5px 0;text-align: left;margin-bottom:10px;border-bottom:1px solid #ddd;}
.marker_info .go_btn {font-size: 14px;margin-top: 10px;padding: 8px 15px;background: #1a66a7;color: #fff;border-radius: 3px;}
.marker_info .close_btn {position:absolute;top:0;right:0;right: 11px;top: 10px;width:30px;height:30px;background:url(../img/x.png) no-repeat center;}
.marker_img {width: 148px;height: 148px;border-radius:50%;margin:0 auto;}
.marker_tit {position:absolute;left:50%;top: -74px;line-height: 1;padding:5px;border-radius:5px;border:1px solid #ddd;background:#fff;font-size:14px;font-weight: 500;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.tour_name {overflow: hidden;text-overflow: ellipsis;margin-top: 12px;font-size:16px;font-weight:bold;}
.tour_address {line-height: 1.5;margin-top: 10px;white-space: normal;word-break: break-all;font-size:14px;}
.marker { position:absolute; margin-left:-22px; bottom:0; width:44px; height:56px; background:url(../img/marker.png) no-repeat center; }

.marker.marker_1 { background:url(../img/marker1.png) no-repeat center; }
.marker.marker_2 { background:url(../img/marker2.png) no-repeat center; }
.marker.marker_3 { background:url(../img/marker4.png) no-repeat center; }
.marker.marker_4 {background: url(../img/marker3.png) no-repeat center;}

.marker.marker_1.active,
.marker.marker_2.active,
.marker.marker_3.active { background:url(../img/marker_on.png) no-repeat center;}



/* 인포창 */
#info{position:absolute;z-index:10;transition:0.25s ease-in-out;top:0;left: -300px;width: 440px;height:100%;/* margin-right: -514px; */background:#fff;box-shadow:2px 0 10px rgba(0,0,0,.2);}
body.show_info #info {left: 300px;}
#info .scroll{height:100%;}
#info .info_inner{width:366px;margin:0 auto;}
#info .thumb{width:366px;margin:0 auto;padding-top: 60px;}
#info .thumb img { width:100%;}
#info .title{/* overflow:hidden; */margin-top:30px;margin-bottom:15px;padding:0 15px;font-size:25px;}
#info .title span{display:block;float:left;width: 35px;height: 55px;margin-top: -3px;margin-right:10px;color:#fff;background:url(../img/title_icon.png);font-size:13px;line-height:25px;text-align:center;}
#info .content{margin-top: 30px;padding:0 15px;color:#5f5f5f;font-size:14px;}
#info dl{overflow:hidden;margin-top:40px;padding:20px 15px;color:#5f5f5f;border-top:1px solid #ccc;font-size:14px;}
#info dt{float:left;width:80px;font-weight:bold;}
#info dd{float:left;width:256px;}
#info .detail_link{display:block;width:100%;height:55px;margin-top:50px;margin-bottom:10px;color:#fff;background:#f24d0b;font-size:15px;font-weight:bold;line-height:55px;text-align:center;}
#info .button_wrap{overflow:hidden;padding-bottom:50px;}
#info .button_wrap button,#info .button_wrap a{ transition:0.25s ease-in-out; display:inline-block; width:49%; vertical-align:middle; text-align:center; line-height:50px;margin-bottom:1%; height:50px; color:#5f5f5f;border:1px solid #bababa;font-size:14px;font-weight:bold;}
#info_close {width: 34px;height: 162px;position:absolute;top:50%;margin-top:-45px;right: -34px;background:url(../img/close.png) no-repeat center;transform: rotate(0deg);}
#info .button_wrap a[target=_blank] span { transition:background 0.25s ease-in-out; background:url(../img/link.png) no-repeat right center; padding:0 20px; }
#info .button_wrap button:hover, #info .button_wrap a:hover {background:#1a66a7; color:#fff;}
#info .button_wrap a[target=_blank]:hover span {background:url(../img/link_w.png) no-repeat right center;}
#info .button_wrap button#m-navi-btn {display:none; border:1px solid #fae100;background:#fae100; color:#000;}
#info .button_wrap button#m-navi-btn span {display:inline-block; width:32px; height:32px; background:url(../img/kakao-navi-icon.png)no-repeat;margin:-2px 5px 0 0; vertical-align:middle;}
#info .button_wrap button#m-navi-btn:hover,
#info .button_wrap button#m-navi-btn:focus {color:#000;}

#scroll_arrow {
    width:40px;
    height:40px;
    position: absolute;
    right: 30px;
    bottom:10px;
    animation-name: updown;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    background:url(../img/scroll.png) no-repeat center;;
}

@keyframes updown {
    0% {
        margin-bottom:0;
    }
    50% {
        margin-bottom:-10px;
    }
    100% {
        margin-bottom:0;
    }
}


#loading {
    position: fixed;
    top:0;
    left:0;
    right:0;
    height:5px;
    z-index: 9999;
    /* background:#fff; */
}
#progress {
    width:0;
    left:0;
    top:0;
    height:100%;
    background: #2b87c6;
}


#mediaCnt{position:absolute;top:0;right:0;width:100%;height:100%;padding-left: 300px;z-index: 10;}
#vrPano{position:relative;width:100%;height:100%;}
#pano{width:100%;height:100%;}
#mouse_notice{position:absolute;top:50%;left:50%;width:300px;height:300px;margin-top:-150px;margin-left:-150px;background:url(../img/mouse.png) no-repeat center;}
#control{position:absolute;top:50%;left:50px;height:330px;transform:translateY(-50%);}
#control .slider_wrap{position:absolute;top:83px;left:22px;width:7px;padding:40px 0;background:#1975c3;}
#slider{position:relative;width:7px;height:140px;background:#1975c3;}
#slider span{display:block;position:absolute;width:32px;height:32px;margin-bottom:-16px;margin-left:-12px;outline:0;background:url(../img/grip.png);}
#fs_btn{display:block;width:54px;height:54px;background:url(../img/fs_btn.png);}
#zoomIn_btn{display:block;position:absolute;top:54px;width:54px;height:54px;background:url(../img/plus_btn.png);}
#zoomOut_btn{display:block;position:absolute;top:278px;width:54px;height:54px;background:url(../img/minus_btn.png);}
#krpanoSWFObject *{box-sizing:content-box;}
#pano-close{display:block;position:absolute;top:20px;right:20px;width:54px;height:54px;border-radius:27px;background:#1975c3 url(../img/pano-x.png) no-repeat center;background-size:20px;box-shadow:2px 2px 5px rgba(0,0,0,.2);}
#youtubeWrap{line-height: 100vh;vertical-align: middle;width:100%;height:100%;position: relative;background:#000;text-align: center;}
#youtubeWrap iframe { width:100%; height:100%; border:0; }
#youtube-close{display:block;position:absolute;top:20px;right:20px;width:54px;height:54px;border-radius:27px;background:#1975c3 url(../img/pano-x.png) no-repeat center;background-size:20px;box-shadow:2px 2px 5px rgba(0,0,0,.2);}
#imagesWrap {width:100%;height:100%;position: relative;background:#fff;}
#images-close{display:block;z-index: 10;position:absolute;top:20px;right:20px;width:54px;height:54px;border-radius:27px;background:#1975c3 url(../img/pano-x.png) no-repeat center;background-size:20px;box-shadow:2px 2px 5px rgba(0,0,0,.2);}
#images_list { width:100%; height:100%; position: relative; }
#images_list .image_item {width:100%;height:100%;position:absolute;background-size:cover;background-position: center;opacity: 0;transition:0.3s ease-in-out;}
#images_list .image_item.active { z-index:10; opacity: 1;}
#slide_thumb_wrap { z-index:20; position: absolute; left: 0; right: 0; bottom: 0; height:200px; background:rgba(0,0,0,.5); }
#slide_prev,#slide_next  { width:28px; height:52px; top:50%; margin-top:-26px; }
#slide_prev { background:url(../img/ctr_prev.png) no-repeat center; position: absolute; left: 50px;}
#slide_next { background:url(../img/ctr_next.png) no-repeat center; position: absolute; right: 50px;}
#slide_thumb {overflow: hidden;height: 120px;position: absolute;left: 150px;right: 150px;top: 50%;margin:0 auto;margin-top: -60px;}
.thumb_li {position: absolute;width:190px;height:120px;margin-right: 20px;}
.thumb_a { display: block;width: 100%;height: 100%;}
.thumb_li.active {border:3px solid #fff;}
/* #youtubeWrap:before { width:100%; height:70px; background:#000; content:''; position:absolute; top:0;left:0;z-index:30 }
#youtubeWrap:after { width:100%; height:180px; background:#000; content:''; position:absolute; bottom:50px;left:0;z-index:30 }
 */

#search_bg { position: fixed; top:0; left:0; right:0; bottom:0; z-index:29; background:rgba(0,0,0,0.5);display:none;}
#search_wrap {top: 0;left: 0;position: fixed;background: rgba(0,0,0,0.5);width: 100%;height: 100%;display:none;z-index:999;}
#search{position: absolute;left: 50%;width: 870px;top: 100px;margin-left: -435px;}
#searchForm{position:relative;height:70px;padding: 0 90px 0 0px;}
#searchKeyword{padding: 0 30px;border: 0;display:block;width:100%;height:70px;font-size:25px;line-height:70px;vertical-align:70px;}
#searchSubmit{background: #fff;display:block;position:absolute;top:0;right:0;width:90px;height:100%;}
#searchResult {margin-top: 20px;background:#fff;}
#searchResult .item {padding: 0 30px;height:75px;line-height: 75px;vertical-align: middle;}
#searchResult .item + .item { border-top:1px solid #ddd; }
#searchResult .item .item_cate {display:inline-block;width:130px;padding-right: 30px;vertical-align: middle;}
#searchResult .item .item_title {line-height: 1.5;padding-right: 30px;vertical-align: middle;display:inline-block;width: 200px;font-weight:bold;}
#searchResult .item .item_address {line-height: 1.5;padding-right: 30px;vertical-align: middle;display:inline-block;width: calc(100% - 450px);white-space: normal;word-break: break-all;}
#searchResult .item .search_detail_btn {font-size: 14px; vertical-align:middle; padding: 8px 15px;background: #1a66a7;color: #fff;border-radius: 3px;}

#search_paging { text-align: center; margin-top:20px;}
#search_paging .pager {border: 1px solid #eee;width:34px;height:34px;background:#fff;color:#00aeef;margin:0 2px;}
#search_paging .pager.on { background:#00aeef; color:#fff; }
#searchResult .search_notfound { padding:50px; text-align:center; }
#searchResult .search_notfound .ment1 { font-size:25px; }
#searchResult .search_notfound .ment1 span {color: #0179b8;}
#searchResult .search_notfound .ment2 { font-size:18px; color:#7b7c7d; margin-bottom:30px; }
#search_close {position:absolute; top:20px; left:20px; width:50px; height:50px; background:url(../img/x_b.png) no-repeat center;}


/* 숙박업소 기능 삭제 */
.marker.marker_4,
#gnb .dept1 > li:nth-child(4){display:none !important}