@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;800&display=swap');

/* Font */
@font-face {
	font-family: 'Wanjudaedunsan';
	src: url('/css/visitjj/font/TTWanjudaedunsancheB.woff2') format('woff2');
	url(/css/visitjj/font/TTWanjudaedunsancheB.woff) format('woff'),
	url(/css/visitjj/font/TTWanjudaedunsancheB.otf) format('opentype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Wanjudaedunsan';
	src: url('/css/visitjj/font/TTWanjudaedunsancheR.woff2') format('woff2');
	url(/css/visitjj/font/TTWanjudaedunsancheR.woff) format('woff'),
	url(/css/visitjj/font/TTWanjudaedunsancheR.otf) format('opentype');
	font-weight: 400;
	font-style: normal;
}

:root {
	--main-space:8rem;
}

.wrap		{ max-width:1480px; margin:0 auto; }
.wrap *		{ box-sizing:border-box;}


/* 스크립트 컨트롤 */
.swiper-control 					{ align-items:center; gap:10px; position:absolute; color:#000; z-index:3; }
.swiper-control .swiper-arrow 		{ display:inline-flex; align-items:center; justify-content:center; position:relative; bottom:auto; top:auto; width:36px; height:36px; margin:0; background:none; border:0;}
.swiper-control .swiper-arrow::after{ font-size:1rem; font-weight:700;}
.mv_pagination 						{ position:relative; bottom:auto; top:auto; width:auto; text-align:center; font-size:1.18rem; letter-spacing:-.01em; font-family:'Wanjudaedunsan', sans-serif; font-weight:400; line-height:1; }
.mv_pagination .swiper-pagination-current 	{ display:inline-block; margin:0 .5em;  }
.mv_pagination .swiper-pagination-total 	{ display:inline-block; margin:0 .5em; }
.mv_btn_autoplay 					{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; margin-left:-10px; background:none; border-radius:50%; }
.mv_btn_autoplay_icon 				{ position:relative; width:10px; height:10px; }
.mv_btn_autoplay_is_playing .mv_btn_autoplay_icon::before { position:absolute; width:3px; height:100%; background:#7f7f7f; border-radius:1px; content:""; left:1px; top:0; bottom:0; }
.mv_btn_autoplay_is_playing .mv_btn_autoplay_icon::after { position:absolute; width:3px; height:100%; background:#7f7f7f; border-radius:1px; content:""; right:1px; top:0; bottom:0; }
.mv_btn_autoplay_is_paused .mv_btn_autoplay_icon { position:relative; width:10px; height:10px; clip-path:polygon(0 0, 100% 50%, 0 100%); background:#7f7f7f; }

/* 타이틀 */
.title					{ margin-bottom:.5em; font-family:'Wanjudaedunsan',"Noto Sans KR", sans-serif; font-weight:400; font-size:2.6em; letter-spacing:-.075em;}
a.more					{ display:inline-block; position:relative; width:40px; height:40px; vertical-align:middle; border-radius:50%; -webkit-transition:all .3s ease; transition:all .3s ease;}
a.more::after			{ position:absolute; top:50%; left:11px; width:19px; height:1.5px; margin-top:-1px; content:""}
a.more::before 			{ position:absolute; top:15px; right:12px; width:9px; height:9px; border-style:solid; border-width:0 1.5px 1.5px 0; transform:rotate(-45deg); content:"" }
a.more:hover,
a.more:focus			{ background:var(--purple) !important;}
a.more:hover::after,
a.more:focus::after		{ background:#fff !important;}
a.more:hover::before,
a.more:focus::before	{ border-color:#fff !important;}

/* 이미지 */
.rsp_img						{ position:relative; height:0; width:100%; overflow:hidden; }
.rsp_img>img					{ position:absolute; top:50%; left:50%; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transition:all .3s ease; transition:all .3s ease;}
.rsp_img.zoom:hover>img,
.rsp_img.zoom:focus>img				{ transform:translate(-50%,-50%) scale(1.1);  }

/* 카테고리*/
.badge 			{ position:absolute; top:0; left:0; min-width:78px; padding:.4em 1.1em .5em; font-weight:700; color:#fff; text-align:center; border-radius:0 0 1.5rem; z-index:1 }
.badge.type01	{ background:var(--purple)}
.badge.type02	{ background:#14b9be; }
.badge.type03	{ background:#cf008a; }
.badge.type04	{ background:#643334; }

/* 메인 비주얼 */
.visual								{ position:relative; height:850px; margin-bottom:8rem}
.visual_swiper						{ height:100%; }
.visual_swiper .swiper-slide		{ position:relative; overflow:hidden; border-radius:0 0 300px }
.visual_bg							{ position:absolute; width:100%; height:100%; background:no-repeat 50% 50% / cover; }
.visual_inner						{ position:absolute; bottom:10%; left:50%; width:100%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); color:#fff;  }
.visual_title						{ position:relative; margin-bottom:.3em; font-family:'Wanjudaedunsan',"Noto Sans KR", sans-serif; font-weight:400; font-size:3.81rem; letter-spacing:-.075em; word-break:keep-all; }
.visual_meta						{ position:relative; font-size:1.25rem; letter-spacing:-.05em;}
.visual_text_bot					{ align-items:center; gap:1.5em; }
.visual_btns						{ gap:5px; }
.visual_btn							{ text-align:center; font-weight:300; color:#fff; border-radius:2em; }
.visual_btn.map_btn					{ opacity:.7; height:53px; padding:0 1em; line-height:53px; font-size:.9em}
.visual_btn.view_btn				{ width:160px; height:55px; line-height:55px; letter-spacing:-.05em; background:var(--gradient)}
.visual .swiper-control 				{ left:50%; bottom:-50px; width:100%; transform:translateX(-50%); }
.visual .swiper-control .swiper-arrow::after{ color:#000}
.visual .mv_pagination 					{ color:#dcdcdc;  }
.visual .mv_pagination .swiper-pagination-current 	{ color:#000 }
.visual .mv_pagination .swiper-pagination-total 	{ color:#8b8a8b }
.visual .mv_btn_autoplay 				{ border:1px solid #cdcdcd; }


.visual_thumbs 							{ position:absolute; right:300px; bottom:-55px; z-index:3; }
.visual_thumbs .swiper_wrapper 			{ width:100%; }
.swiper-slide_thumb						{ width:110px; height:110px; border-radius:50%; overflow:hidden;}
.thumb_item								{ height:100%; width:100%;  background:#000}
.thumb_img 								{ opacity:.65; position:absolute; height:100%; background:no-repeat 50% 50% / cover; transition:transform .3s ease; inset:0; }
.thumb_label 							{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; font-size:16px; letter-spacing:-.05em; text-align:center; color:#fff; opacity:0; transform:translateY(100%); pointer-events:none; white-space:nowrap; transition:opacity .3s ease, transform .3s ease; }
.visual_thumbs .swiper-slide_thumb.swiper-slide-thumb-active { border:5px solid #fff; }
.visual_thumbs .swiper-slide-thumb-active .thumb_label { opacity:1; transform:translateY(0); background:var(--gradient); }

@media (max-width: 1668px) {
	.visual_swiper .swiper-slide		{ border-radius:0 0 200px }
	.visual_thumbs						{ right:150px; }
}
@media (max-width: 1468px) {
	.visual 							{ height:750px; }
	.visual_swiper .swiper-slide		{ border-radius:0 0 150px }
	.visual_title						{ font-size:3.3rem; }
	.visual_thumbs						{ right:100px; bottom:-45px; }
	.swiper-slide_thumb					{ width:100px; height:100px; }
	.visual .swiper-control				{ padding:0}
	.visual_meta						{ font-size:1.25rem; }
}
@media (max-width: 1268px) {
	.mv_pagination						{ font-size:1.08rem; }
	.title								{ font-size:2.3em;}

	.visual 							{ height:600px; }
	.visual_swiper .swiper-slide		{ border-radius:0 0 100px }
	.visual_title						{ font-size:2.8rem; }
	.visual_meta						{ font-size:1.1rem;}
	.visual_text_bot					{ gap:1em; }
	.visual_btn.map_btn					{ height:43px; line-height:43px; }
	.visual_btn.view_btn				{  width:140px; height:45px; line-height:45px; }
	.visual_thumbs						{ right:50px; bottom:-35px; }
	.swiper-slide_thumb					{ width:80px; height:80px; }
	.thumb_label 						{ font-size:15px;}
}
@media (max-width: 768px) {
	a.more								{ width:36px; height:36px}
	a.more::before						{ width:7px; height:7px; top:13.5px}
	a.more::after						{ width:15px}
	.title								{ font-size:2em;}

	.visual_swiper .swiper-slide		{ border-radius:0 0 70px }
	.visual_title						{ font-size:2.5rem; }
	.visual_thumbs						{ right:30px; }
	.swiper-slide_thumb					{ width:60px; height:60px; }
	.visual_thumbs .swiper-slide_thumb.swiper-slide-thumb-active { border-width:3px }
	.thumb_label 						{ display:none}
}
@media (max-width: 568px) {
	:root {
		--main-space:5rem;
	}

	.mv_pagination,
	.swiper-control .swiper-arrow::after{ font-size:.92rem; }
	.title								{ font-size:1.7em;}

	.visual								{ height:400px; margin-bottom:4rem;}
	.visual .swiper-control				{ bottom:-2.7rem}
	.visual_inner						{ bottom:1.5rem}
	.visual_title						{ font-size:1.8rem; }
	.visual_meta						{ font-size:.9rem; }
	.visual_btn							{ padding:0 1em; font-size:.85rem}
	.visual_btn.map_btn>span			{ display:none}
	.visual_btn.map_btn					{ height:36px; padding:0; line-height:36px; }
	.visual_btn.view_btn				{ width:auto; height:38px; line-height:38px; }
	.visual_thumbs						{ display:none }
}
@media (max-width: 368px) {
	.title								{ font-size:1.6em;}
}


/* 비짓전주PICK */
.pick				{ margin:var(--main-space) auto}
.pick_list			{ gap:1.5em 2%}
.pick_list li		{ position:relative }
.pick_thumb		{ border-radius:1.5rem}
.pick_item 			{ width:32%; }
.pick_item_large 	{ width:66%; }
.pick_card 			{ position:relative; }
.pick_link 			{ display:block; width:100%;}

.pick_item .pick_thumb 		{ padding-top:61.95%}
.pick_item_large .pick_thumb { padding-top:30.1%}
.pick_hover_box 			{ position:absolute; bottom:0; left:0; max-width:90%; padding:.7em 2em .7em 1em; font-size:1.33rem; letter-spacing:-.05em; font-weight:700; background:#fff; border-radius:0 2.5rem 0 0; opacity:0; transition:opacity .25s ease; pointer-events:none }
.pick_hover_box span		{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100% }
.pick_hover_box::before,
.pick_hover_box::after		{ content:''; position:absolute; width:1.5rem; height:1.5rem; background:url(/images/visitjj/main/2025/bg_box_corner.svg) no-repeat center / 100%; }
.pick_hover_box::before		{ top:-1.44rem; left:0; }
.pick_hover_box::after		{ bottom:0; right:-1.44rem; }
.pick_card:hover .pick_hover_box { opacity:1 }
.pick_card:hover img 		{ transform:translate(-50%,-50%) scale(1.1);}

@media (max-width: 1268px) {
	.pick_hover_box		{ font-size:1.2rem; }
}
@media (max-width: 1024px) {
	.badge				{ font-size:.9rem;}

	.pick_list			{ gap:.7em 1%}
	.pick_item 			{ width:32.55%; }
	.pick_item_large 	{ width:66.45%; }
}
@media (max-width: 868px) {
	.pick_item_large 	{ width:100%; }
	.pick_item 			{ width:49.5%; }
	.pick_hover_box		{ font-size:1.1rem; }
}
@media (max-width: 568px) {
	.badge				{ min-width:5em; padding:.2em .8em .3em; font-size:.8rem; border-radius:0 0 .8rem}

	.pick_list			{ gap:.3em 1%}
	.pick_list li		{ border-radius:.8rem}
	.pick_hover_box		{ padding:.3em 1em .3em .5em; font-size:.92rem; border-radius:0 1.5rem 0 0; }
	.pick_hover_box::before,
	.pick_hover_box::after	{ width:1rem; height:1rem}
	.pick_hover_box::before	{ top:-.9rem;}
	.pick_hover_box::after	{ right:-.9rem; }
}




/* 놓치면 후회하는 콘텐츠 */
.cont_link					{ position:relative; padding:6.5rem 0; }
.cont_link_bg				{ position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; max-width:1600px; height:100%; overflow:hidden; background:#373560 url(/images/visitjj/main/2025/bg_cont_link.png) no-repeat 110% 0; border-radius:2rem; z-index:-1; }
.cont_link .title			{ color:#fff}
.cont_link_list				{ margin:0 1.25rem; gap:28px }
.cont_fixed_wrap 			{ gap:28px; position:relative; width:628px; color:#fff; }
.cont_fixed_wrap .cont_card { height:410px; background:#8c66ff; }
.cont_fixed_wrap .cont_card_thumb	{ position:absolute; bottom:0; left:0; width:100%; height:100%;}
.cont_fixed_wrap .cont_card:nth-child(2){ margin-top:2.5rem;}
.cont_card 					{ position:relative; width:300px; padding:2.8rem 0 0 2rem; border-radius:1.5rem; border:0; box-shadow:0 18px 40px rgba(0,0,0,0.15); overflow:hidden; }
.cont_card_head 			{ position:relative; margin-bottom:.2em; font-family:'Wanjudaedunsan',"Noto Sans KR", sans-serif; font-size:1.93rem; font-weight:400; letter-spacing:-.075em; z-index:1}
.cont_card_text 			{ opacity:.85; position:relative; margin-bottom:1.5em; font-size:1.06rem; letter-spacing:-.05em; line-height:1.5; z-index:1}
.cont_card_thumb_img 		{ object-fit:cover; }
.cont_card_arrow 			{ display:flex; align-items:center; justify-content:center; position:relative; width:45px; height:45px; border-radius:50%; border:1px solid rgba(255,255,255,0.8); }
.cont_card_arrow::after		{ position:absolute; top:50%; left:9px; width:19px; height:1.5px; margin-top:-1px; background:#fff; content:""}
.cont_card_arrow_icon 		{ width:10px; height:10px; margin-left:3px; border:solid #fff; border-width:0 1.5px 1.5px 0; transform:rotate(-45deg); }
/* swiper 영역 */
.cont_swiper_wrap 						{ position:relative; width:calc(100% - 656px); padding-top:1.2rem; }
.cont_swiper_wrap .cont_card			{ color:#1f2732; letter-spacing:-.05em; background:#fff}
.cont_swiper_wrap .cont_slide_thumb		{ margin-left:-2rem;}
.cont_swiper_wrap .swiper-control 		{ left:30%; bottom:1rem; }
.cont_swiper_wrap .swiper-control .swiper-arrow::after{ color:rgba(255,255,255,.7)}
.cont_swiper_wrap .mv_pagination 					{ color:#7357d0;  }
.cont_swiper_wrap .mv_pagination .swiper-pagination-current,
.cont_swiper_wrap .mv_pagination .swiper-pagination-total 	{ color:#fff }
.cont_swiper_wrap .mv_btn_autoplay 				{ background:#fff; }

.move_text .text			{ flex-wrap:nowrap; white-space:nowrap; overflow:hidden; transition:.3s; position:absolute; bottom:-.4em; left:0; font-size:8rem; color:#373560; font-family:'Open Sans', sans-serif; letter-spacing:-.01em; text-shadow:-1px 0 #4b497f, 0 1px #4b497f, 1px 0 #4b497f, 0 -1px #4b497f;}
.move_text .text p			{ animation:textLoop 70s linear infinite; padding-right:.3em; line-height:1.4; font-weight:800; }

@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@media (max-width: 1768px) {
	.cont_link_list					{ margin-right:0; }
}
@media (max-width: 1600px) {
	.cont_link_bg					{ border-radius:0; }
	.cont_link_list,
	.cont_fixed_wrap				{ gap:15px}
	.cont_fixed_wrap				{ width:575px}
	.cont_card						{ width:280px; }
	.cont_swiper_wrap				{ width:calc(100% - 590px)}
}
@media (max-width: 1268px) {
	.cont_fixed_wrap				{ width:515px}
	.cont_fixed_wrap .cont_card 	{ height:360px;}
	.cont_card						{ width:250px; padding:2rem 0 0 1.6rem }
	.cont_swiper_wrap				{ width:calc(100% - 530px)}
	.cont_card_head 				{ font-size:1.75rem;}
	.cont_card_text 				{ margin-bottom:1em; font-size:1rem;}
	.cont_swiper_wrap .swiper-control	{ left:0; bottom:0}
}
@media (max-width: 868px) {
	.cont_fixed_wrap					{ width:calc(100% - 1.25rem); gap:2%; margin-right:1.25rem}
	.cont_fixed_wrap .cont_card 		{ width:49%; height:280px; padding:1.9rem 0 0 1.4rem; }
	.cont_fixed_wrap .cont_card:nth-child(2){ margin-top:0;}
	.cont_fixed_wrap .cont_card_thumb img	{ position:absolute; width:100%; bottom:-15%}
	.cont_fixed_wrap .cont_card_thumb::after{ content:""; position:absolute; top:0; left:0; width:100%; height:70%; background:linear-gradient(180deg,rgba(139,103,251,.9) 0%,rgba(139,103,251,.7) 50%,rgba(139,103,251,0) 100%); }
	.cont_card_arrow					{ width:36px; height:36px}
	.cont_card_arrow::after				{ width:15px;}
	.cont_card_arrow_icon				{ width:8px; height:8px}
	.cont_swiper_wrap .cont_card		{ width:230px; padding:1.8rem 0 0 1.4rem;}
	.cont_swiper_wrap					{ width:100%; padding-top:0;}
	.cont_card_head 					{ font-size:1.6rem;}
	.cont_card_text 					{ font-size:.95rem;}
	.cont_swiper_wrap .cont_slide_thumb	{ position:relative; height:160px; overflow:hidden; }
	.cont_swiper_wrap .cont_slide_thumb img { position:absolute; left:50%; top:50%; width:100%; min-height:100%; transform:translate(-50%, -50%); object-fit:cover; }
	.cont_swiper_wrap .swiper-control	{ position:relative; justify-content:center; margin-top:.5rem }
	.cont_link_bg						{ background-size:60% auto}
	.move_text .text					{ font-size:6.5rem}
}
@media (max-width: 568px) {
	.cont_link						{ padding:4.5rem 0;}
	.cont_card						{ border-radius:.8rem}
}
@media (max-width: 468px) {
	.cont_card_head 					{ font-size:1.4rem;}
	.cont_card_text						{ font-size:.86rem; line-height:1.4}
	.cont_card_text br					{ display:none}
	.cont_fixed_wrap .cont_card 		{ height:230px; padding:1.3rem 1rem 0; }
	.cont_swiper_wrap .cont_card		{ width:200px; padding:1.2rem 1rem 0  }
	.cont_swiper_wrap .cont_slide_thumb	{ height:130px; margin-left:-1rem; margin-right:-1rem;}
	.move_text .text					{ font-size:5rem}
}



/* 바로가기 링크 */
.link_select 					{ justify-content:space-between; max-width:1600px; margin:3rem auto; padding:3rem; background:#fbf8ef; border-radius:2rem; }
.link_select_item 				{ position:relative; width:33.333%;}
.link_select_text_box			{ padding:0 .5rem 0 3.5rem; }
.link_select_icon 				{ position:absolute; bottom:0; }
.link_select_question 			{ margin:0 0 .3em 2.5rem; font-size:1.5rem; font-weight:700; color:rgba(0,0,0,.8); letter-spacing:-.08em;}
.link_select_button 			{ display:flex; justify-content:space-between; align-items:center; position:relative; width:100%; height:70px; padding:0 2.5rem; font-family:'Wanjudaedunsan',"Noto Sans KR", sans-serif; letter-spacing:-.075em; background:#fff; border-radius:2em; box-shadow:0 10px 30px rgba(0,0,0,0.06); }
.link_select_tag 				{ font-size:1.75rem; font-weight:100; color:var(--purple); }
.link_select_arrow 				{ position:relative; width:19px; height:14px; transition:transform .25s ease;}
.link_select_item.is_open .link_select_arrow { transform:rotate(180deg);}
.link_select_list 				{ position:absolute; display:none; left:3.5rem; right:.5rem; margin-top:.2em; padding:1rem 2.5rem; background:#fff; border-radius:2rem; box-shadow:0 10px 30px rgba(0,0,0,0.04); z-index:3}
.link_select_list_item 			{ margin:.3em 0; font-size:1.05rem; font-weight:300; letter-spacing:-.05em;}
.link_select_list_item a 		{ display:block; color:#555;  }
.link_select_list_item a:hover 	{ color:var(--purple); text-decoration:underline; }
.link_select_item.is_open .link_select_list { display:block; }


@media (max-width: 1600px) {
	.link_select					{ margin:3rem 1.25rem; padding:3rem 1.5rem;  }
}
@media (max-width: 1268px) {
	.link_select_icon img			{ width:100px;}
	.link_select_question 			{ margin:0 0 .3em 1rem; font-size:1.3rem; }
	.link_select_tag				{ font-size:1.5rem; }
}

@media (max-width: 1068px) {
	.link_select_icon img			{ width:85px;}
	.link_select_button				{ height:60px; padding:0 1.5rem}
	.link_select_question			{ margin-left:0; font-size:1.2rem; text-align:center}
	.link_select_text_box			{ padding-left:2rem}
	.link_select_list 				{ left:2rem; padding:.8rem 1.5rem;}
	.link_select_list_item 			{ font-size:.95rem}
}
@media (max-width: 898px) and (min-width: 669px){
	.link_select_item				{ width:50%}
	.link_select_item:last-child	{ display:none;}
}
@media (max-width: 668px) {
	.link_select					{ gap:1rem; margin:2.5rem 1rem; padding:1.5rem 1.1rem 2rem; border-radius:1.5rem}
	.link_select_item				{ width:100%}
	.link_select_icon 				{ bottom:20%; }
	.link_select_icon img			{ width:65px;}
	.link_select_button				{ height:50px; padding:0 1rem}
	.link_select_question			{ font-size:1.02rem; }
	.link_select_tag				{ font-size:1.2rem; }
	.link_select_list 				{ padding:.6rem 1rem; border-radius:.8rem}
}


/* 축제 */
.festival							{ position:relative; max-width:1600px; width:100%; margin:0 auto; padding:6.5rem 0; background-color:#f7f2ff; background-image:url(/images/visitjj/main/2025/bg_festival01.png), url(/images/visitjj/main/2025/bg_festival02.png); background-repeat:no-repeat; background-position:111% 12%, -6% 93%; border-radius:2rem; }
.festival a.more					{ background:#fff;  }
.festival a.more::after				{ background:#1f2732;}
.festival a.more::before 			{ border-color:#1f2732;}
.festival .swiper_container_bg		{ position:relative; overflow:hidden; text-align:center; }
.festival .festival_bg_frame 		{ position:absolute; top:50%; left:50%; width:29.1%; height:100%; transform:translate(-50%, -50%); z-index:1}
.festival .swiper_container_box 	{ align-items:center; justify-content:space-between; overflow:hidden; }
.festival .swiper-container.left,
.festival .swiper-container.right 	{ width:38.7%; margin-top:-3%; overflow:hidden; }
.festival .swiper-container.left 	{ margin-right:-3.3%; }
.festival .swiper-container.right 	{ margin-left:-3.3%; }
.festival .swiper-container.middle 	{ position:relative; width:29.1%; height:100%; overflow:hidden; z-index:2}
.festival .festival_poster_img		{ max-width:265px; padding-top:135.8%; margin:0 auto; border-radius:1.5rem}
.festival .swiper-container.middle .swiper-wrapper { height:100%; }
.festival .swiper-container.middle .text						{ width:100%; margin-top:.7rem;}
.festival .swiper-container.middle .text .festival_main_title 	{ margin:0 auto; font-size:1.56rem; font-weight:700; letter-spacing:-.075em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.festival .swiper-container.middle .text .festival_main_desc 	{ margin:.1rem 0; overflow:hidden; color:#8d8d8d; font-size:1.125rem; font-weight:300; letter-spacing:-.06em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.festival .swiper-container.middle .text .festival_main_date 	{ color:var(--purple); font-size:1.125rem; font-weight:300; letter-spacing:-.01em;}
.festival .swiper-button			{ top:42%; width:55px; height:55px; border-radius:50%; background:#fff; }
.festival .swiper-button::after		{ color:#000; font-size:1.3rem;}
.festival .swiper-button-next 		{ right:33.5%; }
.festival .swiper-button-prev 		{ left:33.5%; }
.festival .swiper-container .festival_main_card 			{ position:relative; width:100%; height:100%; padding:19% 17% 0 17%}


@media (max-width: 1600px) {
	.festival						{ border-radius:0}
}
@media (max-width: 1268px) {
	.festival						{ background-size:48% auto, 48% auto;}
	.festival .swiper-container.middle .text .festival_main_title 	{ font-size:1.4rem; }
	.festival .swiper-container.middle .text .festival_main_desc 	{ font-size:1rem; line-height:1.3;}
	.festival .swiper-container.middle .text .festival_main_date 	{ font-size:1.08rem; }
	.festival .swiper-button										{ width:45px; height:45px;  }
}
@media (max-width: 1024px) {
	.festival							{ padding:6rem 0 5rem}
	.festival .wrap							{ padding-right:0}
	.festival .swiper-container.left,
	.festival .swiper-container.right,
	.festival .festival_bg_frame						{ display:none}
	.festival .swiper-container.middle					{ width:100%; height:auto; padding:0;}
	.festival .swiper-container.middle .swiper-slide 	{ height:100%; border-radius:1.5rem; background:url(/images/visitjj/main/2025/img_festival_frame.png) no-repeat 50% 0 / cover;}
	.festival .swiper-container .festival_main_card		{ padding:12% 5%}
	.festival .festival_poster_img						{ padding-top:104.8%; }
	.festival .swiper-button-next 						{ right:25px; }
	.festival .swiper-button-prev 						{ left:5px; }
	.festival .swiper-button							{ display:none}
}
@media (max-width: 768px) {
	.festival								{ background-size:55% auto, 55% auto; background-position:115% 5%, -2% 95%}
	.festival .festival_poster_img						{ padding-top:96.8%; }
}
@media (max-width: 668px) {
	.festival .festival_poster_img						{ padding-top:111%; }
}
@media (max-width: 568px) {
	.festival							{ padding:4.5rem 0 3.5rem; background-size:65% auto, 65% auto;}
	.festival .swiper-container.middle .swiper-slide,
	.festival .festival_poster_img						{ border-radius:.8rem}
	.festival .swiper-container .festival_main_card		{ padding:2rem 1.5rem}
	.festival .swiper-container.middle .text .festival_main_title 	{ font-size:1.12rem; }
	.festival .swiper-container.middle .text .festival_main_desc,
	.festival .swiper-container.middle .text .festival_main_date 	{ font-size:.9rem; }
	.festival .swiper-button										{ width:36px; height:36px;  }
	.festival .festival_poster_img						{ padding-top:140%; }
}
@media (max-width: 368px) {
	.festival .swiper-container .festival_main_card		{ padding:1.5rem 1rem}
}







/* 여행코스,상품 */
.travel_all										{ margin:var(--main-space) auto;}
.travel_product_item .rsp_img					{ border-radius:1.5rem }
.travel_product_item figcaption					{ position:relative; padding-top:.8em}
.travel_product_item figcaption .subject		{ display:block; overflow:hidden; font-size:1.375rem; font-weight:500; color:#181818 ; letter-spacing:-.05em; line-height:1.3; text-overflow:ellipsis; white-space:nowrap;}
.travel_product_item figcaption p				{ font-size:1.125rem; letter-spacing:-.03em; color:#8d8d8d; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.travel_product_item figcaption .sale			{ display:inline-block; font-size:1.12rem; color:#8d8d8d; letter-spacing:-.03em; font-weight:300; text-decoration:line-through}
.travel_product_item figcaption .price			{ display:inline-block; font-size:1.25rem; color:#000; letter-spacing:-.03em; font-weight:500; }
.travel_course 									{ margin-bottom:2rem; gap:1.5rem 1.5%}
.travel_course .travel_product_item				{ width:49.25%; }
.travel_course .travel_product_item .rsp_img	{ padding-top:38%;}
.travel_course_tag_list 						{ margin-top:.5em; gap:4px; }
.travel_course_tag_list li 						{ background:#edeeef; padding:.15em .5em .3em; border-radius:2em; color:#42474f; }
.travel_product 								{ gap:1.5rem 1.5%}
.travel_product .travel_product_item 			{ width:23.875%; }
.travel_product .travel_product_item .rsp_img	{ padding-top:100%;}

@media (max-width: 868px) {
	.travel_product								{ gap:1.5rem 1%}
	.travel_course .travel_product_item			{ width:100%; }
	.travel_product .travel_product_item 		{ width:49.5%; }
	.travel_product_item figcaption .subject	{ font-size:1.2rem;}
	.travel_product_item figcaption p			{ font-size:1.08rem; }
	.travel_product_item figcaption .sale		{ font-size:1.08rem; }
	.travel_product_item figcaption .price		{ font-size:1.1rem; }
	.travel_course_tag_list li 					{ font-size:.9rem; }
}
@media (max-width: 668px) {
	.travel_product_item .rsp_img				{ border-radius:.8rem;}
}
@media (max-width: 568px) {
	.travel_product								{ gap:1rem 1%}
	.travel_product_item figcaption				{ padding-top:.3em}
	.travel_product_item figcaption .subject	{ font-size:1.1rem;}
	.travel_product_item figcaption p			{ font-size:.95rem; }
	.travel_product_item figcaption .sale		{ font-size:1.02rem; }
	.travel_product_item figcaption .price		{ font-size:1.05rem; }
	.travel_course								{ margin-bottom:1rem; gap:1rem}
	.travel_course_tag_list li 					{ padding:.05em .5em .1em; font-size:.8rem; }
}


/* 랜선여행 */
.network						{ position:relative; margin:var(--main-space) auto; }
.network a.more					{ background:#efefef;  }
.network a.more::after			{ background:#777;}
.network a.more::before 		{ border-color:#777;}

.network .movie					{ gap:2.1%}
.network .movie li				{ width:31.93%; }
.network .movie li .rsp_img		{ padding-top:56.25%; border-radius:1.5rem }
.network .movie figcaption		{ position:relative; }
.network .movie em				{ display:block; width:100%; padding:.5em .8rem 0 4rem; overflow:hidden; font-size:1.375em; font-weight:500; color:#181818; letter-spacing:-.05em; text-overflow:ellipsis; white-space:nowrap; z-index:1}
.network .movie a:hover em,
.network .movie a:focus em		{ color:#222}
.network .movie .icon			{ position:absolute; bottom:2.6em; left:0; background:#fff; padding:.7rem .7rem 0 0; border-radius:0 50% 0 0; z-index:1}
.network .movie .icon::before,
.network .movie .icon::after	{ content:''; position:absolute; width:1.5rem; height:1.5rem; background:url(/images/visitjj/main/2025/bg_box_corner.svg) no-repeat center / 100%; }
.network .movie .icon::before	{ top:-1.44rem; left:0; }
.network .movie .icon::after	{ bottom:0; right:-1.44rem; }
.network .movie .icon-youtube	{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:55px; width:55px; font-size:2em; color:#fff; text-align:center; background:#e7161a; border-radius:50%; }

.network .sns					{ align-items:center; gap:.3em; position:absolute; right:1.25rem; top:-.2em; }
.network .sns .sns_tit			{ margin-right:.5em; font-weight:700; letter-spacing:-.065em; font-size:1.43rem; color:#848484;}
.network .sns .icon				{ position:relative; width:50px; height:50px; color:#fff; font-size:1.4rem; text-align:center; line-height:50px; border-radius:50%;}
.network .icon i::before		{ vertical-align:top}
.network .icon i				{ display:inline-block;}
.network .sns .youtube .icon	{ background:#e7161a}
.network .sns .blog .icon		{ background:#5bb433}
.network .sns .insta .icon		{ background:#f09433; background:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background:-webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);  background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }
.network .sns .facebook .icon	{ background:#4867aa}


@media (max-width: 1268px) {
	.network .sns .sns_tit		{ font-size:1.3rem;}
	.network .sns .icon			{ width:45px; height:45px; line-height:45px}
}
@media (max-width: 868px) {
	.network .sns				{ justify-content:center; position:relative; top:auto; right:auto; margin-top:1.6em; padding:1em; background:#f7f7f7; border-radius:1rem}
	.network .movie				{ gap:1%}
	.network .movie li			{ width:32.66%}
	.network .movie em			{ padding:.3em .5rem 0 2rem; font-size:1.1em}
	.network .movie .icon		{ bottom:1.9em; padding:.4rem .4rem 0 0; }
	.network .movie .icon-youtube	{ width:40px; height:40px; font-size:1.25rem; line-height:40px}
}
@media (max-width: 668px) {
	.network .movie li .rsp_img		{ border-radius:.8rem;}
	.network .movie .icon::before,
	.network .movie .icon::after	{ width:1rem; height:1rem}
	.network .movie .icon::before	{ top:-.97rem; }
	.network .movie .icon::after	{ right:-.97rem; }
}
@media (max-width: 568px) {
	.network .movie_wrap		{ overflow-x:auto; }
	.network .movie				{ flex-wrap:nowrap; width:max-content}
	.network .movie li			{ width:220px}
	.network .movie .icon		{ bottom:1.85em; padding:.25rem .25rem 0 0; }
	.network .movie .icon-youtube	{ width:30px; height:30px; font-size:1rem; line-height:30px}
	.network .sns .sns_tit		{ font-size:.98rem; font-weight:500;}
	.network .sns .sns_tit .pc	{ display:none}
	.network .sns .icon			{ width:36px; height:36px; font-size:1rem; line-height:36px}
}


/* 관광정보 */
.tour_info					{ margin:var(--main-space) auto; }
.tour_info_layout 			{ position:relative; gap:1.2%; align-items:stretch; }
.tour_notice_wrap 			{ width:49.3%; }
.tour_notice_item 			{ display:flex; align-items:center; column-gap:.7em; position:relative; height:75px; margin-bottom:.3em; padding:0 2rem; background:#f4f4f4; border-radius:1rem; }
.tour_notice_badge 			{ margin-top:.2em; padding:.1em .7em .2em; font-size:1.125rem; font-weight:500; color:var(--purple); letter-spacing:-.075em; background:#fff; border-radius:2em; }
.tour_notice_link 			{ width:calc(100% - 7rem); font-size:1.25rem; font-weight:500; color:#181818; letter-spacing:-.075em; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tour_notice_link:hover 	{ color:var(--purple); }
.tour_notice_date 			{ width:6em; margin:0 0 0 auto; color:#868686; }

.tour_card_wrap 			{ width:49.5%; gap:3%; }
.tour_card 					{ position:relative; width:48.5%; padding:2.1rem 2.1rem 0; border-radius:1.5rem; }
.tour_card::before			{ position:absolute; top:0; left:0; width:100%; height:calc(100% - 2rem); border-radius:1.5rem; z-index:-1; content:""; -webkit-transition:all .3s ease; transition:all .3s ease;}
.tour_card_title 			{ margin-bottom:.3em; font-family:'Wanjudaedunsan',"Noto Sans KR", sans-serif; font-size:2.1rem; font-weight:400; line-height:1; letter-spacing:-.1em; }
.tour_card_desc 			{ width:60%; font-size:1.02rem; color:rgba(0,0,0,.8); line-height:1.4; letter-spacing:-.08em; font-weight:300;}
.tour_card_more 			{ margin-top:2em; font-size:1rem; font-weight:700; color:#b2afb2; }
.tour_card_visual 			{ position:absolute; bottom:0; right:1rem; text-align:right }
.tour_card.tour_card_bike::before	{ background:#e2f3f5;}
.tour_card.tour_card_stay::before	{ background:#f8f1e2;}
.tour_card.tour_card_bike:hover::before,
.tour_card.tour_card_bike:focus::before,
.tour_card.tour_card_stay:hover::before,
.tour_card.tour_card_stay:focus::before	{ background:#feeded;}

/* 바로가기 */
.linkList								{ justify-content:center; align-items:center; gap:4%; margin-top:3rem;}
.linkList li							{ position:relative; text-align:center; }
.linkList li .icon						{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:140px; height:140px; border:1px solid #c2c2c2; border-radius:50%; -webkit-transition:all .3s ease; transition:all .3s ease; }
.linkList li a:focus .icon,
.linkList li a:hover .icon				{ background:var(--purple); }
.linkList li a:focus .icon img,
.linkList li a:hover .icon img			{ -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1);}
.linkList figcaption					{ margin-top:.8em; font-size:1.25rem; font-weight:500; letter-spacing:-.09em; }
.linkList a:hover figcaption,
.linkList a:focus figcaption			{ text-decoration:underline}

@media (max-width: 1368px) {
	.tour_notice_item					{ height:70px; padding:0 1.5rem}
	.tour_card_desc						{ width:80%}
	.tour_card_visual					{ width:45%}
	.tour_card_visual img				{ max-width:100%}

	.linkList li .icon					{ width:120px; height:120px; }
	.linkList li.pad_none				{ display:none}
}
@media (max-width: 1268px) {
	.tour_card 							{ padding:1.8rem 1.5rem 0; border-radius:1.5rem; }
	.tour_card_title 					{ font-size:1.8rem; }
	.tour_card_desc 					{ font-size:1rem; }
}
@media (max-width: 1068px) {
	.tour_info_layout					{ gap:1rem}
	.tour_notice_wrap,
	.tour_card_wrap 					{ width:100%}
	.tour_card_wrap						{ gap:1%}
	.tour_card							{ width:49.5%}
	.linkList li .icon						{ width:100px; height:100px;}
	.linkList li .icon img					{ width:55%}
	.linkList figcaption					{ margin-top:.3em; font-size:1.12rem;  }
}
@media (max-width: 868px) {
	.tour_notice_item 			{ height:65px; padding:0 1.2rem;  }
	.tour_notice_badge 			{ padding:.1em .7em .2em; font-size:1rem; }
	.tour_notice_link 			{ font-size:1.15rem; }
	.tour_card 					{ padding:1.5rem 1.2rem 0;  }
	.tour_card_title 			{ font-size:1.7rem; }
	.tour_card_desc 			{ font-size:1rem; }
	.tour_card_more 			{ font-size:.92rem;  }

	.linkList								{ justify-content:space-around; gap:1%}
	.linkList li .icon						{ width:90px; height:90px;}
	.linkList figcaption					{ font-size:1.06rem;  }
}
@media (max-width: 668px) {
	.tour_notice_item 			{ height:55px; column-gap:.3em; padding:0 .8rem; border-radius:.5rem }
	.tour_notice_badge 			{ width:2.5rem; padding:0 0 .1em; font-size:.9rem; text-align:center}
	.tour_notice_link 			{ font-size:1rem; }
	.tour_notice_date			{ font-size:.88rem;}
	.tour_card 					{ padding:1.2rem 1rem 0;  }
	.tour_card_title 			{ margin-bottom:.2em; font-size:1.5rem; }
	.tour_card_desc 			{ font-size:.92rem; line-height:1.3}
	.tour_card_more 			{ margin-top:1rem; font-size:.88rem;  }
	.tour_card::before			{ height:calc(100% - 1.5rem)}

	.linkList li.m_none						{ display:none}
}
@media (max-width: 468px) {
	.tour_notice_item 			{ height:50px; }
	.tour_notice_link 			{ font-size:.98rem; }
	.tour_card_visual			{ right:.5em }
	.tour_card_desc 			{ font-size:.86rem;}
	.tour_card_more 			{ font-size:.82rem;  }

	.linkList								{ gap:2%; }
	.linkList li .icon						{ width:65px; height:65px; margin:0 auto}
	.linkList figcaption					{ margin-top:.2em; font-size:.92rem;  }
}
@media (max-width: 368px) {
	.tour_card_title 			{ height:3em; }
	.tour_card_desc 			{ display:none;}
	.tour_card_more 			{ font-size:.8rem;  }
}