@charset "utf-8";

img[src*="/_guide/img/ico_notice.svg"] {content:url(../img/board/ico_notice.svg);}

.bod_head .bod_search {border-radius:.5em;}
.bod_head .btn {background:#222 !important; border-radius:.25em !important;}
.bod_head .btn.icon.search {background-image:url(/_guide/img/button/white/search.svg) !important;}
.bod_multiSearch {border-radius:.5em;}

.bod_guide:before {background:linear-gradient(130deg,rgba(69, 30, 164, 1) 0%, rgba(213, 23, 32, 1) 100%);}
.bod_guide .tit {color:#451EA4;}

.bod_page > span {background:#451EA4;}

/* 양산명소 */
.bod_photo li a,
.bod_photo li:not(.no_data) > span,
.bod_movie li a {display:block; border:1px solid #DAE1EC; border-radius:1.57em; overflow:hidden;}
.cate-group .ico-cate {position:absolute; top:100%; right:100%;}
.cate-group .ico-cate[data-cate="양산8경"] {display:block; width:2.63em; height:2.63em; text-indent:-999px; background:url(../img/sub/02/ico_cate_good.svg) no-repeat 50% 50%, linear-gradient(130deg, #321C81, #AF19AC); background-size:contain; border-radius:1.05em; top:.78em; right:.78em; overflow:hidden;}
.bod_photo .thumb > figure, .bod_movie .thumb > figure {top:-5%; bottom:-5%}
.bod_photo .cont, 
.bod_movie .cont {padding:1.05em 1.05em 1.31em;}
.bod_photo .cont > span, 
.bod_movie .cont > span {font-size:.84em; color:#555;}
.has-map {}

.view_info_tour {min-height:19.31em; padding-bottom:2.1em; padding-left:50%; margin-bottom:2.5em; border-bottom:2px dotted #DAE1EC; position:relative;}
.view_info_tour .thumb {width:45%; float:left; position:absolute; top:0; left:0;}
.view_info_tour .thumb figure {display:inline-block; max-height:17.21em; background:#efefef; border-radius:1.57em; overflow:hidden;}
.view_info_tour .thumb img {display:block; width:100%; min-width:33.4%; height:100%;}
.view_info_tour .tit strong {display:block; font-size:1.78em;}
.view_info_tour .box-notice {margin-top:.52em; margin-bottom:1.57em !important; color:#555;}
.view_info_tour .list-ul {font-size:.94em;}
.view_info_tour + .view_cont {padding:0;}
.bod_view .view_cont {overflow:visible;}
.bod_view .view_cont:after {content:''; display:block; clear:both;}
.bod_view .view_cont.has-map {border-bottom:0;}
.view_cont .bx-wrapper {max-width:100% !important; margin:0 !important; background:none; border:0; box-shadow:none;}
.view_cont .view-popup {display:block; width:15.5em !important; height:9.44em; margin-right:1.11em !important; background:#f8f8f8; border-radius:.55em; overflow:hidden;}
.view_cont .view-popup img {width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.view_cont .bx-controls a {display:block; width:2.77em; height:2.77em; margin-top:-1.385em; background:#fff no-repeat 50% 50% !important; background-size:contain !important; border:1px solid #DAE1EC; border-radius:50%; z-index:2; transition:.3s;}
.view_cont .bx-controls .bx-prev {background-image:url(../img/common/btn_slidePrev.svg) !important; left:-1.385em;}
.view_cont .bx-controls .bx-next {background-image:url(../img/common/btn_slideNext.svg) !important; right:-1.385em;}
.view_cont .bx-controls a:hover {box-shadow:0 .86em 1.04em rgba(17,43,98,.15);}
.view_cont #view_popup_layer {display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.5); z-index:101;}
.view_cont #view_popup_layer .pop {position:absolute; width:100%; text-align:center; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.view_cont #view_popup_layer .pop .pop-close {display:block; padding:.8em; background:#000; border-radius:50%; overflow:hidden; position:absolute; left:50%; margin-left:-1.3em; top:-1.3em;}
.view_cont #view_popup_layer .pop .pop-close img {display:block; width:1em; height:1em;}
.view_cont #view_popup_layer .pop .frame {display:inline-block; max-width:90%; max-height:90%; border-radius:1.11em; overflow:hidden;}
.view_cont #view_popup_layer .pop .frame img {display:block;}
.view_info_tour .root_daum_roughmap .map_border {display:none;}
.famous_map .map {width:58%; height:25.2em; border-radius:1.05em; float:left; overflow:hidden;}
.famous_map .map_point {width:38%; height:25.2em; float:right; position:relative;}
.famous_map .map_point > ul {margin:0 -.27em; }
.famous_map .map_point > ul > li {width:33.33%; padding:0 .27em; float:left;}
.famous_map .map_point > ul > li > a {display:block; padding:.7em; font-weight:700; color:#555; text-align:center; background:#f8f8f8; border:1px solid #DAE1EC; border-radius:.55em;}
.famous_map .map_point > ul > li > div {display:none; width:100%; height:22.2em; overflow:hidden; position:absolute; left:0;}
.famous_map .map_point > ul > li.on > a {color:#fff; background:#451EA4; border-color:#451EA4; box-shadow:0 0 1.05em rgba(69,30,164,.2);}
.famous_map .map_point > ul > li.on > div {display:block;}
.famous_map .map_point .list .img {display:none;}
.famous_map .map_point .list .txt {padding:1.05em 0; border-bottom:1px solid #DAE1EC;}
.famous_map .map_point .list .tit a {font-weight:700; color:#333;}
.famous_map .map_point .list .add {padding-left:1.56em; margin-top:.62em; font-size:.88em; color:#555; position:relative;}
.famous_map .map_point .list .add:before {content:''; width:1.25em; height:1.25em; background:url(../img/sub/02/ico_map.svg) no-repeat 50% 50%; background-size:contain; position:absolute; top:.12em; left:0;}


.bod_photo .category, 
.bod_movie .category,
.view_info_tour .list_dept,
.foodCate {display:inline-block !important; padding:.26em 1.25em; font-size:.84em !important; background:#f8f8f8; border-radius:5em; position:relative;}
.bod_photo .category:before, 
.bod_movie .category:before,
.view_info_tour .list_dept:before {content:''; display:none; width:1.5em; height:1.5em; background:no-repeat 50% 50%; background-size:contain; position:absolute; top:50%; margin-top:-.75em; left:.93em;}
.bod_photo .category + span, 
.bod_movie .category + span,
.view_info_tour .list_dept + strong {margin-top:.3em;}

.bod_photo .cont [data-cate="산"],
.view_info_tour [data-cate="산"],
.bod_photo .cont [data-cate="계곡/폭포"],
.view_info_tour [data-cate="계곡/폭포"],
.bod_photo .cont [data-cate="사찰"],
.view_info_tour [data-cate="사찰"],
.bod_photo .cont [data-cate="휴양시설"],
.view_info_tour [data-cate="휴양시설"],
.bod_photo .cont [data-cate="박물관 및 미술관"],
.view_info_tour [data-cate="박물관 및 미술관"],
.bod_photo .cont [data-cate="기타명소"],
.view_info_tour [data-cate="기타명소"],
.bod_photo .cont [data-cate="고적"],
.view_info_tour [data-cate="고적"] {padding:.26em 1.25em .26em 2.75em;}

.bod_photo .cont [data-cate="산"],
.view_info_tour [data-cate="산"],
.bod_photo .cont [data-cate="자연유산"],
.view_info_tour [data-cate="자연유산"],
.bod_photo .cont [data-cate="보물"],
.view_info_tour [data-cate="보물"],
.bod_photo .cont [data-cate="목칠공예"],
.view_info_tour [data-cate="목칠공예"],
.bod_photo .cont [data-cate="캠핑장·야영장"],
.view_info_tour [data-cate="캠핑장·야영장"],
.bod_photo .cont [data-cate="접수대기"],
.view_info_tour [data-cate="접수대기"],
.foodCate[data-cate="맛집"] {color:#118854; background:#E4FBF1;}
.bod_photo .cont [data-cate="계곡/폭포"],
.view_info_tour [data-cate="계곡/폭포"],
.bod_photo .cont [data-cate="천연기념물"],
.view_info_tour [data-cate="천연기념물"],
.bod_photo .cont [data-cate="문화유산자료"],
.view_info_tour [data-cate="문화유산자료"],
.bod_photo .cont [data-cate="석공예"],
.view_info_tour [data-cate="석공예"],
.bod_photo .cont [data-cate="양식"],
.view_info_tour [data-cate="양식"],
.foodCate[data-cate="양식"],
.bod_photo .cont [data-cate="펜션·민박"],
.view_info_tour [data-cate="펜션·민박"],
.eventBox.ty3 .cate {color:#006DB7; background:#DEF0FD;}
.bod_photo .cont [data-cate="사찰"],
.view_info_tour [data-cate="사찰"],
.bod_photo .cont [data-cate="사적"],
.view_info_tour [data-cate="사적"],
.bod_photo .cont [data-cate="민속문화유산"],
.view_info_tour [data-cate="민속문화유산"],
.bod_photo .cont [data-cate="가야금명인"],
.view_info_tour [data-cate="가야금명인"],
.bod_photo .cont [data-cate="중식"],
.view_info_tour [data-cate="중식"],
.foodCate[data-cate="중식"],
.bod_photo .cont [data-cate="접수중"],
.view_info_tour [data-cate="접수중"],
.eventBox.ty2 .cate {color:#BA2138; background:#FFE4E8;}
.bod_photo .cont [data-cate="휴양시설"],
.view_info_tour [data-cate="휴양시설"],
.bod_photo .cont [data-cate="등록문화유산"],
.view_info_tour [data-cate="등록문화유산"],
.bod_photo .cont [data-cate="양산도예"],
.view_info_tour [data-cate="양산도예"],
.bod_photo .cont [data-cate="카페"],
.view_info_tour [data-cate="카페"],
.foodCate[data-cate="카페"],
.bod_photo .cont [data-cate="모텔"],
.view_info_tour [data-cate="모텔"],
.eventBox.ty4 .cate {color:#D36300; background:#FBEDE1;}
.bod_photo .cont [data-cate="박물관 및 미술관"],
.view_info_tour [data-cate="박물관 및 미술관"],
.bod_photo .cont [data-cate="국보"],
.view_info_tour [data-cate="국보"],
.bod_photo .cont [data-cate="기념물"],
.view_info_tour [data-cate="기념물"],
.bod_photo .cont [data-cate="박공예"],
.view_info_tour [data-cate="박공예"],
.bod_photo .cont [data-cate="한식"],
.view_info_tour [data-cate="한식"],
.foodCate[data-cate="한식"],
.bod_photo .cont [data-cate="호텔"],
.view_info_tour [data-cate="호텔"],
.eventBox.ty1 .cate {color:#451EA4; background:#F3EEFF;}
.bod_photo .cont [data-cate="기타명소"],
.view_info_tour [data-cate="기타명소"],
.bod_photo .cont [data-cate="국가민속문화유산"],
.view_info_tour [data-cate="국가민속문화유산"],
.bod_photo .cont [data-cate="유형문화유산"],
.view_info_tour [data-cate="유형문화유산"],
.bod_photo .cont [data-cate="기타"],
.view_info_tour [data-cate="기타"],
.foodCate[data-cate="기타"],
.bod_photo .cont [data-cate="콘도"],
.view_info_tour [data-cate="콘도"] {color:#A90F76; background:#FEE8F7;}
.bod_photo .cont [data-cate="고적"],
.view_info_tour [data-cate="고적"],
.bod_photo .cont [data-cate="국가무형유산"],
.view_info_tour [data-cate="국가무형유산"],
.bod_photo .cont [data-cate="무형유산"],
.view_info_tour [data-cate="무형유산"],
.bod_photo .cont [data-cate="일식"],
.view_info_tour [data-cate="일식"],
.foodCate[data-cate="일식"] {color:#89791A; background:#FAF5D5;}

.bod_photo [data-cate="산"]:before,
.view_info_tour [data-cate="산"]:before {display:block; background-image:url(../img/sub/02/ico_cate1.svg);}
.bod_photo [data-cate="계곡/폭포"]:before,
.view_info_tour [data-cate="계곡/폭포"]:before {display:block; background-image:url(../img/sub/02/ico_cate2.svg);}
.bod_photo [data-cate="사찰"]:before,
.view_info_tour [data-cate="사찰"]:before {display:block; background-image:url(../img/sub/02/ico_cate3.svg);} 
.bod_photo [data-cate="휴양시설"]:before,
.view_info_tour [data-cate="휴양시설"]:before {display:block; background-image:url(../img/sub/02/ico_cate4.svg);} 
.bod_photo [data-cate="박물관 및 미술관"]:before,
.view_info_tour [data-cate="박물관 및 미술관"]:before {display:block; background-image:url(../img/sub/02/ico_cate5.svg);} 
.bod_photo [data-cate="기타명소"]:before,
.view_info_tour [data-cate="기타명소"]:before {display:block; background-image:url(../img/sub/02/ico_cate6.svg);} 
.bod_photo [data-cate="고적"]:before,
.view_info_tour [data-cate="고적"]:before {display:block; background-image:url(../img/sub/02/ico_cate7.svg);}

.reduce-number {display:inline-block; margin-right:.5em;}
.reduce-number > * {display:inline-block;}

@media (max-width:1024px) {
	.famous_map .map {width:100%; float:none; height:15em; margin-bottom:.5em;}
	.famous_map .map_point {width:100%; float:none;}
}
@media (max-width:1024px) and (min-width:769px){
	.famous_map .map_point {height:14.2em;}
	.famous_map .map_point > ul > li > div {height:11.2em;}
	.famous_map .map_point .list {margin:0 -.27em;}
	.famous_map .map_point .list > li {width:50%; padding-left:.27em; padding-right:.27em; float:left;}
}
@media (max-width:768px) {
	.view_info_tour {padding-left:0;}
	.view_info_tour .thumb {width:auto; margin-bottom:1.5em; text-align:center; float:none; position:static;}
	.view_info_tour .thumb img {width:auto;}
}

.wideMap {border-radius:1.05em; overflow:hidden;}
.wideMap .map_border {display:none;}
.wideMap .cont {display:none;}

.bod_food {padding:2.1em 0 .53em; border:1px solid #333; border-width:2px 0 1px 0;}
.bod_food .listList > li {margin:0 0 1.57em;}
.bod_food .subj {margin-top:.38em;}
.bod_food .listList .eventBox .list-info li {height:1.5em; -webkit-line-clamp:1;}
.bod_food .listList .eventBox .list-info strong {display:inline-block;}

.foodPop .subj{display:block; display:block; margin:.38em 0; font-size:1.36em; font-weight:700;}
.foodPop .list-info {padding-top:1.05em; border-top:1px solid #DAE1EC;}
.foodPop .foodSlide {position:relative; width:60%; margin:0 auto 1em;}
.foodPop .foodSlide .slider {border-radius:1.05em; overflow:hidden;}
.foodPop .foodSlide .control button {display:block; width:2.77em; height:2.77em; margin-top:-1.385em; text-indent:-999px; background:#fff no-repeat 50% 50%; background-size:contain; border:1px solid #DAE1EC; border-radius:50%; z-index:2; overflow:hidden; transition:.3s; position:absolute; top:50%;}
.foodPop .foodSlide .control .prev {background-image:url(../img/common/btn_slidePrev.svg) !important; left:-1.385em;}
.foodPop .foodSlide .control .next {background-image:url(../img/common/btn_slideNext.svg) !important; right:-1.385em;}
.foodPop .foodSlide .control button:hover {box-shadow:0 .86em 1.04em rgba(17,43,98,.15);}
.foodPop .foodSlide .swiper-slide {height:20em; background:#f8f8f8; overflow:hidden;}
.foodPop .foodSlide .swiper-slide span {display:block; position:absolute; top:0; right:-100%; bottom:0; left:-100%; text-align:center;}
.foodPop .foodSlide .swiper-slide img {display:inline-block; width:auto; height:100%;}

@media (max-width:768px) {
	.foodPop .foodSlide {width:80%;}
}
@media (max-width:480px) {
	.foodPop .foodSlide {width:85%;}
	.foodPop .foodSlide .swiper-slide {height:16em;}
}