@charset "utf-8";

/* 상세 공통 여백 */
.detail_mb {margin-bottom:3rem;}

/* 공통 - 서브탑 이미지 및 타이틀 관련 CSS*/
#main_bg {text-align:center;width:100%;padding:0.5rem 0 3rem; background-position:center; word-break:keep-all;}
.main_content {width:100%;height:auto;min-height:300px;margin:0;font-size:14px;dis#main_bgplay:inline-block; }
.more_read{float:left;width:98%;text-align:center;margin:50px 0 30px;}
.more_read a{width:20%;margin:0 auto;border:1px solid #bebebe;padding:15px 40px;}
.more_read a:hover{width:20%;margin:0 auto;border:1px solid #000;padding:15px 40px;}

/*여행플러스-탑이미지 배경*/
.plus_main_bg{background-color:#2b6f82;}
.guide_main_bg {display:flex; flex-direction:column; justify-content:center; padding-top:5rem; padding-bottom:1.5rem; text-align:center; }
.info_main_bg {background-color:#1a586a;padding-bottom:30px;}


/*여행플러스 타이틀*/
#main_bg_14th h3{font-weight:bold;font-size:3em;color:#454545;text-align:center;padding:45px 0 0 0;margin:0px;}
#main_bg_14th .subj_spe_14th{color:#d63700;text-align:center;}
#main_bg_14th h4{font-size:1.5em;color:#4a4a4a;font-weight:normal;padding:15px 0 5px 0;text-align:center;}
#main_bg_14th h5{font-size:1em;color:#4a4a4a;font-weight:normal;padding:5px 0 30px 0;text-align:center;}

.info_main_bg h3{font-weight:bold;font-size:300%;color:#fff;text-align:center;padding:35px 0 0 0;margin:0px;}
.info_main_bg .subj_spe{color:#fedc0b;text-align:center;}
.info_main_bg h4{font-size:130%;color:#fff;font-weight:normal;padding:25px 0 0px 0;}
.info_main_bg h5{font-size:100%;color:#fff;font-weight:normal;padding:10px 0 15px 0;}

.guide_main_bg h3{margin-bottom:.3em; font-weight:700; font-size:2.5rem; color:#000; letter-spacing:-.04em;}
.guide_main_bg h4{font-size:1.13rem; color:#000; font-weight:300; letter-spacing:-.04em; line-height:1.6;}
.guide_main_bg h5{font-size:1.13rem; color:#000; font-weight:300; letter-spacing:-.04em; }

.area_14th h3{font-weight:normal;font-size:120%;color:#fff;padding:5px 0 0 0;margin:0px;}
.area_14th .subj_spe{color:#fedc0b;text-align:center;}
.area_14th h4{font-size:270%;color:#fedc0b;font-weight:bold;padding:25px 0 10px 0;line-height:1.1em;}
.area_14th h5{font-size:110%;color:#fff;font-weight:normal;padding:10px 0 45px 0;}


@media screen and (max-width:859px){
	#main_bg {padding:2.5rem 0 1rem;}

	#main_bg_14th h3{font-weight:bold;font-size:2em;color:#454545;text-align:center;padding:45px 0 0 0;margin:0px;}
	#main_bg_14th .subj_spe_14th{color:#d63700;text-align:center;}

	#main_bg_14th h4{font-size:110%;color:#4a4a4a;font-weight:normal;padding:15px 2% 5px 2%;text-align:center;}
	#main_bg_14th h5{font-size:100%;color:#4a4a4a;font-weight:normal;padding:5px 2% 10px 2%;text-align:center;}

	.guide_main_bg h3{font-size:2rem;}
	.guide_main_bg h4{font-size:1.05rem;}
	.guide_main_bg h5{font-size:1rem;}

	.area_14th h3{font-weight:normal;font-size:100%;color:#fff;text-align:left;padding:5px 0 0 0;margin:0px;line-height:1.3em;}
	.area_14th .subj_spe{color:#fedc0b;text-align:center;}
	.area_14th h4{font-size:170%;color:#fedc0b;font-weight:bold;padding:5px 2% 15px 2%;line-height:1.1em;}
	.area_14th h5{float:left;font-size:100%;color:#fff;font-weight:normal;padding:5px 2% 10px 2%;line-height:1.3em;}
}

/* 공통 -검색,tab menu, 상품리스트,상품상세관련 CSS*/
/*여행정보-상품검색결과_top*/
.serchResult_noline {padding:10px 0;border-bottom:0;}
.serchResult {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:2rem 0 1rem; border-bottom:1px solid #454545;}
.serchResult .result	{ display:flex; flex-wrap:wrap; align-items:center; gap:10px}
.serchResult .result .result_on{font-weight:700;color:#da2737;font-size:1.05rem;}
.serchResult .result .result_my{text-align:left;margin-left:1%;float:right;color:#c80909;}
.serchResult .result .result_shop{text-align:right;margin-left:10%;float:left;color:#c80909;}
.serchResult.clearfix::after	{ display:none}
.serchList {padding:2rem 0; border-bottom:0;}

/*검색결과라인 오른쪽-인기순,가나다순*/
.order {display:flex; flex-wrap:wrap; align-items:center; gap:5px}
.order li {font-size:14px;}
.order li a{display:inline-block; width:70px;padding:3px;border:1px solid #909090;text-align:center;line-height:23px;background-color:#fcfcfc;font-size:13px;}
.order li a:hover, .serchResult .order li a:focus{background-color:#4c4c4c;color:#fff;font-size:13px;}
.order li .on{background-color:#4c4c4c;color:#fff;}
.order select {padding-left:10px;max-width:150px;min-width:70px;height:30px;margin-right:5px;}

/*여행도우미-관광안내소 검색결과*/
.guide_serchResult {display:inline-block;width:100%;height:auto;padding-bottom:15px;margin:0 auto;}
.guide_serchResult .guide_result {float:left;margin-top:30px;}
.guide_serchResult .guide_result li {float:left;margin-right:10px;font-size:15px;}
.guide_serchResult .guide_result .guide_result_on{font-weight:bold;color:#da2737;font-size:16px;}
.guide_serchList {display:inline-block;width:100%;height:auto;margin:0 auto;padding-bottom:50px;border-top:1px solid #454545;border-bottom:0px solid #454545;}


@media screen and (max-width:400px){
	/*검색결과라인 오른쪽-인기순,가나다순*/
	.order li {float:left;margin-left:3px;font-size:12px;}
	.order li a{float:left;width:60px;padding:3px;border:1px solid #909090;text-align:center;line-height:23px;background-color:#fcfcfc;font-size:12px;}
	.order li a:hover, .serchResult .order li a:focus{background-color:#4c4c4c;color:#fff;font-size:12px;}
	.order li .on{background-color:#4c4c4c;color:#fff;}
	.order select {padding-left:10px;max-width:150px;min-width:70px;height:30px;margin-right:5px;}
}



/***TabMenu***/
/*여행도우미-뉴스레터,ebook 관광안내책자*/
.guide_book_st{font-weight:bold;color:#f66108;}
.guide_ebook_btn{float:right;width:14%;border:1px solid #ebe6e3;margin:10px 0 10px 0;padding:10px;background-color:#ff6000;text-align:center;font-weight:bold;height:50px;line-height:50px;font-size:100%;color:#fff;}
.guide_ebook_btn a{font-size:100%;color:#fff;}
.guide_ebook_btn a:hover{font-size:100%;color:#fff;text-decoration:underline;}

@media screen and (min-width:900px){
	.guide_book_st{font-weight:bold;color:#f66108;}
	.guide_ebook_btn{display:flex; justify-content:center; align-items:center; float:right;width:14%;border:1px solid #ebe6e3;margin:10px 0 10px 0;padding:10px;background-color:#ff6000;text-align:center;font-weight:bold;height:50px;line-height:50px;font-size:100%;color:#fff;}
	.guide_ebook_btn a{font-size:100%;color:#fff;}
	.guide_ebook_btn a:hover{font-size:100%;color:#fff;text-decoration:underline;}
}
@media screen and (max-width:899px){
	.guide_book_st{font-weight:bold;color:#f66108;}
	.guide_ebook_btn{float:left;width:97%;border:1px solid #ebe6e3;margin:10px 0 10px 0;padding:1%;background-color:#ff6000;text-align:center;font-weight:bold;font-size:100%;color:#fff;}
	.guide_ebook_btn a{display:inline-block; height:30px; line-height:30px; font-size:100%;color:#fff;}
	.guide_ebook_btn a:hover{font-size:100%;color:#fff;text-decoration:underline;}
}

/* 뉴스레터 배너 */
/* 상단배너 */
.nl_banner_box				{ margin-bottom:2rem;}
.nl_banner_box	 a			{ display:block; padding:2.5rem; color:#fff; text-align:center; background:#866dff url(/resources/jns-img/sub/bg_board_newsletter.jpg) no-repeat 50% 50% / cover; border-radius:1rem}
.nl_banner_box em		{ display:block; margin-bottom:-.65em; color:rgba(79,0,238,.3); font-size:3rem; font-weight:900; letter-spacing:.075em;}
.nl_banner_box p			{ font-size:1.6rem; font-weight:500; letter-spacing:-.06em;}
.nl_banner_box p strong { font-weight:700;}
.nl_banner_box .btn		{ display:inline-block; margin-top:.8em; padding:.6em 2em; font-weight:300; letter-spacing:-.065em; background:#4f00ee; border-radius:10px }

/* 하단배너 */
.guide_cate .guide_tab { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4em 1em; align-items:center; margin:2rem auto; padding:2rem; border:1px solid var(--blue); border-radius:1rem}
.guide_cate .guide_tab .guide_news_text { font-size:1.12rem; letter-spacing:-.05em; }
.guide_cate .guide_tab .guide_news_text .guide_book_st { color:#000; }
.guide_cate .guide_tab .btn { padding:.5em 1em; color:#fff; background:var(--blue); border-radius:2em}

@media all and (max-width:768px){
	/* 상단배너 */
	.nl_banner_box em		{ margin-bottom:-.4em; font-size:2rem; line-height:1;}
	.nl_banner_box p			{ font-size:1.2rem; }

	/* 하단배너 */
	.guide_cate .guide_tab { padding:1.2rem;}
	.guide_cate .guide_tab .guide_news_text { font-size:1.05rem; }
}
@media all and (max-width:568px){
	/* 상단배너 */
	.nl_banner_box	 a			{ padding:1.5rem; }
	.nl_banner_box br			{ display:none}		
	.nl_banner_box em		{ font-size:1.65rem;}

	/* 하단배너 */
	.guide_cate .guide_tab { justify-content:center; gap:.4em;  text-align:center;}
}

/*통합검색_tab*/
.search_category{width:100%;height:auto;margin:0 auto;}
.search_category .search_catebox{float:left;width:100%;margin-top:30px;}
.search_category .search_cate{width:100%;display:inline-block;}
.search_category .search_cate li{float:left;display:inline-block;width:16%;text-align:center;margin-left:0.5%;}
.search_category .search_cate .search_on{background-color:#fff;border:1px solid #ff0006;text-align:center;}
.search_category .search_cate a{float:left;width:100%;height:45px;line-height:45px;background-color:#fff;border:1px solid #ddd;cursor:pointer;}
.search_category .search_cate a:hover{float:left;width:100%;height:45px;line-height:45px;background-color:#fff;border:1px solid #ff0006;cursor:pointer;}


/*여행도우미Tab*/
/*대중교통*/
.guide_cate .guide_traffic_tab{float:left;width:100%;margin:40px 0 30px 0;}
.guide_cate .guide_traffic_tab li{float:left;margin:0 0 0 1%;display:block;width:23%;height:45px;background-color:#fff;text-align:center;color:#222;font-size:16px;line-height:45px;border-radius:8px;}
.guide_cate .guide_traffic_tab li a{float:left;width:100%;height:45px;background-color:#fff;border:1px solid #d7d7d7;text-align:center;color:#222;border-radius:8px;}
.guide_cate .guide_traffic_tab li a:hover{float:left;width:100%;height:45px;background-color:var(--blue);border:0px solid #d7d7d7;text-align:center;color:#fff;border-radius:8px;}
.guide_cate .guide_traffic_tab .traffic_tab_on{width:23%;height:45px;background-color:#fb7523;text-align:center;color:#fff;border-radius:8px;}
.guide_cate .guide_traffic_tab .traffic_tab_on a{width:100%;height:45px; background-color:var(--blue); text-align:center;border:0px solid var(--blue);color:#fff;border-radius:8px;}

/*해설사 탭*/
.guide_cate .guide_person_tab{float:left;width:100%;margin:30px 0 30px 0;}
.guide_cate .guide_person_tab ul {float:right;width:100%;}
.guide_cate .guide_person_tab ul li{float:left;border-radius:8px;margin:0 3px 10px 3px;display:block;width:49%;height:45px;background-color:#fff;text-align:center;color:#222;font-size:100%;line-height:30px;display:table-cell;vertical-align:middle;}
.guide_cate .guide_person_tab ul li a{display:block;border-radius:8px;width:10%;height:45px;background-color:#fff;border:1px solid #d7d7d7;text-align:center;color:#222;display:table-cell;vertical-align:middle;}
.guide_cate .guide_person_tab ul li a:hover{display:block;border-radius:8px;width:10%;height:45px;background-color:#fb7523;border:0px solid #d7d7d7;text-align:center;color:#fff;display:table-cell;vertical-align:middle;}
.guide_cate .guide_person_tab .person_tab_on{width:49%;height:35px;border-radius:8px;display:table-cell;vertical-align:middle;background-color:#fb7523;text-align:center;color:#fff;}
.guide_cate .guide_person_tab .person_tab_on a{width:10%;height:45px;border-radius:8px;display:table-cell;vertical-align:middle;background-color:#fb7523;text-align:center;border:0px solid #ffd90c;color:#fff;}

/*여행도우미-문의게시판 tab*/
.b_tab ul						{ display:flex; flex-wrap:wrap; gap:.5rem 1%; zoom:1}
.b_tab ul li					{ flex:1 }
.b_tab ul a					{ display:block; height:45px; font-size:1.05rem; line-height:45px; text-align:center; background:#fff; border:1px solid #dadada; border-radius:24px;}
.b_tab ul a:hover,
.b_tab ul li .b_tab_on	{ background:var(--blue); color:#fff; border-color:var(--blue); font-weight:700;}

/*여행도우미-관광모니터 소개 tab*/
.b_tab2{width:100%;height:80px;margin:0 auto;}
.b_tab2 ul{float:left;width:100%;margin:10px 0 10px 0;}
.b_tab2 ul a{float:left;width:100%;margin-left:2%;background-color:#fff;border:1px solid #dadada;font-weight:normal;font-size:105%;padding:15px 0;text-align:center;border-radius:8px;}
.b_tab2 ul a:hover{float:left;width:100%;background-color:var(--blue);color:#fff;border:1px solid var(--blue); font-weight:bold;font-size:105%;padding:15px 0;border-radius:8px;}
.b_tab2 ul li .b_tab_on{float:left;width:100%;background-color:var(--blue);color:#fff;border:1px solid var(--blue);font-weight:bold;font-size:105%;padding:15px 0;border-radius:8px;}

/*여행도우미-관광모니터-제보게시판-지역선택 tab*/
.b_tab3{width:100%;height:80px;margin:0 auto;}
.b_tab3 ul{float:left;width:100%;margin:10px 0 10px 0;}
.b_tab3 ul a{float:left;width:100%;margin-left:1%;background-color:#fff;border:1px solid #737373; font-weight:normal;font-size:105%;padding:10px 0;text-align:center; border-radius:24px;}
.b_tab3 ul li .b_tab_on,
.b_tab3 ul a:hover{background-color:var(--blue);color:#fff;border:1px solid var(--blue);font-weight:bold;}

/*여행도우미-참여마당트랜드tab*/
.b_trand_tab{width:100%;height:100px;margin:0 auto;}
.b_trand_tab ul{float:left;width:100%;margin:30px 0 30px 0;}
.b_trand_tab ul a{float:left;width:100%;background-color:#fff;border:1px solid #dadada;font-weight:normal;font-size:105%;padding:15px 0 0 0;text-align:center;border-radius:8px;}
.b_trand_tab ul a:hover{float:left;width:100%;background-color:#fb7523;color:#fff;border:1px solid #ff9601;font-weight:bold;font-size:105%;padding:15px 0 0 0;border-radius:8px;}
.b_trand_tab .b_tab_on{float:left;width:100%;background-color:#fb7523;color:#fff;border:1px solid #ff9601;font-weight:bold;font-size:105%;padding:20px 0 0 0;border-radius:8px;}

/*여행정보-관광안내소 탭공통*/
.guide_cate{width:100%;height:auto;margin:0 auto;display:inline-block;}
.guide_cate .guide_locate {width:100%;margin:10px 0 20px 0;display:inline-block;}
.guide_cate .guide_locate .guide_all{float:left;width:7%;}
.guide_cate .guide_locate .guide_all a{float:left;width:100%;border:1px solid #d7d7d7; border-radius:24px;}
.guide_cate .guide_locate .guide_all a:hover{float:left;width:100%;}
.guide_cate .guide_locate .on{display:block;border-radius:24px;background-color:#fb7523;text-align:center;color:#fff;font-size:100%;width:100%;line-height:39px;}
.guide_cate .guide_locate p a{float:left;border-radius:8px;width:100%;display:block;height:39px;background-color:#fff;text-align:center;color:#222;font-size:100%;line-height:30px;display:table-cell;vertical-align:middle;cursor:pointer;line-height:39px;}
.guide_cate .guide_locate p a:hover{float:left;border-radius:8px;width:100%;background-color:#fb7523;text-align:center;color:#fff;display:table-cell;vertical-align:middle;line-height:39px;}
.guide_cate .guide_locate ul {float:right;width:91%;margin-right:0px;}
.guide_cate .guide_locate ul li{float:left;margin:0 3px 10px 3px;display:block;border-radius:24px;width:6.3%;height:39px;background-color:#fff;text-align:center;color:#222;font-size:100%;line-height:39px;display:table-cell;vertical-align:middle;border:1px solid #d7d7d7;}
.guide_cate .guide_locate ul li a:hover{display:block;background-color:#fb7523;text-align:center;color:#fff;font-size:100%;width:100%;line-height:39px;border-radius:8px;}
.guide_cate .guide_locate ul li a:focus{display:block;background-color:#fb7523;text-align:center;color:#fff;font-size:100%;width:100%;line-height:39px;border-radius:8px;}
.guide_cate .guide_locate .guide_over a{display:block;background-color:#fb7523;border:0px solid #d7d7d7;text-align:center;color:#fff;display:table-cell;vertical-align:middle;color:#fff;border-radius:8px;}


@media screen and (max-width:1119px){
	.b_tab ul li			{ flex:auto; width:32.66%;}
	.b_tab.five ul li,
	.b_tab.four ul li	{ margin-bottom:5px}
	.b_tab.four ul li	{ min-width:47%}
}
@media screen and (min-width:1120px){
	.b_tab2 ul li{float:left;width:48%;margin-left:1%;}
	.b_tab3 ul li{float:left;width:63px;margin-left:1%;}
	.b_trand_tab ul li{float:left;width:32%;margin-left:1%;}
	/*관광안내소*/
	.guide_cate .guide_locate p a{float:left;width:7%;display:block;height:39px;background-color:#fff;text-align:center;color:#222;font-size:100%;	border:1px solid #d7d7d7;line-height:39px;display:table-cell;vertical-align:middle;}
	.guide_cate .guide_locate ul {float:right;width:91%;margin-right:0px;}
	.guide_cate .guide_locate ul li{float:left;margin:0 3px 10px 3px;display:block;width:6.3%;height:39px;background-color:#fff;text-align:center;color:#222;font-size:100%;line-height:39px;display:table-cell;vertical-align:middle;border:1px solid #d7d7d7;}
}
@media screen and (min-width:980px) and (max-width:1119px){
	.b_tab2 ul li{float:left;width:46%;margin-left:2%;}
	.b_tab3 ul li{float:left;width:11%;margin-left:1%;margin-bottom:1%;}
	.b_trand_tab ul li{float:left;width:32%;margin-left:1%;}
	/*관광안내소*/
	.guide_cate .guide_locate p a{float:left;width:7%;display:block;height:39px;background-color:#fff;text-align:center;color:#222;font-size:100%;	border:1px solid #d7d7d7;line-height:39px;display:table-cell;vertical-align:middle;}
	.guide_cate .guide_locate ul {float:right;width:91%;margin-right:0px;}
	.guide_cate .guide_locate ul li{float:left;margin:0 3px 10px 3px;display:block;width:6.2%;height:39px;background-color:#fff;text-align:center;color:#222;font-size:100%;line-height:39px;display:table-cell;vertical-align:middle;border:1px solid #d7d7d7;}
}
@media screen and (min-width:620px) and (max-width:979px){
	.b_tab2 ul li{float:left;width:46%;margin-left:2%;}
	.b_tab3 ul li{float:left;width:11%;margin-left:1%;margin-bottom:1%;}
	.b_trand_tab ul li{float:left;width:32%;margin-left:1%;}
	/*관광안내소*/
	.guide_cate .guide_locate{float:left;width:99%;margin:20px 0 30px 1%;}
	.guide_cate .guide_locate p a{float:left;width:7%;display:block;height:90px;background-color:#fff;text-align:center;color:#222;font-size:100%;	border:1px solid #d7d7d7;line-height:90px;display:table-cell;vertical-align:middle;}
	.guide_cate .guide_locate ul {float:right;width:91%;margin-right:0px;}
	.guide_cate .guide_locate ul li{float:left;margin:0 3px 10px 3px;display:block;width:12.7%;height:39px;background-color:#fff;text-align:center;color:#222;font-size:100%;line-height:39px;display:table-cell;vertical-align:middle;border:1px solid #d7d7d7;}
}
@media screen and (min-width:480px) and (max-width:619px){
	.b_tab2 ul li{float:left;width:46%;margin-left:2%;}
	.b_tab3 ul li{float:left;width:11%;margin-left:1%;margin-bottom:1%;}
	.b_trand_tab ul li{float:left;width:32%;margin-left:1%;}
	/*관광안내소*/
	.guide_cate .guide_locate{float:left;width:99%;margin:20px 0 30px 1%;}
	.guide_cate .guide_locate p a{float:left;width:7%;display:block;height:90px;background-color:#fff;text-align:center;color:#222;font-size:100%;	border:1px solid #d7d7d7;line-height:90px;display:table-cell;vertical-align:middle;}
	.guide_cate .guide_locate ul {float:right;width:91%;margin-right:0px;}
	.guide_cate .guide_locate ul li{float:left;margin:0 3px 10px 3px;display:block;width:12%;height:39px;background-color:#fff;text-align:center;color:#222;font-size:100%;line-height:39px;display:table-cell;vertical-align:middle;border:1px solid #d7d7d7;}
}
@media screen and (max-width:479px){
	.b_tab ul a			{font-size:.95rem; height:35px; line-height:35px; }

	.b_tab2 ul li{float:left;width:46%;margin-left:2%;}
	.b_tab2 ul a{font-size:95%;}
	.b_tab2 ul a:hover{font-size:95%;}
	.b_tab2 ul li .b_tab_on{font-size:95%;}

	.b_tab3 ul li{float:left;width:11%;margin-left:1%;margin-bottom:1%;}
	.b_tab3 ul a{font-size:95%; border-radius:12px;}
	.b_tab3 ul a:hover{font-size:95%;}
	.b_tab3 ul li .b_tab_on{font-size:95%;}

	.b_trand_tab ul li{float:left;width:32%;margin-left:1%;}

	/*관광안내소*/
	.guide_cate .guide_locate{float:left;width:99%;margin:20px 0 30px 1%;}
	.guide_cate .guide_locate .guide_all{float:left;width:99%;}

	.guide_cate .guide_locate p a{float:left;width:100%;display:block;height:39px;background-color:#fff;text-align:center;color:#222;font-size:100%;	border:1px solid #d7d7d7;line-height:39px;display:table-cell;vertical-align:middle;}
	.guide_cate .guide_locate ul {float:right;width:99%;margin-top:15px;margin-left:1%;}
	.guide_cate .guide_locate ul li{float:left;margin:0 3px 10px 3px;display:block;width:11.5%;height:39px;background-color:#fff;text-align:center;color:#222;font-size:100%;line-height:39px;display:table-cell;vertical-align:middle;border:1px solid #d7d7d7;}
}
@media screen and (max-width:320px){
	/*관광안내소*/
	.guide_cate .guide_locate p a{font-size:90%;}
	.guide_cate .guide_locate ul li{width:11%;font-size:90%}
}
@media screen and (min-width:1126px){
        .b_tab3 ul                          {display:flex; justify-content:space-between;}
}


/*tag*/
.course_list .tag			{ display:flex; flex-wrap:wrap; align-items:center; font-size:1.13em; font-weight:700; letter-spacing:-.01em; color:#a3a3a3; line-height:1.4;}
.course_list .tag span	{ display:inline-block; margin-right:.55em;}
.course_list .tag p		{ margin-left:10px;font-size:90%;font-weight:600;color:#585858;display:inline;width:200px;}

/*체험내용 tit tag*/
.tag_exp{display:block;width:60px;height:20px;background-color:#d92737;color:#fff;font-size:85%;line-height:19px;text-align:center;float:left;margin-right:10px;}

/*여행플러스-체험여행-주소리스트*/
.jb_address{float:left;width:99%;padding:1% 0 0 1%;font-size:80%;border-top:1px solid #ddd;margin-top:2%;}


/*상품LIST-I*/
.con01							{ display:flex; flex-wrap:wrap; justify-content:space-between; margin:2rem 0; }
.con01 .con01_img				{ width:32%;}
.con01 .con01_img a			{ display:block; position:relative; width:100%; min-height:auto !important; height:0; padding-top:61%; overflow:hidden; background:url('/resources/images/sub/detail_noimg.jpg') no-repeat 50% 50% / cover; border-radius:1em}
.con01 .con01_img img		{ position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;}
.con01 .con01_box				{ width:66%; margin-top:1em; padding-bottom:.5em;}
.way span						{ display:block;padding:4px 2% 4px 2%; background-color:#d92737;color:#fff;font-size:85%;text-align:center;float:left;margin-right:10px;border-radius:8px;}
.way								{ float:left; width:75%; line-height:1.4;}
.way a							{ display:block; margin:.2em 0; font-size:1.46em; font-weight:700; letter-spacing:-.05em; color:#000}
.detail								{ float:right; display:block; padding:.25em .5em; font-size:.95rem; border:1px solid #c3c3c3;color:#585858; }
.course							{ float:left; width:100%; margin:1rem 0 .7rem; padding:.9rem 0; color:#585858; border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.con01.no-result				{ height:160px; padding:130px 0; line-height:20px; text-align:center; color:#aaa; border-bottom:1px solid #000; }


/*여행코스LIST*/
.course_list .con01 .con01_box		{ display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; width:64%; margin-top:0; border-bottom:1px solid #ccc}
.course_list .con01_box .day			{ width:4.5em; padding:.2em .6em; color:var(--blue); text-align:center; letter-spacing:-.05em; border:1px solid; border-radius:2em }
.course_list .course						{ margin:.2em 0 .8em; padding:0; font-size:1.1em; color:#929292; letter-spacing:-.05em; line-height:1.5; border:0; }
.course_list .course li					{ display:inline-block; padding:0 2px 0 12px; background:url('/resources/images/common/bg_navi_arrow.png') 0 50% no-repeat #fff; }
.course_list .course li:first-child		{ background:none; padding-left:0;}
.course_list #count				{ border-top:0}


/*상품LIST-II*/
.serchList										{ display:flex; flex-wrap:wrap; gap:2.5rem 1.5%}
.photoWrap {position:relative; float:left; display:inline-block;overflow:hidden;}
.photoWrap .vr_icon {position:absolute; top:1em;right:1em;}
.photoWrap .vr_icon li				{ display:inline-block; }
.photoWrap .vr_icon button				{ display:block; width:34px; height:34px; background:no-repeat 50%; border-radius:50%}
.photoWrap .vr_icon .vr.ground button	{ background-color:#8bbd1d; background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/icon_vr_ground.svg)}
.photoWrap .vr_icon .vr.sky button		{ background-color:#0080cc; background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/icon_vr_sky.svg)}
.photoWrap h3{margin-top:.7em; font-size:1.2em; font-weight:700; letter-spacing: -0.04em;}
.photoWrap h3 .accom_cate{display:inline-block; padding:0.2em 0.6em; color: var(--blue); font-size:1rem; font-weight:400; border: 1px solid var(--blue); border-radius:2em; vertical-align: middle;}
.photoWrap h3 a { display:flex; align-items:center; gap:5px; line-height:1;}
.photoWrap h3 strong { display:inline-block;max-width:-webkit-calc(100% - 4em); max-width:-moz-calc(100% - 4em); max-width:calc(100% - 4em); overflow:hidden; font-weight:500; font-size:1.2em; text-overflow:ellipsis; white-space:nowrap; }
.photoWrap .jb_area{display:inline-block;padding:.3em .5em;background-color:#d92737;color:#fff;font-size:.85em;text-align:center;border-radius:8px;}
.photoWrap .photo_img					{ position:relative; display:block; height:0; padding-top:61%; border:none;}
.photoWrap .photo_img>img{ position:absolute; top:50%; left:50%; height:100%; width:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; border:none;  border-radius:1em;}
.photoWrap .photo_info {float:left;height:60px;padding:0 5px 0px 10px;margin-bottom:10px;line-height:1.5em;font-size:100%;font-weight:300;}
.photoWrap .disable { position:absolute; top:0; right:10px; width:65px; height:67px; z-index:10; }

/* 공연 목록 */
.festivalList .photoWrap						{ width:23.85%}
.festivalList .photoWrap .photo_img		    { padding-top:141.2%;}

.photoWrap,
.spotList .photoWrap,
.accomList .photoWrap				            { width:32.25%}
.spotList .photoWrap .photo_img		     { padding-top:61%;}

/* 숙박 목록 */
.stay_infobox                               { height:auto !important; min-height:56px; margin-top:0; padding-top:5px; line-height:1.5; overflow:hidden;  border-top:none !important; }
.photoWrap .list_best_badge                 { position:absolute; top:0; left: 0; padding: 0.4em 0.9em; font-size: .96rem; letter-spacing: .01em; font-weight: 300; color: #fff; background:var(--blue); border:1px solid var(--blue); border-radius: 0.8rem 0;z-index: 1; }
.photoWrap .list_best_badge .best_icon      { width:18px; position: static;  overflow:visible; }
.photoWrap h3 .accom_cate                   { display:inline-block; padding:0.2em 0.6em; color: var(--blue); font-size:1rem; font-weight:400; border: 1px solid var(--blue); border-radius:2em; vertical-align: middle; }
.stay_infobox .accom_info                   { min-height:25px; color: #222; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.best_wrap .top_best_badge      { position:absolute; top:0; left: 0; padding: 0.4em 0.9em; font-size: .96rem; letter-spacing: .01em; font-weight: 300; color: #fff; background:#d92737; border-radius: 0.8rem 0;z-index: 1; }

.stay_infobox li{overflow:hidden;font-size:1.1em;text-overflow:ellipsis; white-space:nowrap;}


@media screen and (max-width:1119px){
	/*상품LIST-I*/
	.con01 .con01_box			{ margin-top:.5rem;}
	.way a							{ font-size:1.3rem;}

	/*여행코스LIST*/
	.course_list								{ width:100%}
	.course_list .con01_box .day			{ font-size:1em; }
	.course_list .course						{ font-size:1.04em;  }
	.course_list .tag							{ font-size:1.02em; }
	.course_list .con01_box .day			{ width:4.2em; padding:.1em .45em; }
}
@media screen and (min-width:620px) and (max-width:820px){
	/*상품LIST-I*/
	.con01 .con01_img						{width:40%;}
	.con01 .con01_box,
	.course_list .con01 .con01_box		{width:58%;}

	/*상품LIST-II*/
	.photoWrap h3{font-size:100%;}
}
@media screen and (min-width:400px) and (max-width:619px){
	/*상품LIST-II*/
	.photoWrap h3{font-size:1.1em;}
}
@media screen and (max-width:868px){
	.festivalList .photoWrap						{ width:32.3%}
	.photoWrap,
	.spotList .photoWrap,
	.accomList .photoWrap					{ width:49.25%}
}
@media screen and (max-width:668px){
	/*상품LIST-I*/
	.con01								{ margin:2rem 0 1.5rem;}
	.con01 .con01_img					{ width:37%;;}
	.con01 .con01_box,
	.course_list .con01 .con01_box	{ width:60%; }
	.way									{ width:100%}
	.way a								{ font-size:1.18rem;}
	.detail									{ display:none;}
	.course								{ margin:.7rem 0 .5rem; padding:.7rem 0; line-height:1.4}
	.course_list .course li				{ padding:0 1px 0 10px; background-size:6px}
	.stay_infobox li						{ font-size:.95em;}

	/*여행코스LIST*/
	.course_list .con01_box .day			{ font-size:.92em; }
	.course_list .course						{ font-size:.98em;  }
	.course_list .tag							{ font-size:.96em; }
	.course_list .con01_box .day			{ width:4em; padding:.1em .35em; }
	.course_list .tag span					{ margin-right:.4em;}

	.festivalList .photoWrap				{ width:49.25%}
	.photoWrap,	
	.spotList .photoWrap,
	.accomList .photoWrap				{ width:100%}
}
@media screen and (max-width:468px){
	/*상품LIST-I*/
	.con01					{ flex-direction:column; }
	.con01 .con01_img,
	.course_list .con01 .con01_box,
	.con01 .con01_box		{ width:100%;}
	.course_list .con01 .con01_box		{ padding:.7em 0}
}
@media screen and (max-width:399px){
	/*상품LIST-II*/
	.photoWrap h3{font-size:100%;}
}



/****상세보기 CSS*****/
/*공통*/
.article01 {width:100%;margin:0 auto;border-bottom:1px solid #c3c3c3;}

/*목록으로*/
.go_list				{ display:inline-block; width:100%; margin:4em auto; text-align:center;}
.go_list a				{ display:inline-block; width:180px; padding:1em; color:#000; font-size:20px; letter-spacing:-.03em; border:1px solid #c6c6c6; border-radius:2em }
.go_list a:hover		{ color:#fff;background:#636363;}

/*등록된 내용없을시*/
.noconts{display:none;}
.noreview{text-align:center;margin:25px 0 25px 0;font-size:130%;}

/*별점*/
.good_star {color:#f1592a;}
.bad_star {color:#bbb;}
.review_css .review_star a{color:#f1592a;}
.review_css .review_star a:hover{color:#454545;}
.review_sttl{margin-left:8px;}
.main_discript .review_css .review_star{font-size:15px;padding-right:0px;padding-left:10px;font-weight:600;color:#f1592a;}
.review_wrap{width:100%;float:left;padding-top:5px;}
.review_star a{color:#f31d1d;padding:0 3px 0 3px;font-size:110%;}
.star_good{color:#f31d1d;font-size:110%;}
.star_bad{color:#454545;font-size:110%;}
.star_ttl{font-size:110%;padding:0 5px 0px 8px;}

/* 상세보기 tag  */
.tag_area {margin-top:5px;padding:15px 0 0 0;display:inline-block;width:100%;border-top:1px dashed #bbb;}
.tag_top {text-align:center;width:100%;margin:auto;float:left;}
.tag_top dt {float:left;padding:0 15px 0 0;text-align:left;width:42px;}
.tag_top .tag_ico{padding:0 15px 0 10px;text-align:left;}
.tag_top dd {float:right;width:88%;padding:0px 0 0 0;font-size:85%;}
.tag_top dd a {float:left;color:#767676;margin:0 3px 7px 0;padding:5px;border:1px solid #ccc;border-radius:8px;line-height:13px;font-size:12px;background:#fff;}
.tag_top dd a:hover{color:#fff;margin:0 3px 7px 0;padding:5px;border:1px solid #eb0011;border-radius:8px;line-height:13px;font-size:12px;background:#eb0011;}

.main_content .main_discript .intro_box .tag		{ margin:0; line-height:1.5; background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/bg_tag.svg)}
.main_discript .intro_box .tag_list a					{ display:inline-block; color:#767676; margin:1px 1px 1px 0; padding:2px .5em; background:#fff; border-radius:1em; font-size:.93rem; }
.main_content .main_discript .intro_box .course	{ margin:0; padding-top:0; padding-bottom:0; line-height:1.5; background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/bg_course.svg); border:0;}
.main_discript .intro_box .course_list li				{ display:inline-block; }
.main_discript .intro_box .course_list li + li		{ background: url(/resources/images/common/bg_navi_arrow.png) 0 50% no-repeat; padding: 0 1px 0 10px; }


/*상세보기-소개,코스,지도등 Tab Menu*/
.subject						{ margin:5em 0 2em; }
.subject li					{ float:left; text-align:center; }
.subject li:first-child:nth-last-child(2),
.subject li:first-child:nth-last-child(2)~li	{ width:50%}
.subject li:first-child:nth-last-child(3),
.subject li:first-child:nth-last-child(3)~li	{ width:33.3%}
.subject li:first-child:nth-last-child(4),
.subject li:first-child:nth-last-child(4)~li	{ width:25%}
.subject li:first-child:nth-last-child(5),
.subject li:first-child:nth-last-child(5)~li	{ width:20%}
.subject li + li						{ margin-left:-1px}
.subject li button					{ display:block; width:100%; height:65px; line-height:65px; font-size:19.5px; background:#fff; color:#a0a0a0; border:1px solid #d9d9d9}
.subject li button:hover,
.subject li button:focus,
.subject .subject_on button	{ position:relative; color:#000; border-color:#000; z-index:1}

@media screen and (max-width:969px){
	.subject			{ margin:3em 0 1.5em}
	.subject li button		{ overflow:hidden; font-size:15px; height:50px; line-height:50px; text-overflow:ellipsis; white-space:nowrap; }
}


/*상품상세보기*/
.main_top						{ max-width:1300px; margin:0 auto; padding:3.5em 4.3em; background:#f8f8f8; line-height:1.3; }
.main_top>h2					{ margin-bottom:.4em; padding-right:70px; font-size:32px; font-weight:500; color:#454545; letter-spacing:-.06em;}

.photo_shot											{ position:relative;}
.photo_shot	 .swiper-wrapper					{ height:auto}
.photo_shot .rsp_img								{ padding-top:61%;}
.pt_swiper											{ position:relative; max-height:720px; overflow:hidden;}
.photo_shot .pt_arrow							{ top:45%}
.photo_shot .pt_arrow::after					{ display:none}
.photo_shot>.swiper-button-prev			{ left:-2.5rem; }
.photo_shot>.swiper-button-next			{ right:-2.5rem;}
.pt_thum													{ position:relative; max-height:85px; overflow:hidden; margin-top:.5em;}
.pt_thum .pt_thum_slide							{ opacity:.5; cursor:pointer}
.pt_thum .pt_thum_slide:hover,
.pt_thum .swiper-slide-thumb-active			{ opacity:1;}
.pt_thum .swiper-slide-thumb-active::after	{ position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid var(--blue); content:"" }
.pt_thum .th_arrow									{ top:0; margin-top:.5px; height:100%; background:rgba(0,0,0,.4) }
.pt_thum .th_arrow::after							{ font-size:1.4rem; color:rgba(255,255,255,.8); }
.pt_thum .th_arrow.swiper-button-prev			{ left:0 }
.pt_thum .th_arrow.swiper-button-next			{ right:0}

.pt_loading								{ position:relative; width:100%; padding-top:61%; background:#fff}
.pt_loading>div						{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}

.main_content .main_discript						{ position: relative; margin-top:30px;}
.main_content .main_discript .intro_box			{ margin-bottom:.3em; font-size:17px; letter-spacing:-.045em; line-height:1.5; }
.main_content .main_discript .intro_box dt		{ float:left; width:6em; padding-left:22px; font-size:1.05em; font-weight:500; color:#454545; background:no-repeat 0 50%;}
.main_content .main_discript .intro_box .location	{ background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/bg_location.svg)}
.main_content .main_discript .intro_box .tel			{ background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/bg_tel.svg)}
.main_content .main_discript .intro_box .site		{ background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/bg_home.svg)}
.main_content .main_discript .intro_box .scale		{ background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/bg_scale.svg)}
.main_content .main_discript .intro_box .review	{ background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/bg_review.svg)}
.main_content .main_discript .intro_box .review_star	{ color:#f1592a; letter-spacing:0; font-weight:500;}
.main_content .main_discript .intro_box dd		{ float:left; list-style:none; width:-webkit-calc(100% - 6.5em); width:-moz-calc(100% - 6.5em); width:calc(100% - 6.5em);font-weight:300; color:#818181; letter-spacing:0;}
.main_content .main_discript .intro_box .site + dd a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.main_content .main_discript .tag_park {margin:20px 0 0 10px;}
.main_content .main_discript .tag_park li {float:left;margin-right:5px;}
.main_content .main_discript .review_css{float:left;padding:1%;width:98%;font-size:90%;font-weight:600;color:#636363;margin-top:5px;border-top:1px dashed #bbb;border-bottom:1px dashed #bbb;background-color:#fcfbfb;}

.main_content .btn_area						{ display:flex; align;-items:center; justify-content:center; gap:3px; margin-top:20px; font-size:0; text-align:center;}
.main_content .btn_area>li					{ position:relative; width:120px;  }
.main_content .btn_area>li>button				{ display:block; width:100%; height:42px; padding-left:1.2em; font-size:15.5px; letter-spacing:-.03em; background:no-repeat top 50% left 1.1em; border-radius:2em }
.main_content .btn_area .vr button				{ color:#fff; }
.main_content .btn_area .btn>button			{ color:#323232; border:1px solid #0071bb;}
.main_content .btn_area .vr.ground button	{ background-color:#8bbd1d; background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/icon_vr_ground.svg)}
.main_content .btn_area .vr.sky button			{ background-color:#0080cc; background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/icon_vr_sky.svg)}
.main_content .btn_area .btn.load button		{ background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/icon_load.svg)}
.main_content .btn_area .btn.share>button	{ background-image:url(https://tour.jb.go.kr/resources/jns-img/sub/icon_share.svg)}
.main_content .btn_area #sharingList				{ position:absolute; top:120%;left:50%; width:250px; margin-left:-135px; padding:10px; background:#fff; border-radius:6px; -webkit-box-shadow:0 0 15px rgba(0,0,0,.09); -moz-box-shadow:0 0 15px rgba(0,0,0,.09); box-shadow:0 0 15px rgba(0,0,0,.09); z-index:3}
.main_content .btn_area #sharingList::before	{ position:absolute; top:-10px; left:50%; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:10px solid #fff; content:""; }
.main_content .btn_area #sharingList li			{ display:inline-block; *display:inline; overflow:hidden; padding:0; margin:0 4px; font-size:.875rem; color:#000; vertical-align:middle; *zoom:1; }
.main_content .btn_area .urlcopy button,
.main_content .btn_area .close button					{ position:relative; display:block; width:29px; height:29px; border-radius:50%}
.main_content .btn_area .urlcopy button				{ font-size:12px; color:#fff; line-height:29px; text-align:center; letter-spacing:-.03em; background:#868686; }
.main_content .btn_area .close button::before,
.main_content .btn_area .close button::after			{ position:absolute; top:50%; right:10%; width:80%; height:1px; background:#000; content:""; }
.main_content .btn_area .close button::before			{ transform:rotate(45deg); }
.main_content .btn_area .close button::after			{ transform:rotate(-45deg); }


.acount {display:block;font-size:1.1rem;color:#333;line-height:1.6;padding:2rem 0;}
.de_text{margin:40px 0; line-height:1.5; font-size:.97rem;}


/* 내용 */
h3.article_tit								{ margin:2.5em 0 .7em; font-size:1.56rem; font-weight:500; color:#454545; letter-spacing:-.07em; word-break:keep-all}
h3.article_tit:first-child					{ margin-top:1em;}
.de_text p.article_cont					{ font-size:1.16rem; font-weight:300; color:#454545; letter-spacing:-.035em; line-height:1.6; word-break:keep-all}
.de_text .article_img						{ margin:2em 0; text-align:center;; }
.de_text .article_img img					{ width:100% !important; height:auto !important}
.de_text .article_img table				{ width:100% !important; }
.de_text .article_img table td			{ width:50% !important; padding:0 1px;}
.de_text .article_img table .copy		{ font-size:.96rem; color:#888; letter-spacing:-.05em;}
.de_text .article_copy						{ display:block; margin:1em 0; padding:.5em 1em; font-size:.96rem; letter-spacing:-.02em; font-weight:300; background:#f5f7f8; }
.de_text .article_copy dt,
.de_text .article_copy	dd					{ display:inline; }
.de_text .article_copy dt					{ color:#2c7bae; font-weight:400;}

/*이용안내*/
.article01_dis									{ margin:5em 0 3em;}
.article01_dis .article_table					{ width:100%; font-size:1.1rem; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }
.article01_dis .article_table tbody th		{ padding:.8em 1em; font-weight:500; color:#4f4f4f; background:#f9f9f9; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;  }
.article01_dis .article_table tbody td		{ padding:.8em 1em; color:#505050; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;  }

/*교통*/
.traffic {float:left;width:100%;height:auto;margin:30px 0 0 0px;}
.traffic dl{float:left;width:99%;margin:8px 0 8px 0;border-bottom:1px dashed #bebebe;padding-bottom:5px;}
.traffic dt{float:left;width:13%;font-weight:bold;list-style:disc;}
.traffic dd{float:right;width:86%;line-height:1.6em;}
.traffic dl dd dl{border-bottom:0px dashed #bebebe;}

/*지도*/
.map {height:auto;margin:10px 0 15px;}
.map .map_tab{float:right;}
.map .map_tab li{float:left;}
.map a{background-color:#636363;color:#fff;}
.map a.on{background-color:#49a50b;color:#fff;}
.map a:hover{background-color:#49a50b;}
.map a:focus{background-color:#49a50b;}
.map .google {display:block;float:left;width:75px;height:24px;border-radius:12px;text-align:center;line-height:24px;margin-top:10px;}
.map .naver {display:block;float:right;width:75px;height:24px;border-radius:12px;text-align:center;line-height:24px;margin:10px 0px 0 10px;}
.map .api {width:100%;height:410px;background-position:center;float:left;margin-top:10px;}
.map .api a,.map .api a:hover,.map .api a:focus{background:none;}

/*주변관광지등 */
.article01 h4 {float:left;color:#000;font-size:20px;font-weight:500;width:150px;margin:0 25px 15px 0;height:36px;line-height:36px;}
.around_search>ul	{ float:left; }
.around_search li		{ float:left; display:inline-block; }
.around_search li button {display:block; width:100px; height:36px; font-size:1.05em;background:#fff no-repeat 10px 8px / 23px;line-height:36px;border:1px solid #a6a6a6;border-radius:5px;text-indent:35px;margin-right:5px;}
.around_search li button:hover,
.around_search li button:focus {color:#222;border:1px solid #222;}
.around_search li .on{color:#222;border:1px solid #f2000b;font-weight:500;}
/*주변관광지-탭메뉴배경*/
.around_search li	.around01 {background-image:url(/resources/images/marker/type-a.png);}
.around_search li	.around02 {background-image:url(/resources/images/marker/type-g.png);}
.around_search li	.around03 {background-image:url(/resources/images/marker/type-e.png);}
/*주변관광지-반경선택*/
.article01 select {float:right;height:36px;}
/*주변관광지 리스트*/
.result_search {height:auto;margin-bottom:20px;}
.result_search .result_line{display:block;height:45px;line-height:45px;font-size:14px;border-bottom:1px solid #bababa;}
.result_search .result_str{color:#f20000;}
.result_search>ul {margin:10px 0 20px;}
.result_search>ul>li {display:block;width:32.5%;float:left;margin:10px 0 0 1%;}
.result_search>ul>li:nth-child(3n+1)	{ margin-left:0;}
.result_search .around_result01 .around_list{overflow:hidden;}
.result_search .around_result01 .around_list_img a		{ display:block; position:relative; height:0; width:100%; padding-top:61%; border:1px solid #ddd;}
.result_search .around_result01 .around_list_img img	{ position:absolute; top:0; left:0; width:100%; height:100%}
.result_search .around_result01 .around_list_text			{ line-height:1.4; padding:8px 0;}
.result_search .around_result01 .around_list_text strong,
.result_search .around_result01 .around_list_text span	{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-.04em;}
.result_search .around_result01 .around_list_text strong	{ font-size:1.15em; font-weight:500;}
.result_search .more {text-align:center;}

/* 후기 css */
.coment				{ width:100%;}
.comment_star,
.good_star			{ color:#f1592a; }
.bad_star				{ color:#ccc; }
.user_com_list li	{ padding:15px 0; border-bottom:1px solid #ccc;}
.coment_list>ul:first-child { border-top:1px solid #ccc;}
.user_com_list dl	{ font-size:0;}
.user_com_list dt	{ display:inline-block; width:13%; padding-right:2%; text-align:center; font-size:16px; color:#555; font-weight:500; vertical-align: middle;}
.user_com_list dd	{ display:inline-block; width:85%; margin:0; font-size:15px; color:#222; letter-spacing:-.02em; vertical-align:middle;}
.user_com_list .comment_star { margin-bottom:5px; }
.user_com_list .comment_date { margin:8px 0 0 15%;}
.user_com_list .comment_date button { width:80px; height:30px; text-align:center; line-height:30px; color:#fff; cursor:pointer; background:#454545;}

.coment_list .more			{ text-align:center; margin:30px auto; }
.result_search .more button,
.coment_list .more button { height:40px; margin:0 auto; font-size:1.1em; text-align:center; background:#ececec; padding:0 2em;}

.coment_write				{ width:100%; margin-bottom:30px; padding:25px; border:1px solid #bababa; overflow:hidden;}
.coment_write .write_text	{ float:left; width:85%;}
.coment_write .write_option { margin-bottom:15px; overflow:hidden;}
.coment_write .write_option fieldset { float:left;}
.coment_write .score label	{ font-size:12.5px; vertical-align:middle;}
.coment_write .write_option input { border:1px solid #ddd; line-height:20px;}
.coment_write .write_option .info { margin-right:30px; margin-bottom:10px;}
.coment_write .write_option .info input { width:110px; margin-right:10px; }
.coment_write .write_option ul li { display:inline-block; margin-left:10px;}
.coment_write .write_input	{ float:left; width:15%; }

.coment_write .write_text textarea	{ width:99%; height:100px; padding:15px; background:#f7f7f7; overflow:hidden;}
.coment_write .write_input input	{ display:block; width:100%; height:100px; text-align: center; font-weight: bold; color:#fff; cursor: pointer; background-color:#666666;}

/* 상세정보 > 테이블 */
.detail_view_wrap                                       {margin-top:3rem;}
.detail_view_wrap h2.tit                                {font-size:1.3rem; font-weight:500;}
.detail_view_wrap table.detail_view_tb                  {width: 100%; border-collapse: collapse; margin: 10px 0;}
.detail_view_wrap table.detail_view_tb thead th         {border: 1px solid #ccc; padding: 10px; text-align: center; background-color: #f4f4f4; color: #333;}
.detail_view_wrap table.detail_view_tb tbody tr td      {border: 1px solid #ccc; padding: 10px; text-align: center;}
.detail_view_wrap table.detail_view_tb tbody tr td.bg   {background-color: #f4f4f4;}
.sm_guide_txt                                           {color: red; font-size: 0.9em;}

@media screen and (max-width:1024px){
	.coment_write .write_option ul	{ margin-top:10px;}

	/*상세*/
	.main_top						{ padding:2em 2.5em}
	.photo_shot>.swiper-button-prev	{ left:-2rem; }
	.photo_shot>.swiper-button-next	{ right:-2rem;}
	.pt_thum							{ max-height:115px; }
}
@media screen and (max-width:768px) {
	.coment_write						{ padding:4% 0 0; border:0; border-top:1px solid #ddd}
	.coment_write .write_option .info	{ margin-right:0;}
	.coment_write .write_option .info input { width:30%; margin-right:5px;}
	.coment_write .write_option ul li	{ margin:0;}
	.coment_write .write_text			{ float:none; width:100%;}
	.coment_write .write_text textarea	{ width:100%;}
	.coment_write .write_input			{ float:none; width:100%; margin-top:10px; }
	.coment_write .write_input input	{ height:40px; line-height:40px;}

	/*상세*/
	.main_top>h2							{ font-size:28px;}

	h3.article_tit								{ font-size:20px;}
	.de_text p.article_cont				{ font-size:15px;}
	.de_text .article_img table .copy	{ display:block; margin-top:.2em; font-size:13.5px; line-height:1.3;}
	.go_list a									{ width:120px; font-size:17px; padding:.7em}
	.main_content .main_discript .intro_box	{ font-size:16px; margin-bottom:.5em}

	/*주변관광지*/
	.article01 h4					{ width:100%; margin-left:0}
}
@media screen and (min-width:755px) and (max-width:980px){
	/*상세-위치,문의,요금등 내용*/
	.main_discript .intro .intro_box {float:left;width:100%;margin-bottom:10px;font-size:90%;}
	.main_discript .intro .intro_box dt{background-image:url(/resources/images/sub/spot.png);background-repeat:no-repeat;background-position:left;width:20%;text-indent:20px;float:left;font-weight:bold;}
	.main_discript .intro .intro_box dd{list-style:none;width:80%;float:left;text-align:left;line-height:1.5;}

	/*홈페이지,qr코드등아이콘*/
	.favorite {float:left;margin:20px 0 0 10px;}
	.favorite li {float:left;margin-right:8px;}
	.ico_home{background:url(/resources/images/sub/ico_home.jpg)#fff center left no-repeat;background-size:25%;border-radius:3px;font-size:13px;height:30px;line-height:30px;text-indent:20px;width:75px;border:1px solid #bebebe;}
	.ico_load{background:url(/resources/images/sub/ico_load.jpg)#fff center left no-repeat;background-size:25%;border-radius:3px;font-size:13px;height:30px;line-height:30px;text-indent:20px;width:75px;border:1px solid #bebebe;}
	.ico_qr{background:url(/resources/images/sub/ico_qr.jpg)#fff center left no-repeat;background-size:25%;border-radius:3px;font-size:13px;height:30px;line-height:30px;text-indent:20px;width:75px;border:1px solid #bebebe;}
	.ico_favor{background:url(/resources/images/sub/ico_favor.jpg)#fff center left no-repeat;background-size:25%;border-radius:3px;font-size:13px;height:30px;line-height:30px;text-indent:20px;width:75px;border:1px solid #bebebe;}
	.ico_ground{background:url(/resources/images/sub/ico_ground.jpg)#fff center left no-repeat;background-size:25%;border-radius:3px;font-size:13px;height:30px;line-height:30px;text-indent:20px;width:75px;border:1px solid #bebebe;}
	.ico_sky{background:url(/resources/images/sub/ico_sky.jpg)#fff center left no-repeat;background-size:25%;border-radius:3px;font-size:13px;height:30px;line-height:30px;text-indent:20px;width:75px;border:1px solid #bebebe;}
}
@media screen and (max-width:754px){
	/*홈페이지,qr코드등아이콘*/
	.ico_home{background-size:30%;border-radius:3px;font-size:80%;height:30px;line-height:30px;text-indent:20px;width:70px;}
	.ico_load{background-size:30%;border-radius:3px;font-size:80%;height:30px;line-height:30px;text-indent:20px;width:60px;}
	.ico_qr{background-size:30%;border-radius:3px;font-size:80%;height:30px;line-height:30px;text-indent:20px;width:60px;}
	.ico_favor{background-size:30%;border-radius:3px;font-size:80%;height:30px;line-height:30px;text-indent:20px;width:60px;}
	.ico_ground{background-size:30%;border-radius:3px;font-size:80%;height:30px;line-height:30px;text-indent:20px;width:60px;}
	.ico_sky{background-size:30%;border-radius:3px;font-size:80%;height:30px;line-height:30px;text-indent:20px;width:60px;}

	/*상세*/
	.main_content .main_discript				{ margin-top:20px;}
	.main_content .btn_area>li					{ width:auto}
	.main_content .btn_area .vr button				{ width:38px; height:38px; overflow:hidden; line-height:90px; font-size:1px; border-radius:50%; background-position:50% 50%}
	.main_content .btn_area .btn>button			{ height:38px; padding:0 1em 0 2em; background-position-x:.6em}
	.main_content .btn_area #sharingList		{ right:0; left:auto; margin-left:0}
	.main_content .btn_area #sharingList::before	{ right:10%; left:auto; }
	.article01_dis .article_table			{ font-size:15px;}
	.article01_dis .article_table,
	.article01_dis .article_table tbody,
	.article01_dis .article_table tr,
	.article01_dis .article_table th,
	.article01_dis .article_table td,
	.article_img table, .article_img tbody, .article_img tr, .article_img th, .article_img td 		{ display:block; width:100%; }
	.de_text .article_img table td							{ width:100% !important; padding:0 !important; margin-top:10px}

	/*주변관광지등 */
	.around_search {width:98%;margin:0 0 0 1%;}
	/*주변관광지-탭메뉴배경*/
	.around_search .around01 {width:90px;font-size:80%;}
	.around_search .around02,
	.around_search .around03 {width:70px;font-size:80%;}
	/*주변관광지 리스트*/
	.result_search>ul>li		{ width:49.5%}
	.result_search>ul>li:nth-child(3n+1)	{ margin-left:.5%;}
	.result_search>ul>li:nth-child(2n+1)	{ margin-left:0}

	/*교통*/
	.traffic dt{width:100%;font-size:95%;}
	.traffic dd{width:100%;font-size:12px;}
}
@media screen and (max-width:568px) {
	.main_top>h2				{ font-size:25px; padding-right:0}
	.photo_shot .pt_arrow						{ width:15px}
	.photo_shot>.swiper-button-prev		{ left:-1.7rem; }
	.photo_shot>.swiper-button-next		{ right:-1.7rem;}
	.pt_thum .th_arrow							{ width:20px }
	.pt_thum .th_arrow::after					{ font-size:1.06rem;}

	.main_content .main_discript				{ margin:15px 0; }
}
@media screen and (max-width:400px){
	.article01 h4,
	.around_search>ul		{ float:none;}
	.article01 select				{ float:none; width:100%; margin-top:5px;}
	.coment_list .more button,
	.result_search .more button	{ height:35px; }
	.main_content .main_discript .intro_box dt,
	.main_content .main_discript .intro_box dd	{ float:none; width:100%;}
}


/* 권역별 코스소개 */
.inside_part_course		{ height:auto;margin:0 auto;}
.spoint					{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; position:relative; padding:1em 70px 1em 0; border-bottom:1px solid #eee;}
.spoint:last-child		{ margin-bottom:5em; border-bottom:0; }
.spoint_img				{ width:28%}
.spoint_img>a			{ display:block; position:relative; width:100%; height:0; padding-top:61%; overflow:hidden; background:url('/resources/images/sub/detail_noimg.jpg') no-repeat 50% 50% / cover; border-radius:1em}
.spoint_img img		{ position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;}
.spoint_img .point		{ position:absolute; top:0; left:0; padding:.35em 1em; color:#fff; background:var(--blue); border-radius:1em 0}
.part_discript			{ width:70%}
.part_discript h3				{ letter-spacing:-.04em}
.part_discript .summary			{ margin-top:.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.part_discript .summary,
.part_discript .summary *			{ font-size:1.05rem !important; line-height:1.5 !important; letter-spacing:-.03em; font-family:'Noto Sans KR', 'Noto Sans JP', 'Noto Sans SC',  'Noto Sans TC', "Malgun Gothic", "돋움", Dotum, Arial, sans-serif !important; color:#888 !important}
.view_part							{ position:absolute; top:15%; right:0; width:55px; height:70%;}
.view_part a							{ display:block; width:100%; height:100%; border:1px solid #eee;}
.view_part a::after					{ position:absolute; top:calc(50% - 9px); left:calc(50% - 18px); width:18px; height:18px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); border:solid #ababab; border-width:1px 1px 0 0; content:""}
.view_part a:hover					{ background:#f1f1f1; }

/* 권역별 코스소개 */
@media screen and (max-width:768px){
	.spoint					{ padding:1em 45px 1em 0; }
	.spoint_img .point		{ padding:.3em 1em; font-size:.95em;}
	.part_discript h3		{ font-size:1.15em;}
	.view_part				{ width:35px; }
	.view_part a::after		{ top:calc(50% - 6.5px); left:calc(50% - 13px); width:13px; height:13px; }
	
}
@media screen and (max-width:568px){
	.spoint					{ padding:1em 0; }
	.view_part				{ display:none;}
	.spoint_img,
	.part_discript			{ width:100%}
}



.serchList01 {display:inline-block;width:100%;height:auto;margin:0 auto;border-bottom:0px solid #454545;}

.photoWrap01 {display:inline-block;width:32%;max-height: 350px;min-height:350px;margin: 20px 1px 0 10px;overflow:hidden;cursor:pointer;float:left;}
.photoWrap01 h3{font-size:100%;width:98%;margin-left:2%;}
.photoWrap01 .jb_area{display:block;width:auto;height:auto;padding:0% 2% 0% 1%;background-color:#d92737;color:#fff;font-size:85%;text-align:center;float:left;margin-right:10px;border-radius:8px;}
.photoWrap01 .photo_img{display:inline-block;width:97%;height:240px;text-align:center;background:#f1f1f1;margin-bottom:10px;border:1px solid #ddd;}
.photoWrap01 a {display:block;width:100%;font-size:110%;color:#2d2d2d;line-height:33px;text-indent:5px;font-weight:500;}
.photoWrap01 a:hover{opacity:0.9;}
.photoWrap01 .photo_info {float:left;height:60px;padding:0 5px 0px 10px;margin-bottom:10px;line-height:1.5em;font-size:100%;font-weight:300;}

@media screen and (max-width: 820px) and (min-width: 640px){
	.photoWrap01 {width:48%;}
}
@media screen and (max-width: 399px){
	.photoWrap01 {width:98%;}
}