@charset "utf-8";

body {overflow-x:hidden;}


/************************************************************
01.비주얼
************************************************************/

[data-main-visual] .visual               								{ position:relative;}
[data-main-visual] .visual .img													{ position:relative; width: 100%; height:100vh; top:0; left: 0;  overflow:hidden;}
[data-main-visual] .visual .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;  z-index: 0}
[data-main-visual] .visual_btn  												{ position:absolute; top:50%; right:0; transform: translateY(-50%); }
[data-main-visual] .visual_btn a  											{ width:100%; height:100%;  padding:25px; min-width:325px; min-height:180px; display:inline-block; background:#3f3ecf; border-radius:15px 15px 15px 40px; }
[data-main-visual] .visual_btn a:before  								{ content:''; position:absolute; bottom:0; right:0; background: url("/resource/tour/images/main/visual_btn.png") no-repeat right bottom; width:100%; height:100%; z-index:0}


[data-main-visual] .visual .text                    		{ position: absolute; left: 50%; top: 45%; transform: translate(-50%,-45%); color: var(--color-white); z-index: 2; }
[data-main-visual] .visual .text .title  								{ display: inline-block; max-width: 100%; }
[data-main-visual] .visual .text .title span  					{ font-size:1.563em; display:block; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); font-weight:500}
[data-main-visual] .visual .text .title strong 					{ font-size: 5em; font-family: var(--font-ttt); font-weight: normal; line-height: 1.1; display: flex; align-items: center;  gap: 0.2em; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); position: relative; /*margin:.3em 0*/}
[data-main-visual] .visual .text .title strong img 			{ /*position: absolute; top:30%; right:-100px;*/ height:130px; /*transform: translateY(-50%);*/ transform: translateY(-15%);}


[data-main-visual] .swiper_control .page								{ display:flex; position:absolute; left: 50%; transform:translate(-50%, -30%); bottom:30%; z-index:3; align-items:center}

[data-main-visual] .swiper_control button 							{ filter:invert(1); }
[data-main-visual] .swiper_control .swiper_page					{ display:flex; width:auto;align-items:center; justify-content:center; line-height:1; color:var(--color-white); font-size:1.563em; font-family: var(--font-pretendard); font-weight:500; gap:0 5px;}
[data-main-visual] .swiper_control .swiper_page .swiper-pagination-total		{ opacity:1;}
[data-main-visual] .swiper_control .swiper_page i::after	{ display:inline-block; vertical-align:middle; width:18px; height:1px; background:var(--color-white); content:''; margin-top:0; transform: rotate(-70deg); transform-origin: center;}

[data-main-visual] .swiper_auto 													{ background:none; width:35px; height:35px; border-radius:30px; border:2px solid var(--color-black); position: relative; margin-left:70px}
[data-main-visual] .swiper_auto:after  										{ content:''; position:absolute; top:50%; left:-70px; width:55px; height:1px; background: var(--color-black); transform: translateY(-50%);}



@media (max-width:1440px) {
	[data-main-visual] .visual .img 											{ height: 90vh;}
	[data-main-visual] .visual .text .title strong 				{ font-size: 4.375em;}
  	[data-main-visual] .swiper_control .page									{transform: translate(-50%, -25%);bottom:25%;}
  
}

@media (max-width:1024px) {
	[data-main-visual] .visual .img 											{ height: 60vh;}
	[data-main-visual] .visual .text .title strong 				{ font-size: 3.75em;}
	[data-main-visual] .swiper_control .page 							{ transform:translate(-50%, -20%); bottom:20%; }
	[data-main-visual] .visual .text .title strong img  	{ right:0; height: 80px } 
}

@media (max-width:768px) {
	[data-main-visual] .visual .img  											{ height: 50vh;}
	[data-main-visual] .visual .text .title span 					{ font-size:1.125em;}
	[data-main-visual] .visual .text .title strong 				{ font-size: 2em;}
	[data-main-visual] .swiper_control .swiper_page 			{ font-size:inherit; }
	[data-main-visual] .swiper_auto 											{ width:30px; height:30px; }
	[data-main-visual] .visual .text .title strong img  	{ right:70px; height: 60px } 
  	[data-main-visual] .swiper_control .page 							{ transform:translate(-50%, -25%); bottom:25%; }
}

@media (max-width:468px) {
	[data-main-visual] .visual .text .title span  				{ font-size:inherit; }
  	[data-main-visual] .visual .text .title strong img			{height:50px;}
}

@media (max-width:280px) {
  [data-main-visual] .visual .text .title strong				{flex-flow: column;align-items: flex-start;margin: .2em 0;}
  [data-main-visual] .visual .text .title strong img				{ transform: translateY(0);}
  [data-main-visual] .swiper_control .page					{transform: translate(-50%, 0);bottom:20%;}
}
/************************************************************
02.바로가기
************************************************************/

[data-main="banner"] {width: 100%; max-width: 1920px; margin: 0 auto; position: relative; height: 270px; z-index: 3; margin-top:-50px; }

[data-main="banner"] .title_bg { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 600px; height: 180px; background: #16138b; border-radius: 0 30px 90px 20px; z-index: 1; }
[data-main="banner"] .right_bg { position: absolute; left: 50%; transform: translateX(-750px); width: 1700px; height: 270px; background: #e5ecff; border-radius: 30px 30px 30px 90px; }

[data-main="banner"] .title_wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1500px; display: flex; gap: 40px; align-items: center; z-index: 1; }
[data-main="banner"] .title_wrap .title { width: 380px; color: var(--color-white); border-radius: 25px; flex-shrink: 0; padding-left:100px;}
[data-main="banner"] .title_wrap .title:before  		{ content:''; position:absolute; top:50%; left:-30px; background:url("/resource/tour/images/main/banner_tit_bg.svg") no-repeat; height:120px; width:120px; transform: translateY(-50%);}
[data-main="banner"] .title_wrap .title h2 					{ font-family: var(--font-ttt); font-size:1.875em; }
[data-main="banner"] .title_wrap .title span  			{ font-size:1.125em; }

[data-main="banner"] .icon_banner  												{ padding:3.438em; min-height:270px; padding-left:620px; }
[data-main="banner"] .icon_banner .slide_item strong  		{ text-align:center;line-height:1.25em; font-size:1.125em;}
[data-main="banner"] .icon_banner .icon										{ position:relative; display:block; width:100px; height:100px; background:var(--color-white); border-radius: 28px; box-shadow:5px 5px 10px rgba(0,0,0,.1);}
[data-main="banner"] .icon_banner .icon::before						{ position:absolute; width:100%; height:100%; content:''; background-position:50%; background-repeat:no-repeat; transition:var(--trans-ani); background-size:50%; filter:none;}
[data-main="banner"] .icon_banner .icon1::before					{ background-image:url(/resource/tour/images/main/icon_banner01.svg); }
[data-main="banner"] .icon_banner .icon2::before					{ background-image:url(/resource/tour/images/main/icon_banner02.svg); }
[data-main="banner"] .icon_banner .icon3::before					{ background-image:url(/resource/tour/images/main/icon_banner03.svg); }
[data-main="banner"] .icon_banner .icon4::before					{ background-image:url(/resource/tour/images/main/icon_banner04.svg); }
[data-main="banner"] .icon_banner .icon5::before					{ background-image:url(/resource/tour/images/main/icon_banner05.svg); }
[data-main="banner"] .icon_banner .icon6::before					{ background-image:url(/resource/tour/images/main/icon_banner06.svg); }
[data-main="banner"] .icon_banner .icon7::before					{ background-image:url(/resource/tour/images/main/icon_banner07.svg); }
[data-main="banner"] .icon_banner .icon8::before					{ background-image:url(/resource/tour/images/main/icon_banner08.svg); }

[data-main="banner"] .icon_banner .swiper_control					{ position:absolute; top:200px; left:300px; display:flex; gap:5px; z-index:3}
[data-main="banner"] .icon_banner .swiper									{ width:calc(100% + 12px); margin-left:-6px; margin-right:-6px;}
[data-main="banner"] .icon_banner .swiper-slide						{ width:calc(100% / 6);  }
[data-main="banner"] .icon_banner .swiper-slide>a					{ width:calc(100% - 12px); margin:0 6px; display:flex; flex-flow:column; gap:25px; border-radius:20px; justify-content:center; align-items:center; transition:var(--trans-ani)}
[data-main="banner"] .icon_banner .swiper_control button  { width:50px; height:50px; background:var(--color-white); border-radius: 50%; box-shadow:5px 5px 10px rgba(0,0,0,.1);}


/* 효과 */
[data-main="banner"] .icon_banner .swiper_control button:hover,
[data-main="banner"] .icon_banner .swiper_control button:focus  				{ background:var(--color-black);  }

[data-main="banner"] .icon_banner .swiper_control button:hover::before,
[data-main="banner"] .icon_banner .swiper_control button:focus::before 	{ filter: invert(1);}

[data-main="banner"] .icon_banner .swiper-slide>a:hover strong,
[data-main="banner"] .icon_banner .swiper-slide>a:focus strong					{ font-weight:500}

[data-main="banner"] .icon_banner .swiper-slide>a:hover .icon,
[data-main="banner"] .icon_banner .swiper-slide>a:focus .icon						{ background:#5467db }

[data-main="banner"] .icon_banner .swiper-slide>a:hover .icon::before,
[data-main="banner"] .icon_banner .swiper-slide>a:focus .icon::before 	{ filter: brightness(0) invert(1); animation: iconShow 0.7s ease-in-out 1 forwards;}

@media (max-width: 1920px) {
	[data-main="banner"] .title_bg 	 													{ width:35%; max-width:600px; min-width:200px; }
  [data-main="banner"] .icon_banner  	 											{ padding-right:10%}
}

@media (max-width: 1800px) {
	[data-main="banner"] .right_bg   													{ width: clamp(100%, 100%, 1700px); transform: translateX(-50%);  left: 50%; }
	[data-main="banner"] .title_wrap .title										{ width:600px; }
}

@media (max-width:1440px) {	
	[data-main="banner"]   																		{ margin-top:0; }
	[data-main="banner"] .title_bg  													{ top:-30px; transform:inherit; height:100px; border-radius:30px 30px 0 0; width:100%; max-width:inherit; min-width:inherit;}
	[data-main="banner"] .right_bg  													{ width:100%; left:0; transform:inherit; border-radius:0 0 30px 30px; }
	[data-main="banner"] .icon_banner .swiper_control  				{ left:inherit; transform:inherit; top:-5px; right:3%;}
	[data-main="banner"] .title_wrap  												{ top:inherit; left:inherit; position: relative; height:auto; margin:0 auto; transform:inherit; display:block; width:94%; height:70px;}
	[data-main="banner"] .title_wrap .title  									{ width:100%; }
	[data-main="banner"] .title_wrap .title:before  					{ width:70px; height:70px; left:20px; transform: inherit; top:-10px;}
	[data-main="banner"] .title_wrap .title h2  							{ line-height:1em; }
	[data-main="banner"] .icon_banner  												{ padding:0; min-height:auto; margin:0 auto; width:94%;}
	[data-main="banner"] .icon_banner .swiper  								{ padding:2em 0}
	[data-main="banner"] .icon_banner .swiper-slide  					{ width:calc(100% / 7);}	
	[data-main="banner"] .icon_banner .icon  							{ width:80px; height:80px; box-shadow:3px 3px 3px rgba(0,0,0,.1) }
	[data-main="banner"] .icon_banner .swiper-slide>a  				{ gap:10px; }
}

@media (max-width:1280px) {
	[data-main="banner"] .icon_banner .swiper-slide  					{ width:calc(100% / 6);}
}

@media (max-width:1024px) {
	[data-main="banner"] .title_wrap .title  									{ padding-left:80px }
	[data-main="banner"] .title_wrap .title h2  							{ font-size:1.375em; }
	[data-main="banner"] .title_wrap .title:before  					{ width:50px; height:50px; top:-7px; transform: inherit;}
	[data-main="banner"] .icon_banner .swiper_control  				{ top:0; }
	[data-main="banner"] .icon_banner .swiper_control button 	{ width:40px; height:40px }
	[data-main="banner"] .right_bg  													{ height:250px }
}

@media (max-width:968px) {
	[data-main="banner"] .icon_banner .swiper-slide  					{ width:calc(100% / 5);}
}

@media (max-width:768px) {
	[data-main="banner"] .icon_banner .swiper-slide  					{ width:calc(100% / 4);}
}

@media (max-width:568px) {
	[data-main="banner"] .title_wrap .title:before  					{ display:none; }
	[data-main="banner"] .title_wrap .title  									{ padding-left:3%; }
	[data-main="banner"] .title_wrap .title span  						{ font-size:1em; }
	[data-main="banner"] .icon_banner .swiper_control button  			{ width:30px; height:30px; }
	[data-main="banner"] .icon_banner .swiper-slide  					{ width:calc(100% / 3);}
  	[data-main="banner"] .icon_banner .icon								{width:70px;height:70px;border-radius:20px;}
  	[data-main="banner"] .icon_banner .icon::before						{background-size:40%;}
}

@media (max-width:468px) {
	[data-main="banner"] .icon_banner .icon								{width:70px;height:70px;border-radius:20px;}
  	[data-main="banner"] .icon_banner .icon::before						{background-size:40%;}
}


@media (max-width:368px) {
	[data-main="banner"] .icon_banner .swiper-slide  					{ width:calc(100% / 2);}
}

@media (max-width:300px) {
  	[data-main="banner"] .icon_banner .swiper_control button  			{ width:28px; height:28px; }
}

/************************************************************
03.추천여행지
************************************************************/
.travel 												{ margin:6.25em auto; position: relative; min-height:530px; width:100%; overflow:hidden; display:flex; padding-bottom:30px  }
.travel .travel_inner   								{ position:relative; display:flex; max-width:1500px; width:94%; margin:0 auto}

/* 타이틀 */
.travel .title   										{ width: 450px;  flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; position: relative;}
.travel .title:before  									{ content:''; position:absolute; top:120px; left:-100px; background:url("/resource/tour/images/main/travel_tit_bg01.png") no-repeat; width:100%; height:100%; animation: slideInRight 1.2s ease forwards;}
.travel .title h2										{ font-family:var(--font-ttt); font-size:3.75em; line-height:1; margin-bottom:30px; position: relative}
.travel .title h2:before   								{ content:''; position:absolute; top:-90px; left:230px; background:url("/resource/tour/images/main/travel_tit_bg02.png") no-repeat; width:100px; height:69px; }
.travel .title h2:after   								{ content:''; position:absolute; top:-60px; left:300px; background:url("/resource/tour/images/main/travel_tit_bg03.png") no-repeat; width:82px; height:82px; animation: degShow 6s linear infinite; 
															transform-origin: center;}
.travel .title .txt  									{ font-size:1.375em; font-weight:500;}
.travel .title .txt em  								{ display:block; }

/* 이미지 */
.travel #travel_wrap  									{ position:absolute; width:100vw; left:450px; overflow:hidden; padding-left:30px; }
.travel #travel_wrap .swiper-wrapper 					{ display: flex; transition:transform 0.3s ease; align-items:center;}
.travel #travel_wrap .swiper  							{ width:100%; overflow:visible; margin-bottom:30px}

.travel .swiper-slide 									{ width: 320px; height: 320px; overflow: visible; pointer-events: none; border-radius:40px; box-shadow: 0 10px 20px rgba(0,0,0,0.3); flex-shrink: 0;}
.travel .swiper-slide .img img   						{ width: 100%; height: 100%; object-fit: cover; border-radius: 40px; display: block; }
.travel .swiper-slide strong  							{ position:absolute; bottom:40px; left:40px; color: var(--color-white); font-weight: 700;  text-shadow: 2px 2px 5px rgba(0,0,0,0.4); }
.travel .swiper-slide strong i  						{  font-size:1.875em; line-height:1.2; font-family: var(--font-ttt); }
.travel .swiper-slide strong span						{ display:block; font-size:1.563em;}

/* 텍스트 숨김처리 */
.travel .swiper-slide:hover strong,
.travel .swiper-slide:focus strong,
.travel .swiper-slide.active strong 					{ display:none }

/* info_box */
.travel .swiper-slide .info_box  						{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease; padding: 50px 80px 50px 50px; box-sizing: border-box; pointer-events: none; 
														background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0)); color: var(--color-white); z-index: 2; display: flex; flex-direction: column; 
														justify-content: flex-end; border-radius: 40px;}
.travel .swiper-slide .info_box .tit  					{ font-size: 2.313em; font-family: var(--font-ttt); }
.travel .swiper-slide .info_box .tit i 					{ font-size: 1.125em; line-height: 1; }
.travel .swiper-slide .info_box .tit span 				{ display: block; line-height:1.2}
.travel .swiper-slide .info_box .desc 					{ font-size: 1.375em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 버튼 */
.travel .swiper-slide .btn 								{ width: 80px; height: 80px; background: var(--color-point2) url("/resource/tour/images/main/icon_blank.svg") no-repeat center; border-radius: 50%; background-size: 40%; position: absolute; right: 0; bottom: 0; z-index: 4; }

/* active */
.travelSwiper .swiper-slide.active 						{ width: 700px; height: 500px; border-radius: 70px 70px 120px 70px; pointer-events: auto; }
.travelSwiper .swiper-slide.active .img img 			{ width: 100%; height: 100%; object-fit: cover; border-radius: 70px 70px 120px 70px; }
.travelSwiper .swiper-slide.active .info_box 			{ opacity: 1; transform: translateY(0); pointer-events: auto; }

.travelSwiper .swiper-slide.active .img img,
.travelSwiper .swiper-slide.active .info_box 			{ border-radius: 70px 70px 120px 70px; opacity: 1; transform: translateY(0); pointer-events: auto;}
.travelSwiper .swiper-slide-next						{ max-width:320px; }

/* 그림자 효과 */
.travelSwiper .swiper-slide.active .img img:hover,
.travelSwiper .swiper-slide.active .img img:focus 		{ transform: scale(1.05); transition: transform 0.3s ease;}

/* control */
.travel_inner .swiper_control 							{ display:flex; gap:5px; position:relative; z-index:3 ; margin-top:1.5em }
.travel_inner .swiper_control button  					{ width:50px; height:50px; border-radius:50%; background:var(--color-point2); }
.travel_inner .swiper_control button:before  			{ filter:invert(1);  }
.travel_inner .swiper_control button:hover,
.travel_inner .swiper_control button:focus  			{ background:var(--color-black) }

@media (max-width:1560px) {	
	.travel .title:before  								{ display:none; }
}

@media (max-width:1280px) {	
	.travel 											{ overflow:inherit; }
	.travel .travel_inner  								{ flex-direction:column; }
	.travel .title  									{ align-items:center; position: relative; width:auto; margin:0 auto;gap:12px;}
	.travel .title h2  									{ font-size:2.5em; margin-bottom:0; display:inline-block;text-align:center;}
	.travel .title h2:before  							{ left:-70px; top:-60px;}
	.travel .title h2:after  							{ left:210px}
  	.travel .title .txt									{text-align:center; }
	.travel .title .txt em  							{ display:inline-block}
	.travel .swiper_control  							{ justify-content:center; margin-top:0;}
	.travel #travel_wrap  								{ position: relative; left:inherit; padding-left:0}
	.travel .swiper-slide .info_box .desc 				{ font-size:1.125em; margin-bottom:15px}

}

@media (max-width:1024px) {	
	.travel .swiper-slide.active 						{ width:100%; opacity: 1; filter: inherit;}
	.travel .swiper-slide  								{ margin:0; opacity: .4; width:100%; filter: blur(5px);}	
	.travel .swiper-slide .info_box .tit  				{ font-size:1.875em; }
	.travel #travel_wrap								{ position:initial; width:calc(100% + 6%); padding:25px 3%; margin-left:-3%; margin-right:-3%; }
	.travelSwiper .swiper-slide-next					{ max-width:inherit; }
	.travel #travel_wrap .swiper  						{ margin-bottom:0;}
	.travel .title h2:after  							{ left:180px}
}

@media (max-width:768px) {	
	.travel  											{ margin:4em auto; min-height:inherit;}
	.travel .swiper-slide,
	.travel .swiper-slide.active						{ height:400px; }
	.travel .swiper-slide .btn  						{ width:70px; height:70px; }
	.travel .swiper-slide .info_box .tit  				{ font-size:1.75em; }
	.travel .swiper-slide .info_box .tit span 			{ font-size:30px; }
	
	.travel .swiper-slide .info_box  					{ padding:40px 70px 40px 40px; border-radius: 50px}
	.travel .title .txt 								{ font-size:1.125em; }
	.travel_inner .swiper_control button  				{ width:40px; height:40px; }
	.travel .title h2:after  							{ width:50px; height:50px; background-size:50px; top:-40px;}
	.travel .title h2:before  							{ width:80px; height:55px; background-size:80px 55px; top:-40px; left:-50px}
  	.travel .swiper-slide .info_box .desc br			{display:none;}

}

@media (max-width:468px) {	
	.travel .swiper-slide,
	.travel .swiper-slide.active						{ height:350px; }
	.travel .swiper-slide .btn  						{ width:50px; height:50px; }
	.travel .swiper-slide.active .img img, 
	.travel .swiper-slide.active .info_box 				{ border-radius:30px 30px 80px 30px; }
	.travel .swiper-slide .info_box  					{ padding:30px 50px 30px 30px; }
	.travel .swiper-slide .info_box .tit  				{ font-size:1.5em; }
	.travel .swiper-slide .info_box .tit span  			{ font-size:25px }
  	.travel .title h2									{font-size:2em;}
  	.travel .title h2:after								{left:140px;}
	.travel .title .txt 								{ font-size:1em; }
}

@media (max-width:368px) {	
  .travel .title h2										{width:100%;}	
  .travel .title h2:after								{left:initial;right:2%;z-index: -1;}
  .travel .title h2:before								{left:8%;z-index: -1;}
}

/************************************************************
04.소통순창
************************************************************/
[data-main="sns"] 																					{ background:#f3f7ff; padding:6.25em 0; position: relative; overflow: visible;}
[data-main="sns"]::before  																	{ content: ""; position: absolute; top: -35px; right: 0; width: min(1058px, 100%); height: auto; aspect-ratio: 1058 / 964;  background: url("/resource/tour/images/main/sns_bg.png") no-repeat right top / contain;  pointer-events: none;}
[data-main="sns"] .con_inner  															{ position:relative; }
[data-main="sns"] .title  																	{ display:flex; align-items:flex-end; padding-left:110px; position: relative;}
[data-main="sns"] .title:before  														{ content:''; position:absolute; top:-30px; left:0; background: url("/resource/tour/images/main/sns_tit_bg01.png") no-repeat; background-size: 100px 94px; width:100px; height:94px;}
[data-main="sns"] .title h2																	{ font-family:var(--font-ttt); font-size:3.75em; line-height:1; margin-right:15px; position: relative;}
[data-main="sns"] .title h2:before  												{ content:''; position:absolute; top:-50px; right:-33px; background: url("/resource/tour/images/main/sns_tit_bg02.png") no-repeat; width:70px; height:39px;}
[data-main="sns"] .title .txt  															{ font-size:1.375em; padding-bottom:5px; font-weight:500}

[data-main="sns"] .sns_btn   																{ display: flex; gap: 10px; list-style: none; padding: 0; margin: 0; position: absolute; top:-15px; right:0; }
[data-main="sns"] .sns_btn li a   													{ display: block; width: 70px; height: 70px; background-position: center; background-repeat: no-repeat; text-indent: -9999px;  overflow: hidden; transition:var(--trans-ani); background-size:70px;}
[data-main="sns"] .sns_btn .youtube a   										{ background-image: url("/resource/tour/images/main/icon_youtube.png");}
[data-main="sns"] .sns_btn .instagram a   									{ background-image: url("/resource/tour/images/main/icon_instagram.png");}
[data-main="sns"] .sns_btn .blog a   												{ background-image: url("/resource/tour/images/main/icon_blog.png");}
[data-main="sns"] .sns_btn li a:hover,
[data-main="sns"] .sns_btn li a:focus  											{ animation:iconShow 0.7s ease-in-out 1 forwards; }

/* youtube */
[data-main="sns"] .sns_youtube  														{ position:relative; margin:3.125em 0;}
[data-main="sns"] .sns_youtube .swiper-slide a							{ display:flex; flex-flow:column; width:100%; margin:0 10px; padding:0; overflow:hidden  }
[data-main="sns"] .sns_youtube .swiper-slide .img 					{ position: relative; width: 100%; height: 0; padding-top: 56.25%; overflow: hidden; border-radius: 20px; }
[data-main="sns"] .sns_youtube .swiper-slide .img img				{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1; transition:transform 0.4s ease}
[data-main="sns"] .sns_youtube .swiper-slide dl							{ display:flex; flex-flow:column; padding:1rem 0.313rem; }
[data-main="sns"] .sns_youtube .swiper-slide dl dt					{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-size:1.25em; line-height:1.4; height:1.25em; font-weight:bold; }
[data-main="sns"] .sns_youtube .swiper-slide dl dd  				{ position:relative; width:120px;  opacity:.74; margin-top:1em;}

[data-main="sns"] .sns_youtube .swiper-slide .img img:hover,
[data-main="sns"] .sns_youtube .swiper-slide .img img:focus { transform: translate(-50%, -50%) scale(1.05);}

[data-main="sns"] .sns_youtube .swiper_control button				{top:31%;transform: translateY(-31%);}


/* blog */
[data-main="sns"] .sns_blog																	{ /*width:calc(100% - 5em - var(--sizePop));*/ position: relative;}
[data-main="sns"] .blog_icon 																{ width: 42px; height: 42px; background-image: url("/resource/tour/images/main/icon_blog.png"); background-size: cover; background-position: center; margin-bottom: 10px;}
[data-main="sns"] .sns_blog dl															{ display:flex; flex-flow:column; gap:1em; height:12em;}
[data-main="sns"] .sns_blog dl>dt														{ font-size:1.38em; font-weight:600; line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all; }
[data-main="sns"] .sns_blog dl>dd														{ font-size:1.06em; line-height:1.3; opacity:.74; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;  word-break:break-all;}
[data-main="sns"] .sns_blog .date														{ position:absolute; left:1.25em; bottom:2.5em; opacity:.54; height:15px; display:flex; align-items:center; line-height:1  }
[data-main="sns"] .sns_blog .swiper-slide a									{ display:flex; flex-flow:wrap; width:100%; margin:0 10px; padding:1.25em; border:1px solid transparent; border-radius:25px; transition:var(--trans-ani); background: var(--color-white); position: relative;}

/* 버튼 */
[data-main="sns"] .swiper																		{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
[data-main="sns"] .swiper-wrapper														{ align-items:stretch;}
[data-main="sns"] .swiper-slide															{ width:25%; display:flex; height:auto }

[data-main="sns"] .swiper_control button  									{ width:42px; height:42px; background:rgba(255, 255, 255, .5); position: absolute; border-radius: 50%; top:50%; transform: translateY(-50%); z-index: 1; box-shadow:5px 5px 10px rgba(0,0,0,.1); }
[data-main="sns"] .swiper_control:before  									{ content:'';  }
[data-main="sns"] .swiper_control .swiper_prev 							{ left:-20px; }
[data-main="sns"] .swiper_control .swiper_next 							{ right:-20px;}

/* hover,focus */
[data-main="sns"] .sns_blog .swiper-slide a:hover,
[data-main="sns"] .sns_blog .swiper-slide a:focus  					{ border-color:#59b431; }

[data-main="sns"] .sns_blog .swiper-slide a:hover dl > dt,
[data-main="sns"] .sns_blog .swiper-slide a:focus dl > dt 	{ text-decoration: underline;}

[data-main="sns"] .sns_blog .swiper-slide a:hover .tit,
[data-main="sns"] .sns_blog .swiper-slide a:focus .tit 			{ background: var(--color-point); color: var(--color-white);}

[data-main="sns"] .swiper_control button:hover,
[data-main="sns"] .swiper_control button:focus  						{ background:rgba(255, 255, 255, 1);}



@media (max-width:1280px) {
	[data-main="sns"] .title  																{ padding-left:10px; }
	[data-main="sns"] .title:before 													{ top:-100px; left:-20px;}
	[data-main="sns"] .title h2  															{ font-size:2.5em; }

	[data-main="sns"] .swiper-slide														{ width:33.3333%;}
	[data-main="sns"] .sns_blog dl  													{ height:10em; }
	[data-main="sns"] .sns_btn  															{ top:-10px; }
	[data-main="sns"] .sns_btn li a  													{ width:50px; height:50px; background-size:50px;}
}

@media (max-width:1024px) {
	[data-main="sns"]  																				{ padding:2em 0 4em 0; }
	[data-main="sns"] .title  																{ flex-direction:column; align-items:center; }
	[data-main="sns"] .title:before 													{ display:none; }
	[data-main="sns"] .sns_btn  															{ display:flex; position:inherit; justify-content:center; margin-top:1em; gap:5px}
	[data-main="sns"] .sns_youtube  													{ margin:1.75em 0; }
	[data-main="sns"] .swiper-slide														{ width:50%;}
  	[data-main="sns"] .sns_youtube .swiper_control button								{top:35%;transform: translateY(-35%);}
}

@media (max-width:768px) {
	[data-main="sns"] .title .txt   													{ font-size:1.125em; }
	[data-main="sns"] .sns_btn li a  													{ width:40px;height:40px; background-size:40px; }
	[data-main="sns"] .sns_youtube  													{ margin:1em 0; }
  	[data-main="sns"] .swiper															{width: calc(95% + 20px);margin-left: calc(2.5% + 10px * -1); margin-left: calc(2.5% + 10px * -1);}
	[data-main="sns"] .swiper_control .swiper_prev 										{ left:0px; }
	[data-main="sns"] .swiper_control .swiper_next 										{ right:0px;}
  	[data-main="sns"] .sns_youtube .swiper_control button								{top:30%;transform: translateY(-30%);}
}

@media (max-width:628px) {
  	[data-main="sns"] .sns_youtube .swiper_control button								{top:26%;transform: translateY(-26%);}
}

@media (max-width:568px) {
  	[data-main="sns"] .swiper															{width:90%;margin-left:auto;margin-right:auto;}
	[data-main="sns"] .swiper-slide														{width:100%;}
  	[data-main="sns"] .swiper .swiper-slide a											{margin:0;}
 	[data-main="sns"] .sns_blog .swiper-slide a											{padding:1.5em;}
  	[data-main="sns"] .sns_youtube .swiper_control button								{top:30%;transform: translateY(-30%);}
}

@media (max-width:468px) {
  	[data-main="sns"] .title h2															{font-size:2em;}
  	[data-main="sns"] .title .txt   													{ font-size:1em; }
  	[data-main="sns"] .sns_youtube .swiper_control button								{top:35%;transform: translateY(-35%);}
}

@media (max-width:468px) {
  	[data-main="sns"] .sns_youtube .swiper_control button								{top:30%;transform: translateY(-30%);}
}