@charset "UTF-8"; 

/********************************
 여행지탐색
 *******************************/
/*여행지 검색바*/
.search_bar_box {position:relative; border:1px solid #e5e5e5; border-radius:10px; background-color:#f7f7fc; margin-bottom: 50px;}
.search_bar_box .inner_box {position:relative; padding:25px 30px;}
.sch_map_area {display:table-cell; vertical-align:middle; width:284px; text-align:center; border-radius:10px; background:#fff url('../images/sub/sch_map_bg.jpg'); background-size:cover;}
.sch_map_area .map_btn {display:inline-block; position:relative; width:auto; font-size:0; line-height:0; vertical-align:top; box-sizing:border-box; text-align:center; background-color:#ef3e56; border: 1px solid #ef3e56; border-radius:5px;}
.sch_map_area .map_btn:hover {background-color:#1b224e; border: 1px solid #1b224e;}
.sch_map_area .map_btn .btn {display:inline-flex; justify-content:center; align-items:center; z-index:3; position:relative; min-width:130px; width:auto; height:5.2rem; padding:12px 20px; font-size:1.6rem; line-height: 1; letter-spacing:-0.02em; font-weight:400; font-family:'SCD'; vertical-align:top; box-sizing:border-box; color:#fff;}

.search_box_R {vertical-align:top; display:table-cell; padding:0 0 0 32px;}

.search_Tpye01 {display:table; width:100%; table-layout:fixed; margin-bottom:1em;}
.search_Tpye01 dl {display:table-row; }
.search_Tpye01 dl > dt,
.search_Tpye01 dl > dd {display:table-cell; vertical-align:middle; position:relative; padding:.88235294em; border-bottom:1px solid #ddd;}
.radio_tit {display:table-cell; width:80px; font-weight:700; font-size:1.6rem; line-height:40px; color:#333; text-align:left;}

.search_Tpye02 {position:relative;}
.search_Tpye02 dl {display:table; width:100%;}
.search_Tpye02 dl .tit {display: table-cell; width:80px; padding:.88235294em; font-weight:700; font-size:1.6rem; line-height:40px; color:#333; text-align:left;}
.search_Tpye02 select {padding:0 30px 0 12px; width:100%; border:1px solid #ddd; border-radius:5px;}
.search_Tpye02 dl dd.search_list {display:table-cell; width:160px; padding:0 10px; vertical-align: middle;}
.search_Tpye02 dl dd.search_txtboxA {display: table-cell; position: relative; padding: 0 210px 0 0; vertical-align: middle;}
.search_Tpye02 dl dd.search_txtboxA input {width:100%;}

.search_btn_cont {position:absolute; right:0; bottom:12px;}
.search_btn_cont button {width:100px; height:45px; background:#000; cursor:pointer; border-radius:5px;}
.search_btn_cont button span {color:#fff; font-size:1.6rem;}
.search_btn_cont button.btn {background:#4a4a4a;}
.search_btn_cont button:hover,
.search_btn_cont button:active,
.search_btn_cont button:focus {background-color:#bd2148; transition:background-color 0.2s linear;}

/*고대비*/
.gray .tour_info_sights_cont .search_Tpye01 dl > dt.radio_tit {color:#fff;}
.gray .tour_info_sights_cont .search_bar_box {background-color:#121212;}
.gray .tour_info_sights_cont .search_Tpye02 dl .tit {color:#fff;}

@media screen and (max-width:1024px) {
	.sch_map_area {display:block; width:auto; height:180px; margin: 0 auto 20px; padding:60px 0}
	.search_box_R {display:block; width:100%; padding:0; border-top:1px solid #ddd;}
	.search_Tpye02 dl .tit {display:block; width:100%; padding:0 .88235294em;}
	.search_Tpye02 dl dd.search_list {display:block; width:100%; padding:5px 0 5px 10px; } 
	.search_Tpye02 dl dd.search_txtboxA {display:block; width:100%; padding:0 210px 0 10px;}
	.search_btn_cont {bottom:0;}
}

@media screen and (max-width:500px) {	
	.search_Tpye01 dl > dt, .search_Tpye01 dl > dd {display:block;}
	.search_Tpye01 dl > dt {border-bottom:none; padding:0;}
	.search_Tpye01 dl > dd {padding:0 0 .88235294em;}
	.radio_tit {display:block; width:100%; margin-top: 10px;}
	.search_Tpye02 dl .tit {padding:0;}
	.search_Tpye02 dl dd.search_list {padding:5px 0 5px;}
	.search_Tpye02 dl dd.search_txtboxA {padding:0 150px 0 0;}
	.search_btn_cont button {width:70px;}
	.search_btn_cont button span {font-size:1.5rem;}
}

/*목록*/
.tour_list_area {border-top: 2px solid #7f7f7f; padding:30px 0 0;}
.tour_list_area > .list > li {border-bottom: 1px solid #d8dee6;}
.tour_list_area > .list > li:last-child {border-bottom: none;}
.tour_list_area > .list > li:first-child .box_area {padding:20px 0 50px;}
.tour_list_area > .list > li .box_area {display: block; padding:50px 0;}

.item .box_area .image {display:inline-block; width:396px; height:240px; vertical-align:top; border:1px solid #d8dee6; border-radius:30px;}
.item .box_area .image img {border-radius:30px; height:100%; width:100%;}
.item .box_area .cont {display:inline-block; margin-left:53px; width:calc(100% - 460px);}

.item .box_area .cont .title_area {font-family:'esamanru'; font-size:2.4rem; font-weight:400; color:#333;}
.item .box_area .cont .map_area {margin:10px 0;}
.item .box_area .cont .map_area .sub_tit {display:inline-block; min-width:90px; margin:0 14px 0 0; padding: 0 21px; font-weight:400; text-align:center; background-color:#626dbd; font-size:1.6rem; line-height:32px; color:#fff; vertical-align: middle; border-radius:16px;}

.item .box_area .cont .map_area .text {display:inline-block; width:calc(100% - 120px); font-size:1.8rem; font-weight:400; line-height:32px; color:#555; vertical-align:middle;}
.item .box_area .cont .info_area {overflow:hidden; font-size:1.5rem; font-weight:400; color:#555; line-height:32px; margin-bottom:20px; height:34px; text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

/*고대비*/
.gray .item .box_area .cont .title_area {color:#fff;}
.gray .place_count span {color:#fff;}
.gray .item .box_area .cont .map_area .text {color:#fff;}
.gray .item .box_area .cont .info_area {color:#fff;}

/*리스트정렬버튼*/
.range_box {display: flex; gap:10px; align-items: center;}
.range_box li {display:inline-block;position:relative;box-sizing:border-box;}
.range_box li a.btn {display:inline-flex;justify-content:center;align-items: center;z-index:3;position:relative;height: 4rem;width: auto;padding:12px 20px;font-size: 1.5rem;font-weight:400;font-family:'SCore';border-radius:6px;box-sizing:border-box;border: 1px solid #d2d2d2;}
.range_box li:first-child {margin-left:0;}
.range_box li a:hover,
.range_box li a:active,
.range_box li a:focus,
.range_box li.on a {text-decoration:underline; background-color:#118159; border:1px solid #118159; color:#fff; font-weight:500;}


@media screen and (max-width:1024px) {
	.item .box_area .image {display:block; margin:0 auto; }
	.item .box_area .cont {display:block; width:100%; margin-left:0; margin-top:30px;}
	.item .box_area .cont .map_area .text {font-size:1.7rem; line-height:28px;}
}

@media screen and (max-width:440px) {
	.item .box_area .image {width:100%; height:auto; }
}

@media screen and (max-width:400px) {
	.item .box_area .cont .map_area .text {display:block; width:100%; margin-top:10px; font-size:1.5rem;}
}

/*픽토그램*/
.picto_list {}
.picto_list > .list {font-size: 0;}
.picto_list > .list > li {display: inline-block;margin:0 10px 10px 0;}
.picto_list > .list > li:last-child {margin-right:0;}
.picto_list > .list > li .picto_icon {display:table; overflow:hidden; width:100%; max-width:45px;table-layout:fixed; background:#882087; border-radius:4px;}
.picto_list > .list > li .picto_icon .inner_box {display:table-cell; position:relative; width:100%; height:45px; background-image:url('../images/icon_pictogram01.png'); background-repeat: no-repeat; background-size: auto 45px; vertical-align: middle; text-align: center;}

.picto_list > .list > li .picto_icon .inner_box.icon01 {background-position:0px 0px;}/*장애인 주차장*/
.picto_list > .list > li .picto_icon .inner_box.icon02 {background-position:-54px 0px;}/*장애인 객실*/
.picto_list > .list > li .picto_icon .inner_box.icon03 {background-position:-114px 0px;}/*장애인 화장실*/
.picto_list > .list > li .picto_icon .inner_box.icon04 {background-position:-167px 0px;}/*가족 화장실*/
.picto_list > .list > li .picto_icon .inner_box.icon05 {background-position:-222px 0px;}/*출입문 단차*/
.picto_list > .list > li .picto_icon .inner_box.icon06 {background-position:-275px 0px;}/*진입 경사로*/
.picto_list > .list > li .picto_icon .inner_box.icon07 {background-position:-330px 0px;}/*승강기*/
.picto_list > .list > li .picto_icon .inner_box.icon08 {background-position:-387px 0px;}/*장애인 이용가능 출입문*/
.picto_list > .list > li .picto_icon .inner_box.icon09 {background-position:-442px 0px;}/*음성안내*/
.picto_list > .list > li .picto_icon .inner_box.icon10 {background-position:-499px 0px;}/*안내판.점자안내*/
.picto_list > .list > li .picto_icon .inner_box.icon11 {background-position:-553px 0px;}/*휠체어 대여*/
.picto_list > .list > li .picto_icon .inner_box.icon12 {background-position:-609px 0px;}/*유모차 대여*/
.picto_list > .list > li .picto_icon .inner_box.icon13 {background-position:-665px 0px;}/*기저귀교환대*/
.picto_list > .list > li .picto_icon .inner_box.icon14 {background-position:-720px 0px;}/*수유공간*/
.picto_list > .list > li .picto_icon .inner_box.icon15 {background-position:-774px 0px;}/*무장애체험시설*/
.picto_list > .list > li .picto_icon .inner_box.icon16 {background-position:-831px 0px;}/*입식테이블*/
.picto_list > .list > li .picto_icon .inner_box.icon17 {background-position:-884px 0px;}/*반려동물 동반가능*/


/*픽토그램 사이즈 35*/
.picto_list > .list > li .picto_icon.s35 {max-width:35px;}
.picto_list > .list > li .picto_icon.s35 .inner_box {height:35px; background-size: auto 35px;}

.picto_list > .list > li .picto_icon.s35 .inner_box.icon01 {background-position:0px 0px;}/*장애인 주차장*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon02 {background-position:-42px 0px;}/*장애인 객실*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon03 {background-position:-88px 0px;}/*장애인 화장실*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon04 {background-position:-130px 0px;}/*가족 화장실*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon05 {background-position:-172px 0px;}/*출입문 단차*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon06 {background-position:-214px 0px;}/*진입 경사로*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon07 {background-position:-256px 0px;}/*승강기*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon08 {background-position:-300px 0px;}/*장애인 이용가능 출입문*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon09 {background-position:-343px 0px;}/*음성안내*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon10 {background-position:-388px 0px;}/*안내판.점자안내*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon11 {background-position:-430px 0px;}/*휠체어 대여*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon12 {background-position:-474px 0px;}/*유모차 대여*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon13 {background-position:-518px 0px;}/*기저귀교환대*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon14 {background-position:-560px 0px;}/*수유공간*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon15 {background-position:-602px 0px;}/*무장애체험시설*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon16 {background-position:-646px 0px;}/*입식테이블*/
.picto_list > .list > li .picto_icon.s35 .inner_box.icon17 {background-position:-688px 0px;}/*반려동물 동반가능*/

/*검색옵션 픽토그램_사이즈 66*/
.categoryList {display:table; width:100%; table-layout:fixed; margin-bottom:1em;}
.categoryList .ctg_tit {width:140px; font-weight:700; font-size:1.8rem; line-height:40px; color:#333; vertical-align:top; word-break:keep-all;}
.categoryList > dt,
.categoryList > dd {display:table-cell; vertical-align:middle; position:relative; padding:.88235294em; border-bottom:1px solid #ddd;}

.picto_Box > .list {font-size: 0;}
.picto_Box > .list > li {display: inline-block; margin:0 0 28px; width:calc((100% - 140px) / 10); vertical-align:top;}
.picto_Box > .list > li .btn {display:block; margin:0 auto;}
.picto_Box > .list > li .btn .picto_icon {width:66px; max-width:inherit; margin:0 auto 8px;}

.picto_Box > .list > li .picto_icon {display:table;overflow:hidden; width:100%; max-width:64px; table-layout:fixed; border-radius:4px;}
.picto_Box > .list > li .picto_icon .inner_box {display:table-cell; position:relative; width:100%; height:64px; padding:0; background-repeat: no-repeat; background-size: auto 66px; vertical-align: middle; text-align: center;}

.picto_Box > .list > li.on .picto_icon {background:#882087; border:1px solid #882087;}
.picto_Box > .list > li.on .picto_icon .inner_box {background-image:url('../images/icon_pictogram01.png');}
.picto_Box > .list > li.off .picto_icon {background:#fff; border:1px solid #d9d9db;}
.picto_Box > .list > li.off .picto_icon .inner_box {background-image:url('../images/icon_pictogram02.png');}
.picto_Box > .list > li .text {font-family:'Pretendard'; font-size:1.4rem; color:#464646; word-break:keep-all; }

.picto_Box > .list > li.off .picto_icon .inner_box.icon01,
.picto_Box > .list > li.on .picto_icon .inner_box.icon01 {background-position:-2px 0px;}/*장애인 주차장*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon02,
.picto_Box > .list > li.on .picto_icon .inner_box.icon02 {background-position:-79px 0px;}/*장애인 객실*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon03,
.picto_Box > .list > li.on .picto_icon .inner_box.icon03 {background-position:-166px 0px;}/*장애인 화장실*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon04,
.picto_Box > .list > li.on .picto_icon .inner_box.icon04 {background-position:-244px 0px;}/*가족 화장실*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon05,
.picto_Box > .list > li.on .picto_icon .inner_box.icon05 {background-position:-325px 0px;}/*출입문 단차*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon06,
.picto_Box > .list > li.on .picto_icon .inner_box.icon06 {background-position:-404px 0px;}/*진입 경사로*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon07,
.picto_Box > .list > li.on .picto_icon .inner_box.icon07 {background-position:-485px 0px;}/*승강기*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon08,
.picto_Box > .list > li.on .picto_icon .inner_box.icon08 {background-position:-568px 0px;}/*장애인 이용가능 출입문*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon09,
.picto_Box > .list > li.on .picto_icon .inner_box.icon09 {background-position:-648px 0px;}/*음성안내*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon10,
.picto_Box > .list > li.on .picto_icon .inner_box.icon10 {background-position:-730px 0px;}/*안내판.점자안내*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon11,
.picto_Box > .list > li.on .picto_icon .inner_box.icon11 {background-position:-812px 0px;}/*휠체어 대여*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon12,
.picto_Box > .list > li.on .picto_icon .inner_box.icon12 {background-position:-896px 0px;}/*유모차 대여*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon13,
.picto_Box > .list > li.on .picto_icon .inner_box.icon13 {background-position:-978px 0px;}/*기저귀교환대*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon14,
.picto_Box > .list > li.on .picto_icon .inner_box.icon14 {background-position:-1056px 0px;}/*수유공간*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon15,
.picto_Box > .list > li.on .picto_icon .inner_box.icon15 {background-position:-1137px 0px;}/*무장애체험시설*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon16,
.picto_Box > .list > li.on .picto_icon .inner_box.icon16 {background-position:-1220px 0px;}/*입식테이블*/
.picto_Box > .list > li.off .picto_icon .inner_box.icon17,
.picto_Box > .list > li.on .picto_icon .inner_box.icon17 {background-position:-1298px 0px;}/*반려동물 동반가능*/

/*고대비*/
.gray .categoryList .ctg_tit {color:#fff;}
.gray .picto_Box > .list > li .text {color:#f6f6f6;}

@media screen and (max-width:1400px) {
	.categoryList .ctg_tit {display: block; width:100%; margin: 0 0 10px;}
	.categoryList > dd {display: block; width:100%; padding-left:0;}
}

@media screen and (max-width:1280px) {
	.picto_Box > .list > li {width:calc((100% - 0px) / 10);}
	
}

@media screen and (max-width:980px) {
	.picto_Box > .list > li {width:calc((100% - 0px) / 9);}

}

@media screen and (max-width:768px) {
	.picto_Box > .list > li {width:calc((100% - 0px) / 6);}
}

@media screen and (max-width:580px) {
	.picto_Box > .list > li {width:calc((100% - 0px) / 5);}
}

@media screen and (max-width:540px) {
	.categoryList .ctg_tit {font-size:1.8rem; padding:0;}
	.picto_Box > .list > li {width:calc((100% - 0px) / 4);}	
	.picto_Box > .list > li .btn .picto_icon {width:45px; max-width:inherit; margin:0 auto 8px;}
	.picto_Box > .list > li .picto_icon {max-width:43px;}
	.picto_Box > .list > li .picto_icon .inner_box {height:43px;background-size: auto 45px;}
	.picto_Box > .list > li .text {font-size:1.3rem; }
	
	.picto_Box > .list > li.off .picto_icon .inner_box.icon01,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon01 {background-position:-2px 0px;}/*장애인 주차장*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon02,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon02 {background-position:-54px 0px;}/*장애인 객실*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon03,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon03 {background-position:-114px 0px;}/*장애인 화장실*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon04,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon04 {background-position:-167px 0px;}/*가족 화장실*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon05,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon05 {background-position:-222px 0px;}/*출입문 단차*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon06,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon06 {background-position:-275px 0px;}/*진입 경사로*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon07,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon07 {background-position:-330px 0px;}/*승강기*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon08,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon08 {background-position:-387px 0px;}/*장애인 이용가능 출입문*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon09,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon09 {background-position:-442px 0px;}/*음성안내*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon10,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon10 {background-position:-499px 0px;}/*안내판.점자안내*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon11,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon11 {background-position:-553px 0px;}/*휠체어 대여*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon12,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon12 {background-position:-609px 0px;}/*유모차 대여*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon13,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon13 {background-position:-665px 0px;}/*기저귀교환대*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon14,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon14 {background-position:-720px 0px;}/*수유공간*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon15,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon15 {background-position:-774px 0px;}/*무장애체험시설*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon16,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon16 {background-position:-831px 0px;}/*입식테이블*/
	.picto_Box > .list > li.off .picto_icon .inner_box.icon17,
	.picto_Box > .list > li.on .picto_icon .inner_box.icon17 {background-position:-884px 0px;}/*반려동물 동반가능*/
}	

body.scroll-lock {
    overflow: hidden;
    touch-action: none; /* 모바일 터치 스크롤 방지용 */
}

/* 지도보기 레이어팝업 */
.Mapview_layer {display:none;}
.Mapview_layer.active {display:block;}
.Mapview_layer:before {content:''; display: block; position: fixed; top:0; left:0; z-index: -1; width:100%; height:100%; background-color: rgba(0,0,0,0.5);}

.Mapview_layer .h-fill-screen {position: fixed; width:100vw; height: calc(var(--vh, 1vh) * 100); top:0; left:0; display:flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.48); z-index:999;}
.Mapview_layer .h-fill-screen .boxinner {display:flex; position:relative; margin:40px; width: 100%; height:calc(100% - 80px); background-color: #fff; overflow: hidden; border-radius:15px; flex-direction: column;}

.Mapview_layer .boxinner .Mapview_close {position: absolute; top:10px; right:10px; width:40px; height:40px; font-size:0; border-radius:50%; }
.Mapview_layer .boxinner .Mapview_close > button {z-index:5; overflow:visible; border-color:transparent; position:relative; width:100%; height:100%; background:#ef3e56; cursor:pointer; border-radius:50%; font-size:inherit;}
.Mapview_layer .boxinner .Mapview_close > button:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin: auto; background: url('../images/popup_close.png') no-repeat; width:18px; height:19px;}

.tour_info {display:flex; flex-direction:row; padding-top:60px; border-radius:20px; overflow:hidden;}
.tour_info .search_Area {position:relative; width:20.261%; height: calc(100vh - 140px);}
.tour_info .search_Area:before {content:''; display:block; position:absolute; top:0; right:0; width:1px; height:100%; background-color:#dcdee3;}

.search_opt_box {overflow-y:auto;scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);scrollbar-width: thin;height: calc(100vh - 332px); padding-left:20px;}
.tour_info .search_Area .mapsh_Tpye01 {display:table; width:100%; table-layout:fixed; margin-bottom:1em;}

.mapsh_Tpye01 dl {display:table-row;}
.mapsh_Tpye01 dl > dt.radio_tit {display:block; width:100%; margin-top:20px; padding-left:.88235294em; font-weight:700; font-size:1.6rem; line-height:40px; color:#333; text-align:left;}
.mapsh_Tpye01 dl:first-child > dt.radio_tit {margin-top:0px;}
.mapsh_Tpye01 dl > dd {display:block;; position:relative; padding:.88235294em; border-bottom:1px solid #ddd;}

.bf_checkbtn {padding:30px 0;}
.bf_checkbtn ul {display:flex; flex-wrap:wrap; justify-content: flex-start; align-items:center; gap:10px;}
.bf_checkbtn ul li button {display:block; padding:10px 20px; border:1px solid #d9d9db; border-radius:50px;}
.bf_checkbtn ul li button .text {font-size:1.4rem;}
.bf_checkbtn ul li.on button {background-color:#4c2479; border-color:#4c2479; color:#fff;}

.mapsh_Tpye02 {position:absolute; bottom:0; width: calc(100% - 1px); border-top:1px solid #e5e5e5; background-color:#f7f7fc;}
.mapsh_Tpye02 dl {padding:20px;}
.mapsh_Tpye02 dl dd.search_list {position:relative; display:block; width:100%; padding:5px 0; } 
.mapsh_Tpye02 dl dd.search_list > select {width: 100%; border-radius: 5px; border:1px solid #ddd; background-color:#fff; font-size:1.5rem; padding:0 .882em; box-sizing:border-box;}
.mapsh_Tpye02 dl dd.search_list > select {padding-right:2em; height:45px; background-image:url(../images/sub/ico_search.svg); background-repeat:no-repeat; background-position:top 50% right .55em; background-size:1.11em auto;}

.search_btn {margin:5px 0;}
.search_btn button {width:calc(50% - 5px); height:45px; margin-left:5px; background:#000; cursor:pointer; border-radius:5px;}
.search_btn button:first-child {margin-left:0px;}
.search_btn button span {color:#fff; font-size:1.6rem;}
.search_btn button.btn {background:#4a4a4a;}
.search_btn button:hover,
.search_btn button:active,
.search_btn button:focus {background-color:#bd2148; transition:background-color 0.2s linear;}

.tourplace_list {position:relative; width:30.250%; height:calc(100vh - 140px); overflow-y:auto; padding-right:27px; padding-left:23px; scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1); scrollbar-width: thin;}
.tourplace_list .board_total {font-size:1.6rem; padding-bottom:10px; border-bottom: 1px solid #ddd;}

.tourplace_list > .place_list > li {border-bottom: 1px solid #d8dee6;}
.tourplace_list > .place_list > li:last-child {border-bottom: none;}
.tourplace_list > .place_list > li .box_area {display: block; padding:20px 0;}

.tourplace_list > .place_list .item .box_area .image {display:inline-block; width:220px; height:180px;vertical-align:top;border:1px solid #d8dee6;border-radius:30px;}
.tourplace_list > .place_list .item .box_area .image img {border-radius:30px; height:100%; width:100%;}
.tourplace_list > .place_list .item .box_area .cont {display:inline-block; margin-left: 13px;width: calc(100% - 238px);}

.tourplace_list > .place_list .item .box_area .cont .title_area {font-family:'esamanru'; font-size:1.8rem; font-weight:400; color:#333;}
.tourplace_list > .place_list .item .box_area .cont .sggNm {display:inline-block; min-width:50px; margin:0 0 10px; padding:0px 20px; font-weight:400; text-align:center; background-color:#626dbd; font-size:1.3rem; line-height:24px; color:#fff; vertical-align: middle; border-radius: 12px;}
.tourplace_list > .place_list .item .box_area .cont .text {display:block; width:100%; margin-bottom:10px; font-size:1.4rem; font-weight:400; line-height:24px; color:#555; vertical-align:middle;}

.tour_info .mapbox {width:calc(49.489% - 0px); height:calc(100vh - 140px);}
.filter-scroll {display:none;}
.search_Area .filterclose {display:none;}

.filter_btn {padding:10px;}
.filter_btn ul {display:flex; flex-wrap:wrap; justify-content: flex-start; align-items:center; gap:10px;}
.filter_btn ul li .filterB {display:block; padding:10px 20px; border:1px solid #d9d9db; border-radius:50px;}
.filter_btn ul li .filterB .text {font-size:1.4rem; font-weight:500;}
.filter_btn ul li .filter_more {position:relative; padding: 10px 20px 10px 40px;}
.filter_btn ul li .filter_more:before {content:"";display:block;position:absolute;top: calc(50% - 12px); left:12px; width:24px; height:24px;background: url('../images/sub/filter_icon.png') no-repeat;}

/*고대비*/
.gray .Mapview_layer .h-fill-screen .boxinner {background-color:#121212; border:1px solid #ddd;}
.gray .mapsh_Tpye01 dl > dt.radio_tit {color:#fff;}
.gray .bf_checkbtn ul li button .text {color:#fff;}

.gray .tourplace_list > .place_list .item .box_area .cont .title_area {color:#fff;}
.gray .tourplace_list > .place_list .item .box_area .cont .text {color:#fff;}
.gray .filter_btn ul li .filterB .text {color:#fff;}
.gray .filter_btn ul li .filter_more:before {background: url('../images/sub/filter_icon_w.png') no-repeat;}

@media screen and (max-width:1500px) {
	.tourplace_list > .place_list .item .box_area .image {display:block; margin:0 auto;}
	.tourplace_list > .place_list .item .box_area .cont {display:block; margin-left:0; margin-top:20px; width:100%;}
}	

@media screen and (max-width:1380px) {
	.tourplace_list > .place_list .item .box_area .image {display:block; margin:0 auto;}
	.tourplace_list > .place_list .item .box_area .cont {display:block; margin-left:0; margin-top:20px; width:100%;}
}

@media screen and (max-width:1024px) {
	.tour_info {display:flex; flex-direction:column;}
	.search_Area {/*display:none;*/}
	.tourplace_list {display:none;}	
	.tour_info .mapbox {width: calc(100vw - 86px);}
	
	.filter-scroll {position:relative; top: 0px; z-index: 1; display: flex; -webkit-box-pack: justify; justify-content: space-between; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-bottom:12px;}
	
	.tour_info .search_Area {display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:999; background:#fff;}
	.tour_info .search_Area.active {display:block;}
	.search_opt_box {height:calc(100vh - 266px); padding:0 10px; margin-top:60px; margin-bottom:0;}
	
	.search_Area .filterclose {display:block; position:absolute; top:8px; right:20px;}
	.search_Area .filterclose .c_btn {position:relative; width:40px; height:40px; background-color:#333; border-radius:50%;}
	.search_Area .filterclose .c_btn:before {content:''; position:absolute; left:calc(50% - 7.5px); top:calc(50% - 7.5px); width:15px; height:15px; background:url(../images/popup_close.png) 0 0 no-repeat; background-size:100%;}
	
	/*고대비*/
	.gray .filter-scroll {background-color:#121212;}
	.gray .tour_info .search_Area {background: #121212;}		
}

@media screen and (max-width:768px) {
	.Mapview_layer .h-fill-screen .boxinner {margin:20px;}	
	.tour_info .mapbox {width: calc(100vw - 41px);}
	
}

@media screen and (max-width:640px) {
		
}

@media screen and (max-width:580px) {
	.filter_btn ul li .filterB {padding:5px 15px;}
	.filter_btn ul li .filterB .text {font-size:1.3rem;}
	.filter_btn ul li .filter_more {position:relative; padding:5px 15px 5px 30px;}
	.filter_btn ul li .filter_more:before {top: calc(50% - 7px); left:10px; width:18px; height:18px; background-size:100%;}

	.mapsh_Tpye01 dl > dt.radio_tit {margin-top:10px; font-size:1.5rem; line-height:28px;}
	.mapsh_Tpye02 {border-bottom:1px solid #e5e5e5;}	
}

.plan-popinfo {position:relative; display:flex; padding:15px;}
.plan-popinfo > .view_close {position:absolute; top:5px; right:5px; width:20px; height:20px; background-image:url('../images/tourmap/btn_close.png');}
.plan-popleft {float:left; width:158px; height:110px;}
.plan-popleft img {width:158px; height:110px;}
.plan-poprgt {float:left; width:295px; height:110px; padding-left:15px; font-size:13px;}
.plan-popbtn {float:left; text-align:right;}
.plan-btnbox {padding:72px 0 0 20px;}
.plan-category {color:#ff542e;}
.plan-name {margin:2px 0 5px; color:#0a2f72; font-size:14px; font-weight:500;}
.plan-addr {position:relative; padding-left:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.plan-addr:before {content:""; display:inline-block; position:absolute; top:2px; left:0; width:13px; height:16px; background: url('../images/tourmap/plan_icon01.png') center center no-repeat;}
.plan-tel {position:relative; padding-left:18px;}
.plan-tel:before {content:""; display:inline-block; position:absolute; top:1px; left:0; width:13px; height:16px; background: url('../images/tourmap/plan_icon02.png') center center no-repeat;}
.plan-dist {position:relative; padding-left:18px;}
.plan-dist:before {content:""; display:inline-block; position:absolute; top:1px; left:0; width:13px; height:16px; background: url('../images/tourmap/plan_icon03.png') center center no-repeat;}

.ctrl-btn {display:inline-block; height:40px; padding:8px 15px; box-sizing:border-box; border-radius:3px; vertical-align:middle; text-align:center; cursor:pointer;}
.ctrl-btn:hover {text-decoration:none; box-shadow:0 0 5px 0 rgba(0, 0, 0, .4);}
.ctrl-btn-inner {display:inline-block; height:28px; padding:3px 8px; box-sizing:border-box; border-radius:3px; vertical-align:middle; text-align:center; cursor:pointer;}
.ctrl-btn-inner:hover {text-decoration:none; box-shadow:0 0 5px 0 rgba(0, 0, 0, .4);}

.ctrl-btn01 {background-color:#fff; color:#333; border:1px solid #c1c1c1;}
.ctrl-btn02 {background-color:#ff542e; color:#fff; border:1px solid #ff542e;}
.ctrl-btn03 {background-color:#177ad6; color:#fff; border:1px solid #177ad6;}

@media screen and (max-width:620px) {
	#map > div > div > div:last-child > div:last-child {margin-top: 100px;}
	.plan-popinfo {position:relative; display:flex; flex-direction: column; padding:0px; margin:10px;}
	.plan-btnbox {padding:0;}
	.plan-popleft {margin: 0 auto 20px;}
	
}
/********************************
 여행지 상세보기 갤러리
 *******************************/
.glist_view {display:flex; flex-wrap:wrap; padding-bottom:40px; border-bottom:1px solid #ddd; gap:70px;}
.glist_view .glist_inner {flex:1.102918;}

/*이미지*/
.glist_view .view_imgbox {position:relative; flex:1; width:calc(100% - 820px); padding-bottom:34px;  height:auto;}
.glist_view .view_imgbox .gllist_img {background-color:#efefef; border-radius:30px;}
.glist_view .view_imgbox .gllist_img ul {overflow: hidden; border-radius:30px;}
.glist_view .view_imgbox .gllist_img .item {position:relative; width:100%; /*height:100%;*/ text-align:center;}

.glist_view .glctrl_box {position:absolute; width:273px; padding:10px 36px 10px; right:27px; bottom:8px; z-index:30; background-color:#FFF; border-radius:60px;}

.glist_view .glctrl_box .page {position:relative; display:inline-block; padding: 0; width:90px; vertical-align:top;}
.glist_view .glctrl_box .page span {display:inline-block;font-family:'Montserrat';font-size:1.8rem;font-weight:500;padding:8px 0 7px;line-height:20px;width: 25px;text-align:center;vertical-align:top;}
.glist_view .glctrl_box .page:before {content: '/';display: block;position: absolute;top:5px;left: 30px;z-index:1;}
.glist_view .glctrl_box .page .current {font-weight:600;color:#ff004e;margin-right: 16px;}

.glist_view .glctrl_box > dl {display:inline-block; vertical-align:top;}
.glist_view .glctrl_box > dl dd {position:relative; display:inline-block; float:left;}
.glist_view .glctrl_box > dl dd .glctrl_cont,
.glist_view .glctrl_box > dl dd a {position:relative; display:block; width:35px; height:35px; box-sizing:border-box;}
.glist_view .glctrl_box > dl dd a:before {content:''; position:absolute; left:calc(50% - 7px); top:10px; width:10px; height:16px; background-image:url(../images/sub/slidecontrols.png); background-repeat:no-repeat;}
.glist_view .glctrl_box > dl dd a.glctrl_prev:before {background-position:0 0;}
.glist_view .glctrl_box > dl dd a.glctrl_stop:before {background-position:-34px 0px;}
.glist_view .glctrl_box > dl dd a.glctrl_play:before {background-position:-103px 0px;}
.glist_view .glctrl_box > dl dd a.glctrl_next:before {background-position:-68px 0px;}

.gllist_img ul div.draggable {height:480px !important;}
.slick-slide img {margin:0 auto; height:480px;}
.slick-slide img.ard_img {height:150px; width:100%;}
.ardpic_listbox ul div.slick-track {float:left !important;}


/*편의시설 픽토그램*/
.pictogram {}
.pictogram ul {display:flex; flex-wrap:wrap; align-items:stretch; gap:20px;}
.pictogram ul li {width:100px;}
.pictogram ul li .picto_box {display:block; text-align:center; font-size:1.4rem; font-weight:400; color:#333; line-height:1.2;}
.pictogram ul li .picto_box i {position:relative; display:block; margin:0 auto 10px; width:100px; height:100px; background:#882087 url('../images/icon_pictogram01.png') no-repeat; background-size: auto 100px; border-radius:6px;}

.pictogram ul li .picto_box i.icon01 {background-position:0px 0px;}/*장애인 주차장*/
.pictogram ul li .picto_box i.icon02 {background-position:-118px 0px;}/*장애인 객실*/
.pictogram ul li .picto_box i.icon03 {background-position:-250px 0px;}/*장애인 화장실*/
.pictogram ul li .picto_box i.icon04 {background-position:-370px 0px;}/*가족 화장실*/
.pictogram ul li .picto_box i.icon05 {background-position:-492px 0px;}/*출입문 단차*/
.pictogram ul li .picto_box i.icon06 {background-position:-612px 0px;}/*진입 경사로*/
.pictogram ul li .picto_box i.icon07 {background-position:-734px 0px;}/*승강기*/
.pictogram ul li .picto_box i.icon08 {background-position:-860px 0px;}/*장애인 이용가능 출입문*/
.pictogram ul li .picto_box i.icon09 {background-position:-982px 0px;}/*음성안내*/
.pictogram ul li .picto_box i.icon10 {background-position:-1106px 0px;}/*안내판.점자안내*/
.pictogram ul li .picto_box i.icon11 {background-position:-1228px 0px;}/*휠체어 대여*/
.pictogram ul li .picto_box i.icon12 {background-position:-1352px 0px;}/*유모차 대여*/
.pictogram ul li .picto_box i.icon13 {background-position:-1478px 0px;}/*기저귀교환대*/
.pictogram ul li .picto_box i.icon14 {background-position:-1598px 0px;}/*수유공간*/
.pictogram ul li .picto_box i.icon15 {background-position:-1722px 0px;}/*무장애체험시설*/
.pictogram ul li .picto_box i.icon16 {background-position:-1846px 0px;}/*입식테이블*/
.pictogram ul li .picto_box i.icon17 {background-position:-1965px 0px;}/*반려동물 동반가능*/

/*고대비*/
.gray .pictogram ul li .picto_box {color:#fff;}

@media screen and (max-width:980px) {
	.pictogram ul li .picto_box i {width:80px; height:80px; background-size: auto 80px;}
	
	.pictogram ul li .picto_box i.icon01 {background-position:0px 0px;}/*장애인 주차장*/
	.pictogram ul li .picto_box i.icon02 {background-position:-96px 0px;}/*장애인 객실*/
	.pictogram ul li .picto_box i.icon03 {background-position:-202px 0px;}/*장애인 화장실*/
	.pictogram ul li .picto_box i.icon04 {background-position:-298px 0px;}/*가족 화장실*/
	.pictogram ul li .picto_box i.icon05 {background-position:-396px 0px;}/*출입문 단차*/
	.pictogram ul li .picto_box i.icon06 {background-position:-490px 0px;}/*진입 경사로*/
	.pictogram ul li .picto_box i.icon07 {background-position:-586px 0px;}/*승강기*/
	.pictogram ul li .picto_box i.icon08 {background-position:-688px 0px;}/*장애인 이용가능 출입문*/
	.pictogram ul li .picto_box i.icon09 {background-position:-786px 0px;}/*음성안내*/
	.pictogram ul li .picto_box i.icon10 {background-position:-886px 0px;}/*안내판.점자안내*/
	.pictogram ul li .picto_box i.icon11 {background-position:-982px 0px;}/*휠체어 대여*/
	.pictogram ul li .picto_box i.icon12 {background-position:-1083px 0px;}/*유모차 대여*/
	.pictogram ul li .picto_box i.icon13 {background-position:-1182px 0px;}/*기저귀교환대*/
	.pictogram ul li .picto_box i.icon14 {background-position:-1278px 0px;}/*수유공간*/
	.pictogram ul li .picto_box i.icon15 {background-position:-1376px 0px;}/*무장애체험시설*/
	.pictogram ul li .picto_box i.icon16 {background-position:-1478px 0px;}/*입식테이블*/
	.pictogram ul li .picto_box i.icon17 {background-position:-1574px 0px;}/*반려동물 동반가능*/
}	

@media screen and (max-width:540px) {
	.pictogram ul li .picto_box i {width:50px; height:50px; background-size: auto 50px;}
	
	.pictogram ul li .picto_box i.icon01 {background-position:0px 0px;}/*장애인 주차장*/
	.pictogram ul li .picto_box i.icon02 {background-position:-60px 0px;}/*장애인 객실*/
	.pictogram ul li .picto_box i.icon03 {background-position:-126px 0px;}/*장애인 화장실*/
	.pictogram ul li .picto_box i.icon04 {background-position:-186px 0px;}/*가족 화장실*/
	.pictogram ul li .picto_box i.icon05 {background-position:-246px 0px;}/*출입문 단차*/
	.pictogram ul li .picto_box i.icon06 {background-position:-306px 0px;}/*진입 경사로*/
	.pictogram ul li .picto_box i.icon07 {background-position:-368px 0px;}/*승강기*/
	.pictogram ul li .picto_box i.icon08 {background-position:-430px 0px;}/*장애인 이용가능 출입문*/
	.pictogram ul li .picto_box i.icon09 {background-position:-492px 0px;}/*음성안내*/
	.pictogram ul li .picto_box i.icon10 {background-position:-554px 0px;}/*안내판.점자안내*/
	.pictogram ul li .picto_box i.icon11 {background-position:-614px 0px;}/*휠체어 대여*/
	.pictogram ul li .picto_box i.icon12 {background-position:-677px 0px;}/*유모차 대여*/
	.pictogram ul li .picto_box i.icon13 {background-position:-738px 0px;}/*기저귀교환대*/
	.pictogram ul li .picto_box i.icon14 {background-position:-799px 0px;}/*수유공간*/
	.pictogram ul li .picto_box i.icon15 {background-position:-861px 0px;}/*무장애체험시설*/
	.pictogram ul li .picto_box i.icon16 {background-position:-924px 0px;}/*입식테이블*/
	.pictogram ul li .picto_box i.icon17 {background-position:-983px 0px;}/*반려동물 동반가능*/
}

/********************************
 관광약자 편의시설 안내 텝영역
 *******************************/
.bf_tab_area {margin:0 0 30px;}
.bf_tab_area > .list {display:flex; border:1px solid #e0e0e0; border-bottom: none; background-color:#f5f5f5; border-radius:10px 10px 0 0; overflow: hidden;}
.bf_tab_area > .list > li {position:relative; width:100%; border-bottom:1px solid #e0e0e0; padding: 0 1px 0 0;}
.bf_tab_area > .list > li:last-child {padding:0;}
.bf_tab_area > .list > li:after {position: absolute; content: ''; top:50%; right:0; width:1px; height:44px; background-color:#e0e0e0; transform: translateY(-50%);}
.bf_tab_area > .list > li:last-child:after {display:none;}
.bf_tab_area > .list > li.on .bf_tab {background-color:#4c2479;}
.bf_tab_area > .list > li.on .bf_tab .text {color:#fff; text-decoration:underline; text-underline-position:under;}

.bf_tab_area > .list > li .bf_tab {display: block; width: 100%; text-align: center;}
.bf_tab_area > .list > li .bf_tab .text {font-weight:500; font-size:1.8rem; line-height:64px; color:#464646;}
.bf_tab_area > .list > li .bf_tab .text:hover {text-decoration:underline; text-underline-position:under;}

.bf_tab_cont {display: none;}
.bf_tab_cont.on {display: block; margin: 10px 0 0;}

@media screen and (max-width:768px) {
	.bf_tab_area {margin:0 0 16px;}
	.bf_tab_area > .list {flex-wrap: wrap;}
	.bf_tab_area > .list > li {width:33.333%;}
	.bf_tab_area > .list > li:nth-child(3):after {display:none;}
	.bf_tab_area > .list > li .bf_tab .text {font-size:1.5rem; line-height: 40px;}
}


/*편의시설 안내 테이블*/
.bf_data_list_box > .list > li {margin: 0 0 34px;}
.bf_data_list_box > .list > li:last-child {margin: 0;}

.bf_table_cont .table_inner_box .table_area {width: 100%; border-top:2px solid #9a54b9; border-collapse:collapse; border-spacing:0; word-break: keep-all; }
.bf_table_cont .table_inner_box .table_area tbody tr {border-bottom: 1px solid #e3e3e3;}

.bf_table_cont .table_inner_box .table_area tbody th, 
.bf_table_cont .table_inner_box .table_area tfoot th {padding:14px 8px 12px;}
.bf_table_cont .table_inner_box .table_area tbody td, 
.bf_table_cont .table_inner_box .table_area tfoot td {padding:14px 8px 12px 16px;}

.bf_table_cont .table_inner_box .table_area tbody tr th {background-color:#f9f7ff; vertical-align:middle;}
.bf_table_cont .table_inner_box .table_area tbody tr th .tit {font-weight:500; font-size:1.6rem; line-height:28px; color:#2f2f2f; padding: 0 10px;}
.bf_table_cont .table_inner_box .table_area tbody tr td {font-weight:400; font-size:1.6rem; line-height:28px; color:#2f2f2f; word-break:break-all; vertical-align:middle;}

/*고대비*/
.gray .bf_table_cont .table_inner_box .table_area tbody tr th {background-color:#121212;}
.gray .bf_table_cont .table_inner_box .table_area tbody tr th .tit {color:#fff;}
.gray .bf_table_cont .table_inner_box .table_area tbody tr td {color:#fff;}

@media screen and (max-width:1280px){
	.bf_table_cont .table_inner_box .table_area tbody tr th .tit {font-size:1.5rem; line-height:28px;}
	.bf_table_cont .table_inner_box .table_area tbody tr td {font-size:1.5rem; line-height:28px;}
}
@media screen and (max-width:768px){
	.bf_table_cont .table_inner_box .table_area colgroup {display: none;}
	.bf_table_cont .table_inner_box .table_area tbody th {display:block; padding:10px 0;}
	.bf_table_cont .table_inner_box .table_area tbody th:nth-of-type(2) {border-bottom: 1px solid #e3e3e3;}
	.bf_table_cont .table_inner_box .table_area tbody td:first-of-type {border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}	
	.bf_table_cont .table_inner_box .table_area tbody td {display:block; padding:7px 0; text-align: center;}
}


/********************************
 편의시설 이미지 영역
 *******************************/
.img_list_area > .list {display: flex; margin:0; gap:40px; flex-wrap: wrap;}
.img_list_area > .list > li {flex: 0 1 calc(25% - 30px);}
.img_list_area > .list > li .img_area {position: relative; overflow: hidden; padding: 0 0 70%; border-radius:20px;}

.img_list_area > .list > li .img_area .img_box {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:#ddd;}
.img_list_area > .list > li .img_area .img_box img {display: inline-block; width:100%; height:100%;}

/* media query */
@media screen and (max-width:1280px){
    .img_list_area > .list {gap:20px;}
    .img_list_area > .list > li {flex: 0 1 calc(25% - 15px);}
}

@media screen and (max-width:980px) {
	.img_list_area > .list {gap:25px;}
    .img_list_area > .list > li {flex: 0 1 calc(50% - 12.5px);}	
}

@media screen and (max-width:480px) {
	.img_list_area > .list {gap:25px;}
    .img_list_area > .list > li {flex: 0 1 calc(100% - 0px);}	
}


/********************************
 여행지 상세보기 콘텐츠 테이블
 *******************************/

/*여행지 부가정보 테이블 0310*/
.table_t1 {table-layout:fixed; margin-bottom:10px; width:100%; font-size:1.6rem; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 1px 0 1px; border-top-color:#9a54b9;}
.table_t1 thead th {padding:12px 5px 10px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #bbb; background-color:#f9f7ff;}
.table_t1 thead th:last-child {border-right-width:0;}
.table_t1 thead th.add_line {border-right-width:1px;}

.table_t1 tbody th, .table_t1 tbody td,
.table_t1 tfoot th, .table_t1 tfoot td {padding:14px 8px 12px;}
.table_t1 tbody td p {vertical-align: middle;}

.table_t1 tbody th {color:#333; font-weight:500; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.table_t1 tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff; vertical-align: middle; color:#2f2f2f;}
.table_t1 tbody td:last-child {border-right-width:0;}
.table_t1 tbody td.add_line {border-right-width:1px;}

.table_t1 tfoot th {color:#333; font-weight:400; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.table_t1 tfoot td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.table_t1 tfoot td:last-child {border-right-width:0;}
.table_t1 tfoot td.add_line {border-right-width:1px;}

th.tac, td.tac {text-align:center !important;}

/*고대비*/
.gray .table_t1 thead th {color:#fff; background-color:#121212;}
.gray .table_t1 tbody th {color:#fff; background-color:#121212;}
.gray .table_t1 tbody td {color:#f6f6f6; background-color:#121212;}
.gray .table_t1 tfoot th {color:#fff; background-color:#121212;}
.gray .table_t1 tfoot td {color:#f6f6f6; background-color:#121212;}

/********************************
기본정보 리스트
*******************************/
.view_txtinner {}

.view_txthead {padding-bottom:10px; border-bottom:1px solid #d7dae0;}
.view_txthead .txthead_tit {font-size:3.0rem; font-weight:400; font-family:'esamanru'; color:#333; line-height:1.5;}
.view_txthead .txthead_count .count_icon {position:relative; margin-left:10px; padding-left:20px;}
.view_txthead .txthead_count .count_icon.set01 {margin-left:0;}
.view_txthead .txthead_count .count_icon:before {content:''; position:absolute; left:0; top:50%; margin-top:-9px; width:18px; height:18px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.view_txthead .txthead_count .count_icon.set01:before {background-position:-151px -140px;}
.view_txthead .txthead_count .count_icon.set02:before {background-position:-19px -205px;}
.view_txthead .txthead_count strong {color:#222;}

.view_txtbody {padding:20px 0 30px;}
.view_txtbody li dl {}
.view_txtbody li dt {display:inline-block; float:left; width:15%; position:relative; padding-left:10px; font-weight:600; color:#333;}
.view_txtbody li dt:before {content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:3px; height:3px; border-radius:50%; background-color:#555;}
.view_txtbody li dd {display:inline-block; float:left; width:85%; padding-left:10px;}

.down_btn {display:inline-block; vertical-align:bottom;}    
.down_btn a {padding:11px 25px; text-align:center; box-sizing:border-box; border:1px solid #ddd; background-color:#f1f1f1; vertical-align:bottom;}    
.down_btn a:hover {border:1px solid #1a5c9f; background-color:#4b4b4b; color:#fff;}    

.view_listbtn {margin:20px 0; text-align: right;}

/*기본정보*/
.view_infotxt {margin-bottom:50px; font-size:1.7rem; line-height:1.8;}

/*고대비*/
.gray .view_infotxt {color:#fff;}
.gray .view_infotxt p span {color: #fff !important;}

/*주변정보*/
.around_topbox {margin-bottom:20px; border:1px dotted #aaa;}
.around_topbox .around_topinner {padding:20px;}
.around_topbox .around_topinner:after {content:''; display:block; visibility:hidden; clear:both;}
.ard_tit {width:100%; margin-bottom:0; font-size:2.0rem; font-weight:500; font-family:'GSK'; line-height:40px;}

.ard_input {display: flex;gap: 2rem;margin-bottom: 2rem;}
.ard_input .base_btn input {cursor:pointer;}

.ard_iconbox {display:inline-block; width:100%; padding:10px 20px; background:#f9f9f9;}
.ard_icon li {float:left; margin-right:50px; padding:10px 0;}
.ard_icon li .ard_txt {margin:0 3px 0 5px;}


/*주변정보-리스트*/
.around_listbox {position:relative;}
.ardpic_listbox {}
.ardpic_list_inner {}
.ardpic_list_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.ardpic_list {margin-left:-20px; margin-right:-1px;}
.ardpic_list li {float:left; width:25%; padding:0 0 10px 20px;}
.ardpic_list li a {position:relative; display:block; overflow:hidden; border:1px solid #ddd;}

.ardpic_img {position:relative; height:220px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#efefef;}
.ardpic_img img {width:100%; height:100%;}
.ard_mtbox {padding:20px; height:123px;}
.ard_mtbox.ardlist {position:relative; display:block; overflow:hidden; height:352px; border:1px solid #ddd;}
.ard_mtbox .arddvsn_tit {overflow:hidden; font-size:1.6rem; font-family:'GSK'; font-weight:400; line-height:1.8rem; color:#e3242c; white-space:nowrap; text-overflow:ellipsis;}
.ard_mtbox .ardplace_tit {overflow:hidden; font-size:1.9rem; font-family:'GSK'; font-weight:500; color:#023f9a; white-space:nowrap; text-overflow:ellipsis;}
.ard_mtbox .arddistance_tit {overflow:hidden; font-size:1.6rem; font-family:'GSK'; font-weight:400; line-height:1.8rem; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.ard_mtbox dl {}
.ard_mtbox dl:after {content:''; display:block; visibility:hidden; clear:both;}
.ard_mtbox dl dt {display:inline-block; float:left; font-weight:500; color:#333;}
.ard_mtbox dl dd {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float:left; text-overflow:ellipsis; white-space:normal;}
.ard_mtbox.ardlist dl dd {min-height:44px;}

.ard_ctrl {position:absolute; right:0; top:0;}
.ard_ctrl > dl {}
.ard_ctrl > dl dd {position:relative; display:inline-block; float:left; color:#fff;}
.ard_ctrl > dl dd a {position:relative; display:block; width:25px; height:25px; box-sizing:border-box; background-color:#fff; border:1px solid #ddd;}
.ard_ctrl > dl dd a:before {content:''; position:absolute; left:0; top:0; width:25px; height:25px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.ard_ctrl > dl dd a.ardctrl_prev {border-right:none;}
.ard_ctrl > dl dd a.ardctrl_prev:before {background-position:-141px -57px;}
.ard_ctrl > dl dd a.ardctrl_next:before {background-position:-167px -57px;}

/*주변정보 버튼*/
.ard_twobtn {display:block; margin-top:20px;}
.ard_twobtn li {display:inline-block; float:left; width:auto; padding:0 10px 0 0;}
.ard_twobtn li a {position:relative; display:block; overflow:hidden; border:1px solid #ddd; text-align:center; padding:5px 15px; background-color:#0a639d; color:#fff;}
.ard_twobtn li:first-child a {background-color:#fff; color:#333;}
.ard_twobtn li:first-child a:hover,
.ard_twobtn li:first-child a:focus,
.ard_twobtn li:first-child a:active {color:#0a639d;}

/*고대비*/
.gray .view_txthead .txthead_tit {color:#fff;}
.gray .infoArea li .title,
.gray .infoArea li .text,
.gray .infoArea li .text a,
.gray .infoArea li .text2 {color:#fff;}

/*media query*/
@media screen and (max-width:1200px) {
	.gllist_img ul div.draggable {height:380px !important;}
	.slick-slide img {margin:0 auto; height:380px;}
}

@media screen and (max-width:1024px) {
.view_txthead .txthead_tit {font-size:2.6rem;}
.ardpic_list > li {width:33.3333%;}
}

@media screen and (max-width:1000px) {
	.glist_view {flex-direction:column; gap:20px;}
	.glist_view .view_imgbox {width:600px; margin:0 auto;}
	.glist_view .glist_inner {flex:1;}
}

@media screen and (max-width:920px) {
.view_txtbody {padding:15px 0 15px;}
.view_txtbtn li {width:48%;}
.view_txtbtn li.info_btn {margin-left: 0; margin-top: 8px;}

.glist_view .view_imagbox {padding-bottom:10px; text-align:center;}
.glist_view .view_txtbox {padding-left:0; padding-top:20px;}
 	
.ard_tit {width:25%;}
/*.ard_input {width:75%;}*/
.ard_twobtn li a {padding:5px 7px;}
}

@media screen and (max-width:767px) {
.view_txthead .txthead_tit {font-size:2.4rem;}

.view_txtbody {padding:10px 0;}
.view_txtbtn li {width:47%;}
 
.view_infotxt {margin-bottom:35px;margin-bottom:50px; font-size:1.5rem; line-height:1.7;}
 
.ard_tit {display:block; float:none; width:100%; line-height:inherit; font-size:1.8rem;}
.ard_input {display:block; float:none; width:100%;}
.ard_input ul {float:none;}
.ard_input li {padding:0 10px 0 0;}
 
.ardpic_list > li {width:50%;}
.ardpic_img {height:240px;}
.ard_mtbox {height:119px;}
}

@media screen and (max-width:640px) {
	.gllist_img ul div.draggable {height:240px !important;}
	.slick-slide img {height:240px;}	
	.glist_view .glist_inner {display:block; width:100%;}
	.ard_twobtn li a {padding:5px 10px;}
}