@charset "utf-8";

/* main */
[data-main-con]									{ margin-top:3.75em; }
.bg_wrap										{ position:relative; width:100%; background:url(/resource/tour/images/main/bg_main.jpg) no-repeat top center / auto; overflow:hidden }

				
/* 타이틀 */
.title_wrap										{ display:flex; flex-flow:column; font-family:var(--font-gmarket); line-height:1}
.title_wrap	h3									{ font-size:2.81em; font-weight:700; margin-top:.3em; }
.title_wrap	.sub_tit							{ font-size:2.19em; font-weight:300; }



/* 더보기 */
a.view											{ display:flex; width:65px; height:65px; position:relative; font-size:0px; text-indent:-9999em; }
a.view::before									{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/tour/images/main/img_view.svg) no-repeat 50% 50% / contain; animation:degShow 15s linear infinite; 
													transition:var(--trans-ani); }
a.view::after									{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/tour/images/main/icon_plus.svg) no-repeat 50% 50% / 11px; filter:brightness(0);  }
a.view:hover::before,
a.view:focus::before							{ filter: invert(18%) sepia(100%) saturate(7262%) hue-rotate(199deg) brightness(93%) contrast(101%); }
a.view:hover::after,
a.view:focus::after								{ filter:brightness(1); transition:var(--trans-ani); transform:rotate(180deg); }
.icon_more										{ display:flex; align-items:center; justify-content:center; position:relative; width:36px; height:36px; border-radius:100%; background:var(--color-white); transition:var(--trans-ani); 
													border:1px solid #d1d2d3; margin-left:1em; transition:var(--trans-ani);}
.icon_more::before,
.icon_more::after								{ position:absolute; width:1px; height:11px; left:50%; top:50%; content:''; background:#a5a5a5; transition:var(--trans-ani); transform:translate(-50%, -50%);}
.icon_more::after								{ width:11px; height:1px; }
.icon_more:hover,
.icon_more:focus								{ background:var(--color-point); border-color:var(--color-point) }
.icon_more:hover::before,
.icon_more:hover::after							{ background:var(--color-white); transform:translate(-50%, -50%) rotate(180deg);}

@media all and (max-width:1568px){
	/* 타이틀 */
	.title_wrap	h3								{ font-size:2.51em; }
	.title_wrap	.sub_tit						{ font-size:1.89em; }
	
	/* 더보기 */
	a.view										{ width:60px; height:60px; }
	.icon_more									{ width:32px; height:32px; }
}
@media all and (max-width:1468px){
	.bg_wrap									{ background-image:url(/resource/tour/images/main/bg_main_01.jpg) }
}
@media all and (max-width:1368px){
	/* 타이틀 */
	.title_wrap	h3								{ font-size:2.21em; }
	.title_wrap	.sub_tit						{ font-size:1.59em; }
	
	/* 더보기 */
	a.view										{ width:55px; height:55px; }
	a.view::after								{ background-size:9px; }
	.icon_more									{ width:30px; height:30px; }
	.icon_more::before							{ height:9px; }
	.icon_more::after							{ width:9px; }
}
@media all and (max-width:1268px){
	.bg_wrap									{ background-size:132em auto; }
}
@media all and (max-width:1168px){
	.bg_wrap									{ background-size:122em auto; }
}
@media all and (max-width:1068px){
	.bg_wrap									{ background-size:114em auto; }
}
@media all and (max-width:1024px){
	.bg_wrap									{ background-size:129em auto; }
}
@media all and (max-width:968px){
	.bg_wrap									{ background:none}
}
@media all and (max-width:668px){
	[data-main-con]								{ margin-top:2em; }
	
	/* 타이틀 */
	.title_wrap	h3								{ font-size:2em; }
	.title_wrap	.sub_tit						{ font-size:1.19em; }
	
	/* 더보기 */
	a.view										{ width:50px; height:50px; }
	.icon_more									{ margin-left:.7em; }
}


								
/**********************************************************************

 								visual 

**********************************************************************/
[data-main-con="visual"]													{ position:relative; margin:0; }
[data-main-con="visual"] .visual											{ position:relative; width:94%; max-width:1860px; margin:0 auto; border-radius:20px; overflow:hidden; }
[data-main-con="visual"] .visual::before									{ position:absolute; left:0; top:16.18%; width:342px; height:133px; content:''; background:url(/resource/tour/images/common/img_paperairplane.svg) no-repeat 50% 50% / contain; z-index:2;
																				animation:updown 2s linear infinite; }
[data-main-con="visual"] .visual .text_wrap									{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; flex-flow:column; font-family:var(--font-gmarket); color:var(--color-white); z-index:2 }
[data-main-con="visual"] .visual .text_wrap .text							{ font-size:2em; font-weight:300; line-height:1.2; }
[data-main-con="visual"] .visual .text_wrap strong							{ font-size:4em; line-height:1.2; font-weight:700; padding-right:40%; margin-top:.25em;    }
[data-main-con="visual"] .visual .swiper_control							{ position:absolute; left:50%; top:calc(50% + 9em); z-index:2; max-width:1600px; width:94%; transform:translate(-50%, -50%); }
[data-main-con="visual"] .visual .swiper_control .control					{ justify-content:flex-start; pointer-events:all; }
[data-main-con="visual"] .visual .swiper_auto.auto_text						{ color:var(--color-white); margin-left:20px; }
[data-main-con="visual"] .visual .swiper-pagination-bullet					{ background:rgba(255,255,255,.2); }
[data-main-con="visual"] .visual .mySwiper2 .img							{ position:relative; width:100%; height:0; padding-top:40.86%; overflow:hidden; }
[data-main-con="visual"] .visual .mySwiper2 .img img						{ position:absolute; top:50%; left:50%; min-width:100%; min-height: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;}
[data-main-con="visual"] .visual .mySwiper2 .img::before					{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.3); left:0; top:0; content:''; z-index:1 }
[data-main-con="visual"] .visual .mySwiper									{ position:absolute; width:40%; right:0; top:50%; transform:translateY(-50%); padding-right:5%  }
[data-main-con="visual"] .visual .mySwiper .swiper-wrapper					{ padding-top:200px; padding-bottom:33px;}
[data-main-con="visual"] .visual .mySwiper .swiper-slide					{ position:relative; max-width:200px; z-index:1; pointer-events:none; }
[data-main-con="visual"] .visual .mySwiper .swiper-slide-active,
[data-main-con="visual"] .visual .mySwiper .swiper-slide-thumb-active				{ z-index:10; }
[data-main-con="visual"] .visual .mySwiper .swiper-slide:nth-child(2n)		{ margin-top:-200px; }
[data-main-con="visual"] .visual .mySwiper .img								{ position:relative; display:block; width:200px; height:200px; border-radius:20px; overflow:hidden }
[data-main-con="visual"] .visual .mySwiper .img	img							{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; object-fit: cover; -o-object-fit: cover; transform:translate(-50%,-50%); }
[data-main-con="visual"] .visual .mySwiper .num								{ position:absolute; display:none; width:65px; height:65px; right:-32.5px; bottom:-32.5px; line-height:65px; text-align:center; font-size:1em; font-family:var(--font-gong); 
																				font-weight:500; color:var(--color-white); z-index:3; transition:var(--trans-ani); }
[data-main-con="visual"] .visual .mySwiper .num::before						{ position:absolute; width:100%; height:100%; left:0; top:0;  content:''; background:url(/resource/tour/images/main/img_select.svg) no-repeat 50% 50% / contain;
																				animation:degShow 15s linear infinite; }
[data-main-con="visual"] .visual .mySwiper .swiper-slide-thumb-active .num	{ display:block; }
 
/* 스크롤 */ 
[data-main-con="visual"] .scroll_btn 										{ position:absolute; left:calc((50% + 800px) - 117px); bottom:-58.5px; display:block; width:117px; height:117px; display:flex; flex-flow:column; align-items:center; 
																				gap:5px; justify-content:center; z-index:1}
[data-main-con="visual"] .scroll_btn::before								{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/tour/images/main/img_scrolldown.svg) no-repeat 50% 50% / contain; 
																				animation:degShow 15s linear infinite; transition:var(--trans-ani); mix-blend-mode:plus-lighter; filter:contrast(0); z-index:2 }
[data-main-con="visual"] .scroll_btn::after									{ position:absolute; left:50%; top:50%; display:block; width:85px; height:85px; border-radius:100%; background:var(--color-point); content:''; transform:translate(-50%,-50%); 
																				z-index:2 }
[data-main-con="visual"] .scroll_btn i										{ display:block; position:relative; width:6px; height:6px; border-radius:100%; background:var(--color-white); z-index:3 }
[data-main-con="visual"] .scroll_btn i:nth-child(1)							{ opacity:.25 }													
[data-main-con="visual"] .scroll_btn i:nth-child(2)							{ opacity:.7 }	

@media all and (max-width:1868px){
	[data-main-con="visual"] .visual::before								{ width:316px; height:123px; }
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:1.95em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:3.9em; }
}
@media all and (max-width:1768px){
	[data-main-con="visual"] .visual::before								{ width:290px; height:113px; top:14.18% }
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:1.9em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:3.6em; padding-right:45%;}
	[data-main-con="visual"] .visual .mySwiper .swiper-wrapper				{ padding-top:180px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide				{ max-width:180px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide:nth-child(2n)	{ margin-top:-180px; }
	[data-main-con="visual"] .visual .mySwiper .img							{ width:180px; height:180px; }
	
	/* 스크롤 */ 
	[data-main-con="visual"] .scroll_btn 									{ left:inherit; right:5%; bottom:-53.5px; width:107px; height:107px;}
	[data-main-con="visual"] .scroll_btn::after								{ width:75px; height:75px;  }
}
@media all and (max-width:1668px){
	[data-main-con="visual"] .visual::before								{ width:265px; height:103px; top:13.18% }
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:1.8em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:3.4em; }
	[data-main-con="visual"] .visual .mySwiper .swiper-wrapper				{ padding-top:170px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide				{ max-width:170px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide:nth-child(2n)	{ margin-top:-170px; }
	[data-main-con="visual"] .visual .mySwiper .img							{ width:170px; height:170px; }
	
	/* 스크롤 */ 
	[data-main-con="visual"] .scroll_btn 									{ bottom:-48.5px; width:97px; height:97px;}
	[data-main-con="visual"] .scroll_btn::after								{ width:65px; height:65px;  }
}
@media all and (max-width:1568px){
	[data-main-con="visual"] .visual::before								{ width:213px; height:83px; top:13.18% }
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:1.7em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:3.2em; }
	[data-main-con="visual"] .visual .mySwiper .swiper-wrapper				{ padding-top:150px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide				{ max-width:150px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide:nth-child(2n)	{ margin-top:-150px; }
	[data-main-con="visual"] .visual .mySwiper .img							{ width:150px; height:150px; }
	[data-main-con="visual"] .visual .mySwiper .num							{ width:60px; height:60px; right:-30px; bottom:-30px; line-height:60px; font-size:.95em; }
	
	/* 스크롤 */ 
	[data-main-con="visual"] .scroll_btn 									{ bottom:-43.5px; width:87px; height:87px;}
	[data-main-con="visual"] .scroll_btn::after								{ width:55px; height:55px;  }
	[data-main-con="visual"] .scroll_btn i									{ width:4px; height:4px; }
}
@media all and (max-width:1468px){
	[data-main-con="visual"] .visual::before								{ width:188px; height:73px; top:11.18% }
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:1.6em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:3em; }
	[data-main-con="visual"] .visual .mySwiper .swiper-wrapper				{ padding-top:140px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide				{ max-width:140px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide:nth-child(2n)	{ margin-top:-140px; }
	[data-main-con="visual"] .visual .mySwiper .img							{ width:140px; height:140px; }
}
@media all and (max-width:1368px){
	[data-main-con="visual"] .visual::before								{ width:162px; height:63px; top:11.18% }
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:1.4em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:2.7em; }
	[data-main-con="visual"] .visual .mySwiper .swiper-wrapper				{ padding-top:120px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide				{ max-width:120px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide:nth-child(2n)	{ margin-top:-120px; }
	[data-main-con="visual"] .visual .mySwiper .img							{ width:120px; height:120px; }
	[data-main-con="visual"] .visual .mySwiper .num							{ width:55px; height:55px; right:-27.5px; bottom:-27.5px; line-height:55px; font-size:.9em; }
	[data-main-con="visual"] .visual .swiper_control						{ top:calc(50% + 8em) }
	
	/* 스크롤 */ 
	[data-main-con="visual"] .scroll_btn 									{ bottom:-38.5px; width:77px; height:77px;}
	[data-main-con="visual"] .scroll_btn::after								{ width:50px; height:50px;  }
}
@media all and (max-width:1268px){
	[data-main-con="visual"] .visual .text_wrap								{ top:30%; transform:translate(-50%,0%);}
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:1.3em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:2.5em; padding-right:40%; }
	[data-main-con="visual"] .visual .mySwiper								{ width:calc(7em + 40px); right:1%; height:86%; top:7%; bottom:inherit; transform:inherit; padding:0 20px; }
	[data-main-con="visual"] .visual .mySwiper .swiper-wrapper				{ padding-top:0px; padding-bottom:0; }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide				{ max-width:inherit; width:100%; margin:0; max-height:8em;}
	[data-main-con="visual"] .visual .mySwiper .swiper-slide:nth-child(2n)	{ margin-top:0px; }
	[data-main-con="visual"] .visual .mySwiper .img							{ width:100%; height:0; padding-top:100%; }
	[data-main-con="visual"] .visual .mySwiper .num							{ width:45px; height:45px; right:inherit; left:-20px; bottom:0px; line-height:45px; font-size:.8em; }
	[data-main-con="visual"] .visual .swiper_control						{ top:calc(50% + 8em) }
	
	/* 스크롤 */ 
	[data-main-con="visual"] .scroll_btn 									{ bottom:-33.5px; width:67px; height:67px; right:inherit; left:50%; transform:translateX(-50%); }
	[data-main-con="visual"] .scroll_btn::after								{ width:45px; height:45px;  }
}
@media all and (max-width:1168px){
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:1.2em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:2.3em; }
	[data-main-con="visual"] .visual .mySwiper2 .img						{ padding-top:45.86%; }
}
@media all and (max-width:968px){
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:1.1em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:2em; }
	[data-main-con="visual"] .visual .mySwiper2 .img						{ padding-top:50.86%; }
}
@media all and (max-width:868px){
	[data-main-con="visual"] .visual										{ border-radius:15px; }
	[data-main-con="visual"] .visual::before								{ width:136px; height:53px; top:10% }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:1.9em; }
	[data-main-con="visual"] .visual .mySwiper2 .img						{ padding-top:55.86%; }
	[data-main-con="visual"] .visual .mySwiper								{ width:calc(6em + 40px);  }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide				{ max-height:7.25em;}
	[data-main-con="visual"] .visual .mySwiper .img							{ border-radius:10px; }
	[data-main-con="visual"] .visual .mySwiper .num							{ width:40px; height:40px; line-height:40px; font-size:.7em; }
}
@media all and (max-width:768px){
	[data-main-con="visual"] .visual .text_wrap								{ top:38%; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:1.8em; }
	[data-main-con="visual"] .visual .mySwiper2 .img						{ padding-top:65.86%; }
	[data-main-con="visual"] .visual .swiper_control						{ top:32%;  }
}
@media all and (max-width:668px){	
	[data-main-con="visual"] .visual::before								{ width:110px; height:43px; }
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:1em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:1.5em; }
	[data-main-con="visual"] .visual .mySwiper2 .img						{ padding-top:70.86%; }
	[data-main-con="visual"] .visual .mySwiper								{ width:calc(5em + 40px);  }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide				{ max-height:6.25em;}
	
	/* 스크롤 */ 
	[data-main-con="visual"] .scroll_btn 									{ bottom:-28.5px; width:57px; height:57px; gap:3px; }
	[data-main-con="visual"] .scroll_btn::after								{ width:37px; height:37px;  }
	[data-main-con="visual"] .scroll_btn i									{ width:3px; height:3px; }
}
@media all and (max-width:568px){	
	[data-main-con="visual"] .visual::before								{ width:98px; height:38px; }
	[data-main-con="visual"] .visual .text_wrap .text						{ font-size:.98em; }
	[data-main-con="visual"] .visual .text_wrap strong						{ font-size:1.3em; }
	[data-main-con="visual"] .visual .mySwiper2 .img						{ padding-top:75.86%; }
	[data-main-con="visual"] .visual .mySwiper								{ width:calc(4.5em + 25px); right:0 }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide				{ max-height:4.5em;}
	[data-main-con="visual"] .visual .mySwiper .img							{ border-radius:8px; }
	[data-main-con="visual"] .visual .mySwiper .num							{ width:35px; height:35px; line-height:35px; left:-15px; bottom:5px; }
}
@media all and (max-width:468px){	
	[data-main-con="visual"] .visual .mySwiper2 .img						{ padding-top:80.86%; }
}
@media all and (max-width:368px){	
	[data-main-con="visual"] .visual .text_wrap strong						{ padding-right:0 }
	[data-main-con="visual"] .visual .mySwiper2 .img						{ padding-top:95.86%; }
	[data-main-con="visual"] .visual .mySwiper								{ width:94%; right:3%; height:auto; top:inherit; bottom:3%; transform:inherit; padding:0;  }
	[data-main-con="visual"] .visual .mySwiper .swiper-slide				{ width:16.66%; max-height:inherit; padding-top:17.5px;}
	[data-main-con="visual"] .visual .mySwiper .num							{ left:50%; bottom:inherit; top:0; transform:translateX(-50%);}
	[data-main-con="visual"] .visual .mySwiper .img							{ max-width:90%; padding-top:90%; margin:0 auto; border-radius:5px;  }
}
@media all and (max-width:320px){	
	[data-main-con="visual"] .visual .mySwiper2 .img						{ padding-top:115.86%; }
}
/**********************************************************************

 							notice

**********************************************************************/
[data-main-con="notice"]														{ position:relative; display:flex; width:94%; max-width:1700px; justify-content:center; background:url(/resource/tour/images/main/bg_notice.svg) no-repeat 0 20px / 62px 40px; 
																					margin-left:auto; margin-right:auto  }
[data-main-con="notice"] .notice												{ display:flex; gap:.95em; width:900px; background:var(--color-light-blue); border-radius:3em; padding:0 23px 0 67px; height:80px; align-items:center;}
[data-main-con="notice"] .notice h3::before										{ display:block; width:68px; height:85px; background:url(/resource/tour/images/main/img_notice.png) no-repeat 50% 50% / contain; content:''; margin-top:-2.2em }
[data-main-con="notice"] .mySwiper												{ width:calc(100% - 68px - 12em); }
[data-main-con="notice"] .mySwiper .swiper-slide								{ width:100%; }
[data-main-con="notice"] .mySwiper .swiper-slide>a								{ display:block; font-size:1.06em; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
[data-main-con="notice"] .mySwiper .swiper-slide.none_data						{ min-width:20em; font-size:1.06em; font-weight:bold; }
[data-main-con="notice"] .notice:has(.none_data) .swiper_control .control		{ display:none; }
[data-main-con="notice"] .notice .swiper_control								{ display:flex; align-items:center; flex:auto; justify-content:end; width:12em; }

@media all and (max-width:1568px){	
	[data-main-con="notice"] .notice											{ padding:0 23px 0 57px; height:75px; }
	[data-main-con="notice"] .notice h3::before									{ width:60px; height:75px; }
	[data-main-con="notice"] .mySwiper .swiper-slide>a,							
	[data-main-con="notice"] .mySwiper .swiper-slide.none_data					{ font-size:1.03em; }
}
@media all and (max-width:1368px){	
	[data-main-con="notice"] .notice											{ padding:0 20px 0 47px; height:70px; width:700px; }
	[data-main-con="notice"] .notice h3::before									{ width:56px; height:70px; }
}
@media all and (max-width:968px){	
	[data-main-con="notice"]													{  background-size:46.5px 30px; }
	[data-main-con="notice"] .notice											{ padding:0 10px 0 27px; height:60px; width:calc(100% - 150px); }
	[data-main-con="notice"] .notice h3::before									{ width:48px; height:60px; }
}
@media all and (max-width:668px){	
	[data-main-con="notice"]													{ background-size:31px 20px; }
	[data-main-con="notice"] .notice											{ padding:0 10px 0 17px; height:55px; width:calc(100% - 100px); }
	[data-main-con="notice"] .notice h3::before									{ width:40px; height:50px; }
}
@media all and (max-width:568px){	
	[data-main-con="notice"]													{ padding-bottom:2em; }
	[data-main-con="notice"] .mySwiper											{ width:100%; }
	[data-main-con="notice"] .notice .swiper_control							{ width:40px; }
	[data-main-con="notice"] .swiper_control .control							{ position:absolute; left:50%; bottom:0em; transform:translateX(-50%); }
}
@media all and (max-width:468px){	
	[data-main-con="notice"]													{ background:none; }
	[data-main-con="notice"] .notice											{ padding:0 10px 0 10px; height:55px; width:100%;  }
	[data-main-con="notice"] .notice h3::before									{ margin-top:-1.5em; }
}

/**********************************************************************

 							banner

**********************************************************************/
.banner_wrap														{ display:flex; justify-content:space-between; --sizeImg:489px; gap:2em 3.75em;}
.banner_wrap .info_wrap												{ width:var(--sizeImg); }
.banner_wrap .info_wrap .swiper_control								{ display:flex; justify-content:space-between; align-items:center; height:45px; padding:0 5px 0 20px; }
.banner_wrap .info_wrap .swiper_control h3							{ font-size:1.25em; font-weight:bold; font-family:var(--font-gmarket); line-height:1; margin-top:5px; }
.banner_wrap .info_wrap	.swiper-slide>a								{ display:block; width:100%; overflow:hidden; border-radius:20px; border:1px solid #cfcfcf; box-sizing:border-box; }
.banner_wrap .info_wrap	.swiper-slide .img							{ position:relative; width:100%; height:0; padding-top:49.079%;  }
.banner_wrap .info_wrap	.swiper-slide .img img						{ position:absolute; top:50%; left:50%; min-width:100%; min-height: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;}
.banner_wrap .info_wrap	.swiper-slide.none_data						{ background:var(--color-white); display:flex !important; justify-content:center; align-items:center; }				
.banner_wrap .info_wrap:has(.none_data) .swiper						{ height:100%;  }
.banner_wrap .icon_banner											{ flex:auto; width:calc(100% - var(--sizeImg) - 3.75em); }
.banner_wrap .icon_banner .swiper_control .control					{ justify-content:end; padding-right:20px; }						
.banner_wrap .icon_banner .swiper									{ width:calc(100% + 12px); margin-left:-6px; margin-right:-6px; margin-top:.9em; }
.banner_wrap .icon_banner .swiper-slide								{ width:calc(100% / 6);  }
.banner_wrap .icon_banner .swiper-slide>a							{ width:calc(100% - 12px); margin:0 6px; display:flex; flex-flow:column; gap:25px; border-radius:20px; background:var(--color-gray); padding:35px 0; 
																		justify-content:center; align-items:center; transition:var(--trans-ani)}
.banner_wrap .icon_banner .swiper-slide>a strong					{ display:flex; justify-content:center; align-items:center; text-align:center; min-height:2.4em; font-size:1.06em; font-weight:600; line-height:1.2; padding:0 35px; 
																		transition:var(--trans-ani);}

.banner_wrap .icon_banner .icon										{ position:relative; display:block; width:100%; height:80px; }
.banner_wrap .icon_banner .icon::before								{ position:absolute; width:100%; height:100%; content:''; background-position:50%; background-repeat:no-repeat; background-size:contain; transition:var(--trans-ani);}
.banner_wrap .icon_banner .icon1::before							{ background-image:url(/resource/tour/images/main/icon_banner01.svg); background-size:68px 62px; }
.banner_wrap .icon_banner .icon2::before							{ background-image:url(/resource/tour/images/main/icon_banner02.svg); background-size:66px 58px;}
.banner_wrap .icon_banner .icon3::before							{ background-image:url(/resource/tour/images/main/icon_banner03.svg); background-size:72px 70px; }
.banner_wrap .icon_banner .icon4::before							{ background-image:url(/resource/tour/images/main/icon_banner04.svg); background-size:56px 80px; }
.banner_wrap .icon_banner .icon5::before							{ background-image:url(/resource/tour/images/main/icon_banner05.svg); background-size:76px 67px; }
.banner_wrap .icon_banner .icon6::before							{ background-image:url(/resource/tour/images/main/icon_banner06.svg); background-size:59px 77px; }
.banner_wrap .icon_banner .icon7::before							{ background-image:url(/resource/tour/images/main/icon_banner07.svg); background-size:81px 70px; }
.banner_wrap .icon_banner .icon8::before							{ background-image:url(/resource/tour/images/main/icon_banner08.svg); background-size:44px 75px; }




/* 효과 */
.banner_wrap .icon_banner .swiper-slide>a:hover,
.banner_wrap .icon_banner .swiper-slide>a:focus						{ background:var(--color-light-blue); }
.banner_wrap .icon_banner .swiper-slide>a:hover strong,
.banner_wrap .icon_banner .swiper-slide>a:focus strong				{ color:#0066b3; }
.banner_wrap .icon_banner .swiper-slide>a:hover .icon::before,
.banner_wrap .icon_banner .swiper-slide>a:focus .icon::before		{ animation:iconShow 0.7s ease-in-out 1 forwards; }


@media all and (max-width:1668px){
	.banner_wrap													{ --sizeImg:439px;	}
	.banner_wrap .icon_banner .icon									{ height:70px; }
	.banner_wrap .icon_banner .icon1::before						{ background-size:58px 52px; }
	.banner_wrap .icon_banner .icon2::before						{ background-size:56px 48px;}
	.banner_wrap .icon_banner .icon3::before						{ background-size:62px 60px; }
	.banner_wrap .icon_banner .icon4::before						{ background-size:48px 70px; }
	.banner_wrap .icon_banner .icon5::before						{ background-size:66px 57px; }
	.banner_wrap .icon_banner .icon6::before						{ background-size:52px 67px; }
	.banner_wrap .icon_banner .icon7::before						{ background-size:69px 60px; }
	.banner_wrap .icon_banner .icon8::before						{ background-size:38px 65px; }
	.banner_wrap .icon_banner .swiper-slide>a						{ padding:30.5px 0; }	
}
@media all and (max-width:1568px){
	.banner_wrap .icon_banner .swiper-slide							{ width:calc(100% / 5);  }
}
@media all and (max-width:1368px){
	.banner_wrap													{ --sizeImg:409px;	}
	.banner_wrap .icon_banner .swiper-slide>a						{ padding:23.5px 0; }
	.banner_wrap .icon_banner .swiper-slide>a strong				{ font-size:1.03em; padding:0 20px; }
}
@media all and (max-width:1268px){
	.banner_wrap .icon_banner .swiper-slide							{ width:calc(100% / 4);  }
}
@media all and (max-width:1168px){
	.banner_wrap													{ --sizeImg:379px;	}
	.banner_wrap .icon_banner .icon									{ height:60px; }
	.banner_wrap .icon_banner .icon1::before						{ background-size:46px 42px; }
	.banner_wrap .icon_banner .icon2::before						{ background-size:44px 38px;}
	.banner_wrap .icon_banner .icon3::before						{ background-size:52px 50px; }
	.banner_wrap .icon_banner .icon4::before						{ background-size:42px 60px; }
	.banner_wrap .icon_banner .icon5::before						{ background-size:54px 47px; }
	.banner_wrap .icon_banner .icon6::before						{ background-size:43px 57px; }
	.banner_wrap .icon_banner .icon7::before						{ background-size:58px 50px; }
	.banner_wrap .icon_banner .icon8::before						{ background-size:32px 55px; }
	.banner_wrap .icon_banner .swiper-slide>a						{ padding:24px 0; gap:20px; }
	.banner_wrap .icon_banner .swiper-slide>a strong				{ font-size:1em; padding:0 20px; }
}
@media all and (max-width:1024px){
	.banner_wrap .icon_banner .swiper-slide>a						{ padding:27px 0; }
}
@media all and (max-width:968px){
	.banner_wrap													{ flex-wrap:wrap; gap:1em 0 }
	.banner_wrap .info_wrap,
	.banner_wrap .icon_banner										{ width:100%; }
	.banner_wrap .info_wrap .swiper									{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	.banner_wrap .info_wrap .swiper-slide							{ width:50%; }
	.banner_wrap .info_wrap .swiper-slide>a							{ width:calc(100% - 10px); display:block; margin-left:5px; margin-right:5px; }
	.banner_wrap .icon_banner										{ margin-top:0; display:flex; flex-flow:column; }
	.banner_wrap .icon_banner .swiper								{ margin-top:0; margin-bottom:.9em; }
	.banner_wrap .icon_banner .swiper-slide							{ width:calc(100% / 5);  }
	.banner_wrap .icon_banner .swiper_control						{ order:2; }
	.banner_wrap .icon_banner .swiper_control .control				{ justify-content:center; padding-right:0; }
}
@media all and (max-width:868px){
	.banner_wrap .info_wrap .swiper-slide>a,
	.banner_wrap .icon_banner .swiper-slide>a						{ border-radius:15px; }
}
@media all and (max-width:768px){
	.banner_wrap .icon_banner .swiper-slide							{ width:calc(100% / 4);  }
}
@media all and (max-width:668px){
	.banner_wrap .info_wrap .swiper_control							{ height:35px; }
	.banner_wrap .info_wrap .swiper_control h3						{ font-size:1.2em; }
}
@media all and (max-width:568px){
	.banner_wrap .info_wrap .swiper-slide							{ width:100%; }
	.banner_wrap .icon_banner .swiper-slide							{ width:calc(100% / 3);  }
}
@media all and (max-width:468px){
	.banner_wrap .icon_banner .swiper-slide>a						{ padding:20px 0; gap:15px; }
	.banner_wrap .icon_banner .swiper-slide							{ width:calc(100% / 2);  }
}
/**********************************************************************

 							hotplace

**********************************************************************/
[data-main-con="hotplace"]												{ display:flex; flex-wrap:wrap; --sizeWidth:690px; --sizeHig:812px; align-items:center;}
[data-main-con="hotplace"] .title_wrap									{ position:relative; width:100%; padding-top:2.5em  }
[data-main-con="hotplace"] .title_wrap::before							{ position:absolute; width:144px; height:133px; left:17em; top:0; background:url(/resource/tour/images/main/img_hotplace_ob01.svg) no-repeat 50% 50% / contain; content:''; }
[data-main-con="hotplace"] .mySwiper									{ flex:auto; max-width:calc(100% - var(--sizeWidth) - 90px); margin-top:-50px  }
[data-main-con="hotplace"] .mySwiper .swiper-slide						{ width:25%; }
[data-main-con="hotplace"] .mySwiper .swiper-slide>a					{ margin:0 10px; display:flex; flex-flow:column; gap:1em; align-items:center; justify-content:center; width:calc(100% - 20px); }
[data-main-con="hotplace"] .mySwiper .swiper-slide .img					{ position:relative; width:100%; max-width:190px; height:0; padding-top:100%; border-radius:20px; overflow:hidden; transition:var(--trans-ani);} 
[data-main-con="hotplace"] .mySwiper .swiper-slide .img img				{ position:absolute; top:50%; left:50%; min-width:100%; min-height: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;}
[data-main-con="hotplace"] .mySwiper .swiper-slide-active .img			{ border-radius:100%; }
[data-main-con="hotplace"] .mySwiper .swiper-slide strong				{ display:block; text-align:center; padding:0 5px; font-size:1.13em; font-weight:600; word-break:break-all; }
[data-main-con="hotplace"] .mySwiper .swiper_control .control			{ justify-content:end; margin-bottom:.63em; padding-right:20px; margin-top:2.5em; }
[data-main-con="hotplace"] .mySwiper2									{ position:relative; width:var(--sizeWidth); height:var(--sizeHig); margin-left:90px; background:url(/resource/tour/images/main/img_map.png) no-repeat 50% 50% / contain; }
[data-main-con="hotplace"] .mySwiper2 .img								{ position:relative; width:100%; height:100%; font-size:0; text-indent:-9999em }
[data-main-con="hotplace"] .mySwiper2 .img::after						{ position:absolute; width:100%; height:100%; content:''; background-position:50%; background-repeat:no-repeat; background-size:contain; display:none; }
[data-main-con="hotplace"] .mySwiper2 .swiper-slide						{ width:100%; }
[data-main-con="hotplace"] .mySwiper2 .swiper-slide-active .img::after	{ display:block; }
[data-main-con="hotplace"] .mySwiper2 .map01::after						{ background-image:url(/resource/tour/images/main/img_map01.png); }	
[data-main-con="hotplace"] .mySwiper2 .map02::after						{ background-image:url(/resource/tour/images/main/img_map02.png); }	
[data-main-con="hotplace"] .mySwiper2 .map03::after						{ background-image:url(/resource/tour/images/main/img_map03.png); }	
[data-main-con="hotplace"] .mySwiper2 .map04::after						{ background-image:url(/resource/tour/images/main/img_map04.png); }	
[data-main-con="hotplace"] .mySwiper2 .map05::after						{ background-image:url(/resource/tour/images/main/img_map05.png); }	
[data-main-con="hotplace"] .mySwiper2 .map06::after						{ background-image:url(/resource/tour/images/main/img_map06.png); }	
[data-main-con="hotplace"] .mySwiper2 .map07::after						{ background-image:url(/resource/tour/images/main/img_map07.png); }	
[data-main-con="hotplace"] .mySwiper2 .map08::after						{ background-image:url(/resource/tour/images/main/img_map08.png); }	



.hotplace_object span::before											{ position:absolute; content:''; background-position:center; background-repeat:no-repeat; background-size:contain; pointer-events:none;}
.hotplace_object .ob1::before											{ width:66px; height:52px; top:2em; left:42%; background-image:url(/resource/tour/images/main/img_hotplace_ob03.svg); animation:updown 2.5s ease-in-out infinite forwards;}/*나비*/
.hotplace_object .ob2::before											{ width:85px; height:33px; top:-3em; left:54%; background-image:url(/resource/tour/images/main/img_hotplace_ob02.svg); animation:cloud 8s ease-in-out infinite forwards;}/*상단구름*/
.hotplace_object .ob3::before											{ width:64px; height:44px; top:8em; right:4%; background-image:url(/resource/tour/images/main/img_hotplace_ob04.svg); animation:flowerShow2 2.5s ease-in-out infinite forwards;}/*꽃잎*/
.hotplace_object .ob4::before											{ width:90px; height:36px; bottom:7em; left:0; background-image:url(/resource/tour/images/main/img_hotplace_ob05.svg); animation:updown 2.5s ease-in-out infinite forwards;}/*하단구름*/
@media all and (max-width:1768px){
	[data-main-con="hotplace"]											{ --sizeWidth:680px; --sizeHig:800px; }
	[data-main-con="hotplace"] .title_wrap::before						{ width:133.6682px; height:123px;  }
	.hotplace_object .ob1::before										{ width:53.574px; height:42px; }/*나비*/
	.hotplace_object .ob2::before										{ width:61.6871px; height:23px; }/*상단구름*/
	.hotplace_object .ob3::before										{ width:50.4411px; height:34px; }/*꽃잎*/
	.hotplace_object .ob4::before										{ width:65.2333px; height:26px; }/*하단구름*/
}
@media all and (max-width:1568px){
	[data-main-con="hotplace"]											{ --sizeWidth:660px; --sizeHig:776px; }
	[data-main-con="hotplace"] .title_wrap::before						{ width:122.8008px; height:113px; left:15em;  }
	[data-main-con="hotplace"] .mySwiper .swiper-slide>a				{ gap:.5em; }
	[data-main-con="hotplace"] .mySwiper .swiper-slide strong			{ font-size:1.067em; }
}
@media all and (max-width:1468px){
	[data-main-con="hotplace"]											{ --sizeWidth:600px; --sizeHig:706px; }
	[data-main-con="hotplace"] .title_wrap::before						{ width:122.8008px; height:113px; left:15em;  }
	[data-main-con="hotplace"] .mySwiper .swiper-slide>a				{ gap:.5em; }
	[data-main-con="hotplace"] .mySwiper .swiper-slide strong			{ font-size:1.067em; }
	[data-main-con="hotplace"] .mySwiper								{ max-width:calc(100% - var(--sizeWidth) - 40px); margin-top:-20px; }
	[data-main-con="hotplace"] .mySwiper .swiper_control .control		{ margin-top:1.5em; }
	[data-main-con="hotplace"] .mySwiper2								{ margin-left:40px; }
}
@media all and (max-width:1368px){
	[data-main-con="hotplace"]											{ --sizeWidth:550px; --sizeHig:647px; }
	[data-main-con="hotplace"] .title_wrap								{ padding-top:2.2em; }
	[data-main-con="hotplace"] .title_wrap::before						{ width:111.9335px; height:103px; left:12em;  }
	[data-main-con="hotplace"] .mySwiper .swiper-slide strong			{ font-size:1.03em; }
	[data-main-con="hotplace"] .mySwiper .swiper_control .control		{ margin-top:.75em; }
}
@media all and (max-width:1268px){
	[data-main-con="hotplace"]											{ --sizeWidth:450px; --sizeHig:529px; }
	
	.hotplace_object .ob1::before										{ top:4em; left:38%; }/*나비*/
	.hotplace_object .ob2::before										{ top:-1em; left:52% }/*상단구름*/
	.hotplace_object .ob3::before										{ top:5em; right:2% }/*꽃잎*/
	.hotplace_object .ob4::before										{ bottom:2em; }/*하단구름*/
}
@media all and (max-width:1168px){
	[data-main-con="hotplace"]											{ --sizeWidth:400px; --sizeHig:470px; }
	[data-main-con="hotplace"] .title_wrap								{ padding-top:1.8em; }
	[data-main-con="hotplace"] .title_wrap::before						{ width:101.0662px; height:93px;  }
	[data-main-con="hotplace"] .mySwiper .swiper-slide strong			{ font-size:.9em; }
	[data-main-con="hotplace"] .mySwiper .swiper_control .control		{ margin-top:.5em; }
	[data-main-con="hotplace"] .mySwiper .swiper-slide					{ width:20%; }
	[data-main-con="hotplace"] .mySwiper .swiper-slide>a				{ width:calc(100% - 10px); margin:0 5px; }
	
	.hotplace_object .ob1::before										{ width:40.8183px; height:32px; }/*나비*/
	.hotplace_object .ob2::before										{ width:48.2769px; height:18px; }/*상단구름*/
	.hotplace_object .ob3::before										{ width:35.6055px; height:24px; }/*꽃잎*/
	.hotplace_object .ob4::before										{ width:55.1974px; height:22px; }/*하단구름*/
}
@media all and (max-width:1068px){
	[data-main-con="hotplace"]											{ --sizeWidth:350px; --sizeHig:412px; }
	[data-main-con="hotplace"] .title_wrap::before						{ width:90.1988px; height:83px;  }
}
@media all and (max-width:968px){
	[data-main-con="hotplace"] .mySwiper								{ width:100%; max-width:inherit; margin-top:0; }
	[data-main-con="hotplace"] .mySwiper .swiper-slide strong			{ font-size:1.03em; }
	[data-main-con="hotplace"] .mySwiper2								{ display:none; }
	.hotplace_object .ob1::before										{ left:55%; top:4em }/*나비*/
	.hotplace_object .ob2::before										{ left:inherit; right:2%; }/*상단구름*/
	.hotplace_object .ob4::before										{ bottom:-1em }/*하단구름*/
	[data-main-con="hotplace"] .mySwiper								{ display:flex; flex-flow:column; }
	[data-main-con="hotplace"] .mySwiper .swiper-wrapper				{ margin-top:20px; }
	[data-main-con="hotplace"] .swiper_control							{ order:3; }
	[data-main-con="hotplace"] .mySwiper .swiper_control .control		{ justify-content:center; margin-bottom:0; } 
}

@media all and (max-width:868px){
	[data-main-con="hotplace"] .mySwiper .swiper-slide .img				{ border-radius:15px; }
	[data-main-con="hotplace"] .mySwiper .swiper-slide-active .img		{ border-radius:100%; }
	.hotplace_object .ob4::before										{ bottom:-1em }/*하단구름*/
}
@media all and (max-width:768px){
	[data-main-con="hotplace"] .mySwiper .swiper-slide					{ width:25%; }
}
@media all and (max-width:668px){
	[data-main-con="hotplace"] .title_wrap::before						{ width:82.5917px; height:76px; left:9em  }
	
	.hotplace_object .ob1::before										{ left:inherit; right:15%; top:3em }/*나비*/
	
}
@media all and (max-width:568px){
	[data-main-con="hotplace"] .mySwiper .swiper-slide					{ width:33.333%; }
}
@media all and (max-width:468px){
	[data-main-con="hotplace"] .mySwiper .swiper-slide					{ width:50%; }
	[data-main-con="hotplace"] .mySwiper .swiper-slide .img				{ max-width:inherit; }
	.hotplace_object .ob2::before										{ display:none; }
}
@media all and (max-width:320px){
	.hotplace_object .ob1::before										{ left:2%; right:inherit; top:-2em }/*나비*/
}
/**********************************************************************

 							course

**********************************************************************/
[data-main-con="course"]												{ display:flex; flex-flow:column; }
[data-main-con="course"] .title_wrap									{ align-items:end; margin-bottom:-10em }
[data-main-con="course"] .title_wrap a.view								{ margin-top:50px; }
[data-main-con="course"] .title_wrap::before							{ position:absolute; width:187px; height:126px; right:0; top:19.5em; background:url(/resource/tour/images/main/img_course_ob01.svg) no-repeat 50% 50% / contain; content:''; }
[data-main-con="course"] .list											{ display:flex; flex-wrap:wrap; --sizeBtn:240px; }	
[data-main-con="course"] .btn_modal										{ position:relative; display:flex; width:var(--sizeBtn); height:var(--sizeBtn); align-items:center; justify-content:center;}
[data-main-con="course"] .btn_modal .img								{ position:relative; display:block; width:calc(var(--sizeBtn) - 75px); height:calc(var(--sizeBtn) - 75px); overflow:hidden; border-radius:100%; }
[data-main-con="course"] .btn_modal .img img							{ position:absolute; top:50%; left:50%; min-width:100%; min-height: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;}
[data-main-con="course"] .btn_modal .tit								{ position:absolute; width:calc(var(--sizeBtn) - 10px); height:calc(var(--sizeBtn) - 10px); left:50%; top:50%; transform:translate(-50%,-50%); 	}
[data-main-con="course"] .btn_modal .tit::before						{ display:block; width:100%; height:100%; content:''; background-position:center; background-repeat:no-repeat; background-size:contain; }
[data-main-con="course"] .course1 .tit::before							{ background-image:url(/resource/tour/images/main/img_course01.png); }	
[data-main-con="course"] .course2 .tit::before							{ background-image:url(/resource/tour/images/main/img_course02.png); }
[data-main-con="course"] .course3 .tit::before							{ background-image:url(/resource/tour/images/main/img_course03.png); }
[data-main-con="course"] .course4 .tit::before							{ background-image:url(/resource/tour/images/main/img_course04.png); }
[data-main-con="course"] .course5 .tit::before							{ background-image:url(/resource/tour/images/main/img_course05.png); }
[data-main-con="course"] .course6 .tit::before							{ background-image:url(/resource/tour/images/main/img_course06.png); }
[data-main-con="course"] .course7 .tit::before							{ background-image:url(/resource/tour/images/main/img_course07.png); }
[data-main-con="course"] .course1										{ margin-left:5em; margin-top:5em }
[data-main-con="course"] .course2										{ margin-left:-22em; margin-top:25em }
[data-main-con="course"] .course3										{ margin-left:-5em; margin-top:17em }
[data-main-con="course"] .course4										{ margin-left:-5em; margin-top:6em }
[data-main-con="course"] .course5										{ margin-left:7em; margin-top:-7em }
[data-main-con="course"] .course6										{ margin-left:-2em; margin-top:1em }
[data-main-con="course"] .course7										{ margin-left:-3em; margin-top:10em }


/* 모달 */
.modal																	{ position:fixed; width:94%; max-width:800px; border:1px solid #ececec; border-radius:20px; left:50%; top:50%; z-index:99; display:none; 
																			transform:translate(-50%,-50%); padding:2em; background:var(--color-white); }
.modal.active															{ display:block; }
.modal	.cont															{ display:flex; flex-flow:column;   }
.modal	.cont .flex														{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.modal	.cont .flex	h4													{ display:flex; flex-wrap:wrap; gap:10px 1em; align-items:center;}
.modal	.cont .flex	h4>em												{ font-size:2.19em; font-family:var(--font-gmarket); color:var(--color-point); }
.modal	.cont .flex	h4 .time											{ display:inline-block; padding:10px 25px; line-height:1; font-size:.95em; background:var(--color-light-blue); border-radius:20px; }
.modal	.cont .hashtag,
.modal	.cont .course													{ display:flex; flex-wrap:wrap; }
.modal	.cont .text														{ font-size:1.06em; margin-top:1.25em; line-height:1.2; opacity:.74; }
.modal	.cont .hashtag													{ gap:8px; margin-top:1.75em;}
.modal	.cont .hashtag>li												{ line-height:1; padding:10px 25px; border-radius:20px; background:var(--color-light-blue); font-size:.94em; font-weight:600 ;} 
.modal	.cont .course													{ gap:20px; margin-top:2em }			
.modal	.cont .course>li												{width:120px;}
.modal	.cont .course>li .img											{ position:relative; width:100%; height:0; padding-top:100%; overflow:hidden; border-radius:20px; transition:var(--trans-ani);}
.modal	.cont .course>li .img img										{ position:absolute; top:50%; left:50%; min-width:100%; min-height: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;}
.modal	.cont .course>li dl												{ position:relative; z-index:2; margin-top:-25px; }
.modal	.cont .course>li dl::before										{ position:absolute; width:50px; height:50px; border-radius:100%; content:''; left:50%; top:0; transform:translateX(-50%); background:var(--color-white);}
.modal	.cont .course>li dl>dt											{ position:relative; text-align:center; color:var(--color-point); z-index:2; line-height:2.5; opacity:.74; transition:var(--trans-ani); }
.modal	.cont .course>li dl>dd											{ position:relative; z-index:3; width:100%; text-align:center; font-weight:500; margin-top:-5px; transition:var(--trans-ani); }
.modal	.cont .course>li:hover .img										{ border-radius:100%; }
.modal	.cont .course>li:hover dl>dt									{ opacity:1 }
.modal	.cont .course>li:hover dl>dd									{ color:var(--color-point); }
.modal	.cont .close_btn												{ position:absolute; left:50%; bottom:-25px; width:50px; height:50px; background:var(--color-point); border-radius:100%; transform:translateX(-50%);}
.modal	.cont .close_btn::before,
.modal	.cont .close_btn::after											{ position:absolute; width:1px; height:21px; background:var(--color-white); content:''; left:50%; top:50%; content:''; transition:var(--trans-ani);}
.modal	.cont .close_btn::before										{ transform:translate(-50%,-50%) rotate(45deg); }
.modal	.cont .close_btn::after											{ transform:translate(-50%,-50%) rotate(-45deg); }
.modal	.cont .close_btn:hover::before									{ transform:translate(-50%,-50%) rotate(225deg); }
.modal	.cont .close_btn:hover::after									{ transform:translate(-50%,-50%) rotate(135deg); }


	
.course_object span::before												{ position:absolute; content:''; background-position:center; background-repeat:no-repeat; background-size:contain; pointer-events:none; }
.course_object .ob1::before												{ width:155px; height:117px; bottom:4.5em; left:45%; background-image:url(/resource/tour/images/main/img_course_ob02.svg); }/*텐트*/
.course_object .ob2::before												{ width:76px; height:30px; bottom:17em; left:53%; background-image:url(/resource/tour/images/main/img_hotplace_ob02.svg); animation:updown 4s ease-in-out infinite forwards; }/*상단구름*/
.course_object .ob3::before												{ width:181px; height:124px; bottom:4.7em; right:28%; background-image:url(/resource/tour/images/main/img_course_ob03.svg); animation:cloud 5s ease-in-out infinite forwards; }/*등산객*/
.course_object .ob4::before												{ width:96px; height:104px; bottom:5em; right:17%; background-image:url(/resource/tour/images/main/img_course_ob04.svg); }/*나무*/
@media all and (max-width:1768px){
	[data-main-con="course"] .title_wrap::before						{ width:172.4872px; height:116px; top:20em; }
	[data-main-con="course"] .list										{ --sizeBtn:230px; }	
	[data-main-con="course"] .course2									{ margin-left:-21em; margin-top:26em; }									
	[data-main-con="course"] .course5									{ margin-top:-6em; }
	
	.course_object .ob1::before											{ width:150.0853px; height:107px; bottom:4em; }/*텐트*/
	.course_object .ob2::before											{ width:53.641px; height:20px; bottom:17em;}/*상단구름*/
	.course_object .ob3::before											{ width:163.58px; height:114px; bottom:4.4em; }/*등산객*/
	.course_object .ob4::before											{ width:86.9689px; height:94px; bottom:4.4em;}/*나무*/
	
	/* 모달 */
	.modal .cont .flex h4>em											{ font-size:2em; }
	.modal .cont .text													{ margin-top:1em; }
	.modal .cont .hashtag												{ margin-top:1.5em; }
	.modal .cont .course												{ margin-top:1.75em; }
}
@media all and (max-width:1668px){
	[data-main-con="course"] .title_wrap								{ margin-bottom:-12em; }
	[data-main-con="course"] .title_wrap::before						{ width:157.6176px; height:106px; top:22.5em; }
	[data-main-con="course"] .list										{ --sizeBtn:220px; }	
	[data-main-con="course"] .course1									{ margin-top:9em; }	
	[data-main-con="course"] .course2									{ margin-left:-20em; margin-top:30em; }		
	[data-main-con="course"] .course3									{ margin-top:23em; }		
	[data-main-con="course"] .course4									{ margin-top:12em; }		
								
	[data-main-con="course"] .course5									{ margin-top:-3em; margin-left:9em }
	[data-main-con="course"] .course6									{ margin-top:5em; margin-left:0 }
	[data-main-con="course"] .course7									{ margin-top:13em; }
	
	.course_object .ob1::before											{ width:136.0586px; height:97px; bottom:4.2em; }/*텐트*/
	.course_object .ob2::before											{ width:48.2769px; height:18px; bottom:15em; }/*상단구름*/
	.course_object .ob3::before											{ width:149.2308px; height:104px; bottom:4.4em; }/*등산객*/
	.course_object .ob4::before											{ width:77.7169px; height:84px; bottom:4.4em; }/*나무*/
	
	/* 모달 */
	.modal .cont .flex h4>em											{ font-size:1.9em; }
	.modal .cont .flex h4 .time											{ font-size:.9em; }
	
	.modal .cont .text													{ font-size:1.03em; }
	.modal .cont .hashtag>li											{ font-size:.9em; }
	.modal .cont .course>li												{ width:100px; }
	.modal .cont .course>li dl											{ margin-top:-20px; font-size:.95em; }
	.modal .cont .course>li dl::before									{ width:40px; height:40px; }
	.modal .cont .course												{ margin-top:1.75em; }
}
@media all and (max-width:1568px){
	[data-main-con="course"] .title_wrap								{ margin-bottom:-15em; }
	[data-main-con="course"] .title_wrap::before						{ width:142.748px; height:96px; top:24.2em; }
	[data-main-con="course"] .list										{ --sizeBtn:210px; }	
	[data-main-con="course"] .course1									{ margin-top:12em; }	
	[data-main-con="course"] .course2									{ margin-left:-18em; margin-top:34em; }		
	[data-main-con="course"] .course3									{ margin-top:27em; margin-left:-9em }		
	[data-main-con="course"] .course4									{ margin-top:19em; }		
								
	[data-main-con="course"] .course5									{ margin-top:4em; margin-left:13em }
	[data-main-con="course"] .course6									{ margin-top:10em; margin-left:-2em }
	[data-main-con="course"] .course7									{ margin-top:17em; margin-left:-4em }
	
	.course_object .ob1::before											{ width:122.032px; height:87px; bottom:2.2em; left:45%; }/*텐트*/
	.course_object .ob2::before											{ bottom:13em; left:53%; }/*상단구름*/
	.course_object .ob3::before											{ width:134.8817px; height:94px; bottom:2.2em; right:28%;  }/*등산객*/
	.course_object .ob4::before											{ width:68.4649px; height:74px; bottom:2.2em; right:17%;  }/*나무*/
	
	/* 모달 */
	.modal .cont .flex h4>em											{ font-size:1.8em; }
}
@media all and (max-width:1468px){
	[data-main-con="course"] .title_wrap								{ margin-bottom:0; }
	[data-main-con="course"] .title_wrap::before						{ width:127.8784px; height:86px; top:14.1em; }
	[data-main-con="course"] .list										{ --sizeBtn:200px; padding-left:5%;  }	
	[data-main-con="course"] .list::before								{ position:absolute; left:0; width:100vw; height:22px; background:url(/resource/tour/images/main/bg_course_list.jpg) no-repeat left center / auto 100%; bottom:89px; content:''; z-index:-1 }
	[data-main-con="course"] .list>li button							{ margin:0; }
	[data-main-con="course"] .list>li									{ width:calc(100% / 7.5) }
	[data-main-con="course"] .list>li:nth-child(1)						{ position:absolute; left:10.5em; top:0;}
	/*
	[data-main-con="course"] .course1									{ margin-top:5em; margin-left:9em; }	
	[data-main-con="course"] .course2									{ margin-left:-24em; margin-top:20em; }		
	[data-main-con="course"] .course3									{ margin-top:21.5em; margin-left:-14em }		
	[data-main-con="course"] .course4									{ margin-top:20.5em; margin-left:-2em}		
								
	[data-main-con="course"] .course5									{ margin-top:15em; margin-left:7em }
	[data-main-con="course"] .course6									{ margin-top:14em; margin-left:-2em }
	[data-main-con="course"] .course7									{ margin-top:17em; margin-left:-2em }
	*/
	[data-main-con="course"] .btn_modal .tit							{ width:calc(var(--sizeBtn) - 25px); height:calc(var(--sizeBtn) - 25px); }
	[data-main-con="course"] .course1 .tit::before						{ transform:rotate(-175deg); }
	[data-main-con="course"] .course2 .tit::before						{ transform:rotate(-22deg); }
	[data-main-con="course"] .course3 .tit::before						{ transform:rotate(-169deg); }
	[data-main-con="course"] .course4 .tit::before						{ transform:rotate(39deg); }
	[data-main-con="course"] .course5 .tit::before						{ transform:rotate(-261deg); }
	[data-main-con="course"] .course6 .tit::before						{ transform:rotate(-85deg); }
	[data-main-con="course"] .course7 .tit::before						{ transform:rotate(-250deg); }
	
	.course_object .ob1::before											{ display:none }/*텐트*/
	.course_object .ob2::before											{ width:76px; height:30px; bottom:inherit; top:5em; left:inherit; right:30% }/*상단구름*/
	.course_object .ob3::before											{ right:inherit; left:-1%; bottom:6.2em; z-index:-1  }/*등산객*/
	.course_object .ob4::before											{ width:120.5326px; height:84px; bottom:6.2em; right:9%; }/*나무*/
	
	/* 모달 */
	.modal .cont .flex h4>em											{ font-size:1.7em; }
}
@media all and (max-width:1368px){
	[data-main-con="course"] .list										{ --sizeBtn:190px; margin-top:6em }	
	[data-main-con="course"] .list>li:nth-child(1)						{ top:4em; left:9em; }
	[data-main-con="course"] .title_wrap a.view							{ margin-top:20px; }
	[data-main-con="course"] .title_wrap::before						{ top:16.6em; }
	.course_object .ob4::before											{ width:68.4649px; height:74px; right:11%; }/*나무*/
	.course_object .ob3::before											{ width:120.5326px; height:84px;  }/*등산객*/
		
	/* 모달 */
	.modal .cont .flex h4>em											{ font-size:1.6em; }
}
@media all and (max-width:1268px){
	[data-main-con="course"] .list										{ --sizeBtn:180px; margin-top:2em; }	
	[data-main-con="course"] .list>li:nth-child(1)						{ top:-1em; left:11em; }
	[data-main-con="course"] .title_wrap::before						{ top:12.3em; }
	.course_object .ob4::before											{ width:59.2129px; height:64px; bottom:5.9em }/*나무*/
	.course_object .ob3::before											{ width:106.1835px; height:74px; bottom:6em  }/*등산객*/
	[data-main-con="course"] .list::before								{ height:20px; bottom:85px;  }
	
	/* 모달 */
	.modal .cont .flex h4>em											{ font-size:1.5em; }
}
@media all and (max-width:1168px){
	[data-main-con="course"] .list										{ --sizeBtn:175px; margin-top:1em; }	
	[data-main-con="course"] .list>li:nth-child(1)						{ top:-2em; left:10em; }
	[data-main-con="course"] .title_wrap::before						{ top:11.8em; width:113.0089px; height:76px; }
	.course_object .ob4::before											{ width:49.9609px; height:54px; bottom:5.6em }/*나무*/
	.course_object .ob3::before											{ width:91.8344px; height:64px; bottom:5.6em }/*등산객*/
	[data-main-con="course"] .list::before								{ height:18px; bottom:80px; }	

	
	/* 모달 */
	.modal .cont .flex h4>em											{ font-size:1.4em; }
}
@media all and (max-width:1068px){
	[data-main-con="course"] .list										{ --sizeBtn:170px; padding-left:0; margin-top:0 }	
	[data-main-con="course"] .list>li:nth-child(1)						{ top:-2em; left:8em; }
	[data-main-con="course"] .title_wrap::before						{ top:11.8em; width:107.061px; height:72px; }

	
	.course_object .ob4::before											{  bottom:6.2em }/*나무*/
	.course_object .ob3::before											{ display:none }/*등산객*/
}
@media all and (max-width:968px){
	[data-main-con="course"] .title_wrap								{ position:relative; align-items:flex-start; }
	[data-main-con="course"] .title_wrap a.view							{ margin-top:0; position:absolute; right:0; top:0; }
	[data-main-con="course"] .list										{ position:relative; --sizeBtn:200px; }
	[data-main-con="course"] .list>li:nth-child(1)						{ position:initial;  }
	[data-main-con="course"] .list>li									{ width:auto; }
	[data-main-con="course"] .title_wrap::before						{ display:none; }
	[data-main-con="course"] .list::after								{ position:absolute; right:7%; width:100vw; height:18px; background:url(/resource/tour/images/main/bg_course_list.jpg) no-repeat left center / auto 100%; top:90px; content:''; 
																			transform:rotate(180deg); z-index:-1 }
	[data-main-con="course"] .list::before								{ bottom:90px; }	
	
	
	.course_object .ob4::before											{ display:none; }/*나무*/
	.course_object .ob3::before											{ display:block; left:inherit; right:0; bottom:6.9em }/*등산객*/
	.course_object .ob1::before											{ display:block; width:93.9786px; height:67px; bottom:6.9em; left:inherit; right:15%; z-index:-1 }/*텐트*/
	.course_object .ob2::before											{ width:67.0512px; height:25px; top:inherit; bottom:12em; left:inherit; right:15% }/*상단구름*/
	
	[data-main-con="course"] .course1 .tit::before						{ transform:rotate(185deg); }
	[data-main-con="course"] .course2 .tit::before						{ transform:rotate(66deg); }
	[data-main-con="course"] .course3 .tit::before						{ transform:rotate(-75deg); }
	[data-main-con="course"] .course4 .tit::before						{ transform:rotate(135deg); }
	[data-main-con="course"] .course5 .tit::before						{ transform:rotate(-165deg); }
	[data-main-con="course"] .course6 .tit::before						{ transform:rotate(15deg); }
	[data-main-con="course"] .course7 .tit::before						{ transform:rotate(-160deg); }
}
@media all and (max-width:868px){
	[data-main-con="course"] .list										{ --sizeBtn:190px; gap:20px 10px; margin-top:20px }
	[data-main-con="course"] .list>li									{ width:calc((100% - 30px) / 4); }
	[data-main-con="course"] .list::after,
	[data-main-con="course"] .list::before								{ display:none; }
	[data-main-con="course"] .btn_modal									{ width:100%; height:inherit; display:flex; flex-flow:column; gap:10px; }
	[data-main-con="course"] .btn_modal .img							{ width:100%; height:0; padding-top:100%; border-radius:15px; }
	[data-main-con="course"] .btn_modal .tit::before					{ display:none; }
	[data-main-con="course"] .btn_modal .tit							{ position:initial; width:100%; height:inherit; transform:inherit}
	[data-main-con="course"] .btn_modal .tit .blind						{ position:initial; width:inherit; height:inherit; overflow:inherit; text-indent:inherit; clip:inherit; font-size:1.1em; font-weight:bold }
	
	.course_object .ob3::before											{ display:block; left:inherit; right:0; bottom:1em }/*등산객*/
	.course_object .ob1::before											{ }/*텐트*/
	.course_object .ob2::before											{ display:none;  }/*상단구름*/
	
	/* 모달 */
	.modal																{ padding:1.5em 1.5em 2em; border-radius:15px; }
	.modal .cont .text													{ margin-top:.75em; }
	.modal .cont .hashtag,
	.modal .cont .course												{ margin-top:1em; }
	.modal .cont .course												{ gap:20px 5px; }
  	.modal .cont .course>li												{ width:90px;}
	.modal .cont .course>li .img										{border-radius:10px;}
	.modal .cont .hashtag>li											{ padding:8px 15px; }
	.modal .cont .close_btn												{ width:40px; height:40px; bottom:-20px; }
	.modal .cont .close_btn::before, 
	.modal .cont .close_btn::after										{ height:17px; }
}
@media all and (max-width:668px){
	.course_object .ob2::before											{ display:none; }/*상단구름*/
}
@media all and (max-width:568px){
	[data-main-con="course"] .list>li									{ width:calc((100% - 20px) / 3); }
	.course_object .ob1::before											{ display:block; bottom:1.5em; right:35% }
	.modal .cont .flex													{ gap:10px; }
}
@media all and (max-width:468px){
	.modal .cont .course												{ gap:10px; }
  	.modal .cont .course>li												{width:auto;}
	.modal .cont .course>li .img										{ display:none; }
	.modal .cont .course>li dl											{ margin-top:0; display:flex; flex-wrap:wrap; gap:5px; align-items:center;  }
	.modal .cont .course>li dl::before									{ display:none; }
	.modal .cont .course>li dl>dt										{ background:var(--color-point); color:var(--color-white); width:25px; height:25px; border-radius:100%; text-align:center; line-height:25px; font-size:.85em; opacity:1 }
	.modal .cont .course>li dl>dd										{ width:auto; margin-top:0; }
  	.modal .cont .course>li dl>dd br									{display:none;}
	.modal .cont .flex h4												{ gap:5px; }
	.modal .cont .flex h4>em											{ font-size:1.3em; }
	.modal .cont .flex h4 .time											{ padding:8px 10px; }
}

@media all and (max-width:368px){
	[data-main-con="course"] .list>li									{ width:calc((100% - 10px) / 2); }
	.course_object .ob1::before											{ display:block; bottom:7em; right:28% }
}
@media all and (max-width:320px){
	.course_object .ob1::before											{ bottom:5em; right:25%}
}
/**********************************************************************

 							course

**********************************************************************/
[data-main-con="recommend"]													{ position:relative; background:url(/resource/tour/images/main/bg_enjoy.png) no-repeat top center / auto; padding-top:4.38em; padding-bottom:6.88em; }
[data-main-con="recommend"] .control_main_tab								{ position:relative; display:flex; justify-content:space-between;}
[data-main-con="recommend"] .tab_menu										{ display:flex; max-width:180px; flex-flow:column; gap:10px; margin-top:3.13em; }
[data-main-con="recommend"] .tab_menu>li									{ position:relative; }
[data-main-con="recommend"] .tab_menu>li button 							{ display:flex; width:100%; height:56px; align-items:center; border:1px solid #ebebeb; background:var(--color-white); border-radius:50px; padding:0 1.5em; 
																				transition:var(--trans-ani); }
[data-main-con="recommend"] .tab_menu>li button span						{ margin-top:3px; }
[data-main-con="recommend"] .tab_menu>li a.view								{ position:absolute; right:13px; top:50%; width:39px; height:39px; transform:translateY(-50%);}
[data-main-con="recommend"] .tab_menu>li a.view::after						{ background-size:9px; opacity:.64 }
[data-main-con="recommend"] .tab_menu>li a.view::before						{ opacity:0; }
[data-main-con="recommend"] .tab_menu>li.active button						{ border-color:var(--color-point); background:var(--color-point); color:var(--color-white) }
[data-main-con="recommend"] .tab_menu>li.active a.view::before,
[data-main-con="recommend"] .tab_menu>li.active a.view::after				{ opacity:1; filter: brightness(100);}
[data-main-con="recommend"] .tab_menu>li a.view:hover::before,
[data-main-con="recommend"] .tab_menu>li a.view:hover::after 				{ opacity:1; }
[data-main-con="recommend"] .conts_tab										{ flex:auto; max-width:calc(100% - 21.88em); margin-top:3.5em }
[data-main-con="recommend"] .conts_tab .swiper								{ width:calc(100% + 20px); height:100%; margin-left:-10px; margin-right:-10px; }
[data-main-con="recommend"] .conts_tab .swiper-slide						{ width:25%; }
[data-main-con="recommend"] .conts_tab .swiper-slide.none_data				{ background:var(--color-white); margin-top:2em; display:flex !important; justify-content:center; align-items:center;  border:1px solid #ebebeb; border-radius:15px; 
																				  box-sizing: border-box; height:23em}	
[data-main-con="recommend"] .conts_tab:has(.none_data) .swiper				{ margin-left:0; margin-right:0; width:100%; }

[data-main-con="recommend"] .conts_tab .swiper-slide>a						{ position:relative; display:block; width:calc(100% - 20px); margin-left:10px; margin-right:10px; border-radius:15px; background:var(--color-white);
																				overflow:hidden }
[data-main-con="recommend"] .conts_tab .swiper-slide>a::before				{ position:absolute; width:100%; height:100%; border:1px solid #ebebeb; content:''; left:0; top:0; z-index:2; border-radius:15px; box-sizing: border-box; 
																				transition:var(--trans-ani); opacity:1; pointer-events:none; }
[data-main-con="recommend"] .conts_tab .swiper-slide>a:hover::before		{ oborder:3px solid var(--color-point); }																		
[data-main-con="recommend"] .conts_tab .swiper-slide .cate					{ position:absolute; right:1em; top:1em; font-size:.91em; padding:7px 15px; border-radius:25px; background:var(--color-white); line-height:1; z-index:2 }
[data-main-con="recommend"] .conts_tab .swiper-slide .img					{ position:relative; display:block; width:100%; height:0; padding-top:73.333%; overflow:hidden; border-radius:0 0 15px 15px; }
[data-main-con="recommend"] .conts_tab .swiper-slide .img img				{ position:absolute; top:50%; left:50%; min-width:100%; min-height: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;}
[data-main-con="recommend"] .conts_tab .swiper-slide .cont					{ position:relative; display:flex; flex-flow:column; padding:30px 20px; }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont strong			{ width:calc(100% - 50px); font-size:1.31em; margin-bottom:.7em; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:1 }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont .icon			{ position:absolute; right:20px; top:24px; width:30px; height:30px; border-radius:100%; }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont .icon::before	{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:center; background-repeat:no-repeat; }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont .icon1			{ background:var(--color-orange); }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont .icon2			{ background:var(--color-point); }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont .icon1::before	{ background-image:url(/resource/tour/images/main/icon_enjoy01.svg); background-size:13px 17px; }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont .icon2::before	{ background-image:url(/resource/tour/images/main/icon_enjoy02.svg); background-size:17px 12px; }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont dl				{ display:flex; margin-top:5px; line-height:1; align-items:center; }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont dl>dt			{ width:25px; height:25px; position:relative; }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont dl>dt::before	{ position:absolute; width:100%; height:100%; left:0; top:0; background-position:left center; background-repeat:no-repeat; content:''; opacity:.74 }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont dl.add>dt::before{ background-image:url(/resource/tour/images/main/icon_loc.svg); background-size:13px 16px; }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont dl.tel>dt::before{ background-image:url(/resource/tour/images/main/icon_tel.svg); background-size:14px 14px; }
[data-main-con="recommend"] .conts_tab .swiper-slide .cont dl>dd			{ width:calc(100% - 25px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; opacity:.84; }
[data-main-con="recommend"] .swiper_control .control						{ justify-content:end; margin-bottom:.63em;}
[data-main-con="recommend"] .conts_tab:has(.none_data) .swiper_control		{ display:none; }


/* 오브젝트 */
[data-main-con="recommend"]::before											{ position:absolute; left:0; top:0; content:''; width:79px; height:50px; background:url(/resource/tour/images/main/img_enjoy_ob01.svg) no-repeat 50% 50% / contain; 
																				transition:var(--trans-ani); animation:flowerShow 2s linear infinite; pointer-events:none;}
[data-main-con="recommend"]::after											{ position:absolute; left:calc(50% - 210px); top:5%; content:''; width:53px; height:58px; background:url(/resource/tour/images/main/img_enjoy_ob04.svg) no-repeat 50% 50% / contain; 
																				transition:var(--trans-ani); animation:updown 2.5s ease-in-out infinite forwards; pointer-events:none;}
.recommend_object															{ position:absolute; width:100%; height:100%; max-width:calc(100% - 21.88em); right:0; top:0; pointer-events:none;}
.recommend_object span::before												{ position:absolute; content:''; background-position:center; background-repeat:no-repeat; background-size:contain; }
.recommend_object .ob1::before												{ width:40px; height:49px; top:7em; left:-35px; background-image:url(/resource/tour/images/main/img_enjoy_ob06.svg); }/* 왼쪽나뭇잎 */
.recommend_object .ob2::before												{ width:36px; height:32px; bottom:7em; right:-30px; background-image:url(/resource/tour/images/main/img_enjoy_ob02.svg); animation:flowerShow 2s linear infinite; }/*오른쪽나뭇잎*/
.recommend_object .ob3::before												{ width:91px; height:37px; bottom:12em; left:-10%; background-image:url(/resource/tour/images/main/img_enjoy_ob03.svg); animation:cloud 5s ease-in-out infinite forwards; }/*구름*/
.recommend_object .ob4::before												{ width:50px; height:54px; bottom:1.5em; left:-45px; background-image:url(/resource/tour/images/main/img_enjoy_ob07.svg); }/*꽃*/
[data-main-con="recommend"] .ob5											{ position:absolute; left:0; bottom:-6.88em; width:172px; height:156px; background-image:url(/resource/tour/images/main/img_enjoy_ob05.svg);}/*사람*/


@media all and (max-width:1568px){	
	[data-main-con="recommend"] .conts_tab,
	.recommend_object															{ max-width:calc(100% - 18.88em); }
	[data-main-con="recommend"]::after											{ left:calc(50% - 210px); top:5%; width:50.653px; height:55px; }/*애드벌룬*/
	[data-main-con="recommend"]::before											{ width:71.3018px; height:45px; }
	.recommend_object .ob3::before												{ width:87.8141px; height:35px; bottom:inherit; top:-6em; left:35%; }/*구름*/
}
@media all and (max-width:1468px){	
	[data-main-con="recommend"] .conts_tab .swiper-slide						{ width:33.333%; }
	[data-main-con="recommend"] .conts_tab .swiper-slide .cont strong			{ font-size:1.21em; }
	[data-main-con="recommend"] .conts_tab .swiper-slide .cont dl				{ font-size:.95em; }
	[data-main-con="recommend"] .conts_tab .swiper-slide .cont dl>dt			{ width:22px; height:22px; }
	[data-main-con="recommend"] .conts_tab .swiper-slide .cont .icon			{ width:28px; height:28px; }
	[data-main-con="recommend"] .conts_tab .swiper-slide .cont .icon1::before	{ background-size:11px 15px; }
	[data-main-con="recommend"] .conts_tab .swiper-slide .cont .icon2::before	{ background-size:15px 10px; }
	
}
@media all and (max-width:1168px){	
	[data-main-con="recommend"]												{ padding-top:3.38em; padding-bottom:4.88em; }
	[data-main-con="recommend"] .control_main_tab							{ flex-flow:column; }
	[data-main-con="recommend"] .tab_menu									{ flex-flow:row wrap; max-width:inherit; margin-top:2em; z-index:2 }
	[data-main-con="recommend"] .tab_menu>li button							{ height:50px; min-width:170px; }
	[data-main-con="recommend"] .tab_menu>li a.view							{ width:33px; height:33px; right:10px; }
	[data-main-con="recommend"] .conts_tab									{ flex:100%; max-width:inherit; width:100%; margin-top:0 }
	[data-main-con="recommend"] .conts_tab .swiper-slide					{ width:25%; }
	
	
	[data-main-con="recommend"]::after										{ left:inherit; right:15em; top:7em; width:41.4433px; height:45px; }/*애드벌룬*/
	[data-main-con="recommend"]::before										{ width:55.457px; height:35px; }/* 왼쪽상단 나무*/
	.recommend_object														{ max-width:inherit; }
	.recommend_object .ob1::before											{ width:31.6381px; height:39px; top:13em; left:-27px; }/* 왼쪽나뭇잎 */
	.recommend_object .ob2::before											{ width:24.5682px; height:22px; bottom:5em; right:-20px; }/*오른쪽나뭇잎*/
	.recommend_object .ob3::before											{ width:75.2692px; height:30px; bottom:inherit; top:-2em; left:inherit; right:0 }/*구름*/
	.recommend_object .ob4::before											{ width:41.3797px; height:44px; bottom:1.5em; left:-30px; }/*꽃*/
	[data-main-con="recommend"] .ob5										{ bottom:inherit; top:-1.95em; left:15em; width:105.8642px; height:96px; }/*사람*/
	
}
@media all and (max-width:1068px){	
	[data-main-con="recommend"]												{ padding-top:3.38em; padding-bottom:4.88em; }
	[data-main-con="recommend"] .tab_menu									{ margin-top:1.5em; }
	[data-main-con="recommend"] .tab_menu>li button							{ height:45px; min-width:150px; padding:0 1em }
	[data-main-con="recommend"] .tab_menu>li a.view							{ width:30px; height:30px;  }
	[data-main-con="recommend"] .tab_menu>li a.view::after					{ background-size:8px; }
	[data-main-con="recommend"] .conts_tab .swiper							{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	[data-main-con="recommend"] .conts_tab .swiper-slide					{ width:33.333%; }
	[data-main-con="recommend"] .conts_tab .swiper-slide>a					{ width:calc(100% - 10px); margin-left:5px; margin-right:5px; }
}
@media all and (max-width:1024px){	
	[data-main-con="recommend"] .ob5										{ top:-2.7em; }/*사람*/
}
@media all and (max-width:968px){	
	[data-main-con="recommend"] .conts_tab .swiper-slide .cont				{ padding:20px; }
	[data-main-con="recommend"] .conts_tab .swiper-slide .cont .icon		{ top:13px; }
	
	[data-main-con="recommend"]::before										{ top:-1em }/* 왼쪽상단 나무*/
	.recommend_object														{ max-width:inherit; }
	.recommend_object .ob1::before											{ width:23.5258px; height:29px; left:-19px; }/* 왼쪽나뭇잎 */
	.recommend_object .ob2::before											{ bottom:4em; }/*오른쪽나뭇잎*/
	.recommend_object .ob3::before											{ width:75.2692px; height:30px; bottom:inherit; top:-2em; left:inherit; right:0 }/*구름*/
	.recommend_object .ob4::before											{ width:31.9753px; height:34px; left:-20px; }/*꽃*/
	[data-main-con="recommend"] .ob5										{ top:-2.1em; width:94.8367px; height:86px; }/*사람*/
}
@media all and (max-width:868px){
	[data-main-con="recommend"] .tab_menu									{ gap:5px; }	
	[data-main-con="recommend"] .tab_menu>li button							{ height:42px; min-width:140px; }	
	[data-main-con="recommend"]												{ padding-top:2.38em; padding-bottom:3.88em; }
}
@media all and (max-width:768px){
	[data-main-con="recommend"] .conts_tab .swiper-slide					{ width:50%; }
	[data-main-con="recommend"] .tab_menu>li button							{ height:40px; min-width:120px; }	
	[data-main-con="recommend"] .tab_menu>li a.view							{ right:7px; }
}
@media all and (max-width:668px){
	[data-main-con="recommend"]												{ padding-bottom:3em; }
	[data-main-con="recommend"] .conts_tab.active							{ display:flex; flex-flow:column; margin-top:1em }
	[data-main-con="recommend"] .conts_tab.active .swiper_control			{ order:2; margin-top:5px; margin-bottom:0 }
	[data-main-con="recommend"] .swiper_control .control					{ justify-content:center; }
	
	
	[data-main-con="recommend"]::before										{ top:-1em; width:47.5345px; height:30px; }/* 왼쪽상단 나무*/
	[data-main-con="recommend"]::after										{ right:5em; top:7em; width:32.2337px; height:35px; }/*애드벌룬*/
	.recommend_object .ob1::before											{ width:19.4696px; height:24px; left:-12px; top:11em; }/* 왼쪽나뭇잎 */
	.recommend_object .ob2::before											{ width:21.218px; height:19px; bottom:4em; right:-15px;}/*오른쪽나뭇잎*/
	.recommend_object .ob3::before											{ width:62.7244px; height:25px;}/*구름*/
	.recommend_object .ob4::before											{ width:27.273px; height:29px; left:-15px; bottom:4.5em }/*꽃*/
	[data-main-con="recommend"] .ob5										{ left:12em; width:83.8092px; height:76px; }/*사람*/
}
@media all and (max-width:568px){
	.recommend_object .ob3::before											{ display:none; }
	[data-main-con="recommend"]::after										{ top:5em; }
}
@media all and (max-width:414px){
	[data-main-con="recommend"] .conts_tab .swiper-slide					{ width:100%; }
	[data-main-con="recommend"] .tab_menu>li button							{ height:38px; font-size:.95em; min-width:inherit; padding:0 .75em; padding-right:40px }	
	[data-main-con="recommend"] .tab_menu>li a.view							{  width:24px; height:24px;  }
	[data-main-con="recommend"] .tab_menu>li a.view::after					{ background-size:7px; }
	

	[data-main-con="recommend"]::after										{ right:3em; top:5em; }/*애드벌룬*/
	.recommend_object .ob1::before											{ left:-2%; }/* 왼쪽나뭇잎 */
	.recommend_object .ob2::before											{ right:-2%;}/*오른쪽나뭇잎*/
	.recommend_object .ob3::before											{ top:-3em }/*구름*/
	.recommend_object .ob4::before											{ left:-2%; }/*꽃*/
	[data-main-con="recommend"] .ob5										{ left:11em; width:72.7817px; height:66px; top:-1.35em }/*사람*/
}
@media all and (max-width:368px){
	[data-main-con="recommend"]												{ padding-bottom:2em; }
	[data-main-con="recommend"] .tab_menu>li button							{ height:35px; font-size:.9em; padding-right:38px }	
	[data-main-con="recommend"] .tab_menu>li a.view							{ right:6px; }
	[data-main-con="recommend"]::after										{ right:1em; top:5em; }/*애드벌룬*/
	.recommend_object .ob3::before											{ top:-4em }/*구름*/
}