@charset "utf-8";
/* CSS Document */
#container														{ margin-bottom:clamp(3.25em, 5vw, 6.25em); }
#container:has(.responsiveArea)									{ margin-bottom:0; }
#container:has(.responsiveArea)	.visual							{ display:none }
#container:has(.responsiveArea) .content.con_inner				{ width:100%; max-width:inherit; }
#container:has(.responsiveArea) .title_wrap						{ display:none; }
#wrap:has(.responsiveArea) .top_banner_wrap						{ display:none; }		

.invalid_tel {
    display: none !important;
}
/************************************************************

						비주얼
 
************************************************************/
.visual															{ position:relative; width:94%; max-width:1860px; height:var(--sizeHig); --sizeHig:350px; margin:0 auto; border-radius:20px 20px 0 20px;  background:#000 }
.visual .vusual_text											{ position:relative; height:var(--sizeHig); z-index:2; display:flex; flex-flow:column; align-items:flex-start; justify-content:center; font-family:var(--font-gmarket);
																		 color:var(--color-white); line-height:1 }
.visual .vusual_text span										{ font-size:1.56em; font-weight:300 }
.visual .vusual_text h2											{ font-size:3.13em; margin-top:.25em }
.visual::after													{ position:absolute; left:0; top:5%; width:286px; height:111px; content:''; background:url(/resource/tour/images/common/img_paperairplane.svg) no-repeat 50% 50% / contain; z-index:2;
																				animation:updown 2s linear infinite; }
.visual::before													{ position:absolute; width:100%; height:100%; border-radius:20px 20px 0 20px; overflow:hidden; left:0; top:0; content:''; opacity:.7; 
																	background-position:center; background-repeat:no-repeat; background-size:cover; }
.visual.bg1::before												{ background-image:url(/resource/tour/images/sub/bg_sub1.jpg); }
.visual.bg2::before												{ background-image:url(/resource/tour/images/sub/bg_sub2.jpg); }
.visual.bg3::before												{ background-image:url(/resource/tour/images/sub/bg_sub3.jpg); }
.visual.bg4::before												{ background-image:url(/resource/tour/images/sub/bg_sub4.jpg); }
.visual.bg5::before												{ background-image:url(/resource/tour/images/sub/bg_sub5.jpg); }
.visual.bg6::before												{ background-image:url(/resource/tour/images/sub/bg_sub6.jpg); }
.visual.bg7::before												{ background-image:url(/resource/tour/images/sub/bg_sub1.jpg); }
.visual.bg8::before												{ background-image:url(/resource/tour/images/sub/bg_sub2.jpg); }
.visual.bg9::before												{ background-image:url(/resource/tour/images/sub/bg_sub3.jpg); }

/* 위치 */
.location_wrap													{ position:absolute; right:0; bottom:0; display:flex; align-items:center; z-index:2; --sizeHig:40px; }
.location_wrap::before											{ position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,.1);  backdrop-filter:blur(10px); content:''; z-index:-1; border-radius:30px 0 0 0; pointer-events:none}
.location_wrap::after											{ position:absolute; width:20px; height:20px; right:0; top:-20px; background:url(/resource/tour/images/sub/img_location.png) no-repeat 50% 50% / contain; content:''; pointer-events:none;}
.location_wrap .lco												{ position:relative; display:flex; align-items:center; }
.location_wrap .lco::after										{ position:absolute; width:20px; height:20px; left:-20px; bottom:0; background:url(/resource/tour/images/sub/img_location.png) no-repeat 50% 50% / contain; content:''; pointer-events:none}
.location_wrap .lco>li											{ position:relative; border:10px solid var(--color-white); border-radius:30px; transition:var(--trans-ani); }
.location_wrap .lco>li::before									{ position:absolute; width:calc(100% + 20px); height:calc(100% + 20px); border:10px solid var(--color-white); content:''; left:-10px; top:-10px; pointer-events:none}
.location_wrap .lco>li:nth-child(1)::before						{ border-radius:30px 0 0 0; }
.location_wrap .lco>li+li										{ margin-left:-10px; }
.location_wrap .lco>li>button									{ display:flex; height:var(--sizeHig); align-items:center; min-width:180px; max-width:190px; color:var(--color-white); padding:0 40px 0 20px; font-size:1.03em; border-radius:20px 20px 0 0; }
.location_wrap .lco>li>button>span								{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.location_wrap .lco>li>button::before							{ position:absolute; top:50%; width:9px; height:7px; background:url(/resource/tour/images/sub/icon_loc_arr.svg) no-repeat 50% 50% / contain; transform:translateY(-50%) rotate(0deg); 
																	transition:var(--trans-ani); content:''; right:20px; }
.location_wrap .lco>li.active>button::before					{ transform:translateY(-50%) rotate(180deg); }
.location_wrap .lco>li.active									{ border-radius:30px 30px 0 0; }
.location_wrap .lco>li.active>button							{ background:var(--color-point); }

.location_wrap .lco>li .loc_wrap								{ position:absolute; display:none; left:0; z-index:112; width:100%; padding:5px 20px 20px; background:var(--color-point); border-radius:0 0 20px 20px;
																	border-top:none }
.location_wrap .lco>li .loc_wrap li > a							{ display:inline-flex; justify-content:flex-start; align-items:center; padding:5px 0px; color:var(--color-white); transition:color var(--trans-ani); opacity:.64; line-height:1.2; 
																	word-break: break-all; }
.location_wrap .lco>li .loc_wrap li a[target='_blank']::after	{ content:""; display:inline-block; transition:all .4s; margin-left:7px; vertical-align:middle; width:11px; height:10px; 
																	background:url(/resource/tour/images/common/icon_blank.svg) no-repeat 50% 50% / auto 10px; filter:invert(1)}
.location_wrap .lco>li .loc_wrap li > a:hover,
.location_wrap .lco>li .loc_wrap li > a:focus,
.location_wrap .lco>li .loc_wrap li.active > a					{ opacity:1; }


/* 공유 */
.location_wrap .page_util											{ position:relative; display:flex; align-items:center; border:10px solid var(--color-white); border-radius:30px; margin-left:-10px; padding:0 10px;  }
.location_wrap .page_util::before									{ position:absolute; width:calc(100% + 20px); height:calc(100% + 20px); border:10px solid var(--color-white); content:''; left:-10px; top:-10px; }

.location_wrap .page_util>li										{ position:relative;  }
.location_wrap .page_util>li+li										{ padding-left:5px; }
.location_wrap .page_util>li+li::before								{ position:absolute; left:0; top:50%; width:5px; height:1px; background:var(--color-white); opacity:.5; content:''; transform:translateY(-50%) }
.location_wrap .page_util>li>button									{ display:flex; width:var(--sizeHig); height:var(--sizeHig); }
.location_wrap .page_util>li>button:before							{ content:''; flex:none; display:block; width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; }
.location_wrap .page_util>li .share_bt:before						{ background-image:url(/resource/tour/images/sub/icon_share.svg); background-size:16px; margin-top:-.5px;}
.location_wrap .page_util>li>button.copy:before						{ background-image:url(/resource/tour/images/sub/icon_copy_link.svg);}
.location_wrap .page_util>li>button.print:before					{ background-image:url(/resource/tour/images/sub/icon_print.svg); background-size:17px 16px;}
.location_wrap .page_util>li>button.braille:before					{ background-image:url(/resource/tour/images/sub/icon_bx_link.svg); background-size:19px 10px;}
.location_wrap .page_util>li>button.braille_down:before				{ background-image:url(/resource/tour/images/sub/icon_bx_down.svg); background-size:21px 13px; background-position:50% 55%}
.location_wrap .page_util>li.share .share_drop						{ display:none; position:absolute; top:5px; left:-1px; z-index:10; width:calc(var(--sizeHig) + 2px); box-sizing:border-box; background-color:var(--color-white); 
																		border:1px solid #e5e5e5;  text-align:center; z-index:1 ; border-radius:30px;}																								
.location_wrap .share_drop ul										{ padding-top:10px; display:flex; flex-flow:column; gap:7px; }
.location_wrap .share_drop ul > li a								{ display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.location_wrap .share_drop ul > li[data-share] a:before				{ content:''; display:block; width:calc(var(--sizeHig) - 10px); height:calc(var(--sizeHig) - 10px); background-repeat:no-repeat;
																		 background-position:50% 50%; background-size:auto 100%; border-radius:100%;}
.location_wrap .share_drop ul > li[data-share="blog"] a:before		{ background-image:url(/resource/tour/images/sub/icon_blog.svg); background-color:#32b44a;}
.location_wrap .share_drop ul > li[data-share="youtube"] a:before	{ background-image:url(/resource/tour/images/sub/icon_youtube.svg); background-color:#e03232;}
.location_wrap .share_drop ul > li[data-share="facebook"] a:before	{ background-image:url(/resource/tour/images/sub/icon_facebook.svg); background-color:#385691;}
.location_wrap .share_drop ul > li[data-share="instar"] a:before	{ background:url(/resource/tour/images/sub/icon_instar.svg) no-repeat 50% 50% / cover, linear-gradient(to bottom right, #4a48e8 20% , #ee3183 60%, #f0c05c 100%);}
.location_wrap .share_drop ul > li[data-share="kakao"] a:before		{ background-image:url(/resource/tour/images/sub/icon_kakaoch.svg); background-color:#ffde00; }
.location_wrap .share_drop ul > li[data-share="twitter"] a:before	{ background-image:url(/resource/tour/images/sub/icon_twitter.png); background-color:#000;}
.location_wrap .share_drop ul > li[data-share="band"] a:before		{ background-image:url(/resource/tour/images/sub/icon_band.png); background-color:#50b748;}
.location_wrap .share_drop ul > li[data-share="copy"] a:before		{ background-image:url(/resource/tour/images/sub/icon_copy.svg); background-color:#555555;}
.location_wrap .page_util > li.share .share_close					{ position:relative; width:calc(var(--sizeHig) - 10px); height:calc(var(--sizeHig) - 10px); margin-top:10px; margin-bottom:5px; background:#e5e5e5;
																		 border-radius:100%;}
.location_wrap .page_util > li.share .share_close::before			{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.location_wrap .page_util > li.share .share_close::after			{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.location_wrap .page_util > li.share .share_close:hover				{ transform:rotate(90deg); }

@media all and (max-width:1768px){
	.visual::after													{ width:233.7455px; height:91px;}
	.visual .vusual_text span										{ font-size:1.46em; }
	.visual .vusual_text h2											{ font-size:3.03em; }
}
@media all and (max-width:1668px){
	.visual															{ --sizeHig:320px;  }
	.visual::after													{ width:182.3729px; height:71px;}
	.visual .vusual_text span										{ font-size:1.36em; }
	.visual .vusual_text h2											{ font-size:2.93em; }
}
@media all and (max-width:1568px){
	.visual															{ --sizeHig:290px;  }
	.visual .vusual_text span										{ font-size:1.26em; }
	.visual .vusual_text h2											{ font-size:2.83em; }
}
@media all and (max-width:1468px){
	.visual															{ --sizeHig:260px;  }
	.visual::after													{ width:156.6865px; height:61px;}
	.visual .vusual_text span										{ font-size:1.16em; }
	.visual .vusual_text h2											{ font-size:2.73em; }
}
@media all and (max-width:1268px){
	.visual															{ --sizeHig:230px;  }
	.visual::after													{ width:131.0002px; height:51px;}
	.visual .vusual_text span										{ font-size:1.06em; }
	.visual .vusual_text h2											{ font-size:2.63em; }
	.location_wrap													{ --sizeHig:35px; }
	.location_wrap .lco>li>button									{ min-width:170px; max-width:180px; font-size:1em }
}
@media all and (max-width:1168px){
	.visual .vusual_text span										{ font-size:1.03em; }
	.visual .vusual_text h2											{ font-size:2.33em; }
	.location_wrap .lco>li>button									{ min-width:150px; max-width:160px; }
}
@media all and (max-width:968px){
	.visual .vusual_text span										{ font-size:1em; }
	.visual .vusual_text h2											{ font-size:2em; }
	.location_wrap .lco>li>button									{ min-width:140px; max-width:150px; }
	.location_wrap .page_util>li.share								{ display:block; }
}
@media all and (max-width:868px){	
	.visual,
	.visual::before													{ border-radius:15px 15px 0 15px;  }
  	.location_wrap .lco>li>button									{ min-width:120px; max-width:120px; padding:0 30px 0 10px }
  	.location_wrap .lco>li>button::before							{ right:10px; }
}
@media all and (max-width:768px){
	.visual .vusual_text span										{ font-size:.95em; }
	.visual .vusual_text h2											{ font-size:1.8em; }
  	.location_wrap .lco>li											{border-width:8px;}
  	.location_wrap .lco>li+li										{margin-left:-8px;}
  	.location_wrap .lco>li::before									{width: calc(100% + 16px);height: calc(100% + 16px);border-width:8px;left: -8px;top: -8px;}
	.location_wrap .lco>li>button									{ min-width:100px; max-width:100px; }
 	.location_wrap .page_util										{border-width:8px;margin-left: -8px;padding: 0 8px;}
  	.location_wrap .page_util::before								{width: calc(100% + 16px);height: calc(100% + 16px);border-width:8px;left: -8px;top: -8px;}	
}

@media all and (max-width:668px){
	.visual															{ --sizeHig:210px;  }
	.location_wrap													{ gap:10px 20px; position:initial }
	.location_wrap::after											{ top: inherit; bottom:49px }
	.location_wrap::before											{ top:inherit; bottom:0; height:45px; width:172px; z-index:1; right:0; left:inherit; border-radius:10px 0 0 0}
	.location_wrap .lco												{ flex-wrap:wrap; position:absolute; left:3%; bottom:15px; max-width:calc((100% - 180px) - 6%); gap:2px 0 }
	.location_wrap .lco>li											{ position:relative; border:none; border-radius:0; padding-right:25px;}
	.location_wrap .lco>li:last-child								{ padding-right:0; }
	.location_wrap .lco>li::before									{ position:absolute; left:inherit; right:11px; top:5px; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-white); content:''; 
																		transform:rotate(45deg); border-radius:0; }
	.location_wrap .lco>li+li										{ margin-left:0; }
	.location_wrap .lco>li:nth-child(1)::before						{ border-radius:0; }
	.location_wrap .lco>li:last-child::before						{ display:none; }
	.location_wrap .lco>li>button									{ min-width:inherit; max-width:inherit; padding:0; height:inherit; }
	.location_wrap .lco>li>button::before							{ display:none; }
	.location_wrap .lco::after										{ display:none; }
	.location_wrap .page_util										{ margin-left:0; position:absolute; right:0; bottom:0; z-index:2; padding:0 5px; border-width:7px; }
	.location_wrap .page_util::after								{ position:absolute; width:20px; height:20px; left:-27px; bottom:-7px; background:url(/resource/tour/images/sub/img_location.png) no-repeat 50% 50% / contain; content:''; pointer-events:none}
	.location_wrap .page_util::before								{ border-radius:25px 0 0 0; width:calc(100% + 14px); height:calc(100% + 14px); top:-7px; left:-7px; border-width:7px;}
}
@media all and (max-width:568px){
	.visual															{ --sizeHig:200px;  }
	.visual::after													{ width:105.3139px; height:41px;}
	.visual .vusual_text span										{ font-size:.9em; margin-top:-1em }
	.visual .vusual_text h2											{ font-size:1.6em; }
	.location_wrap[data-size="3"] .lco								{ bottom:12px; }
	.location_wrap[data-size="4"] .lco 								{ bottom:10px; }
}
@media all and (max-width:468px){
	.visual .vusual_text span										{ margin-top:-2em }
  	.location_wrap::before											{width: 160px;}
  	.location_wrap .lco												{max-width:calc((100% - 164px) - 6%);}
	.location_wrap .lco>li>button									{ font-size:.95em; }
  	.location_wrap .page_util>li+li									{padding-left:0;}
  	.location_wrap .page_util>li+li::before							{display:none;}
}
@media all and (max-width:368px){
  	.visual::after													{width: 79.6276px;height: 31px;}
  	.visual .vusual_text											{justify-content: flex-start;padding-top:5.5em;}
  	.location_wrap .lco												{bottom:initial !important;top:7em;max-width: calc(100% - 6%);}
	.location_wrap .lco>li>button									{ font-size:.9em; max-width:150px }
}


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

						타이틀
 
************************************************************/
.content .title_wrap												{ display:flex; flex-flow:column; align-items:center; justify-content:center; font-family:var(--font-gmarket); margin-top:5em; margin-bottom:2.5em; line-height:1.1; text-align:center}											
.content .title_wrap .sub_tit										{ font-size:1.38em; font-weight:300; }
.content .title_wrap .h3_title										{ font-size:2.81em; margin-top:.25em; }
.content .h4_title													{ position:relative; border-bottom:2px solid var(--color-base); font-size:1.63em; line-height:1.3; padding-bottom:5px; }
.content .h4_title::before											{ position:absolute; right:13px; bottom:-10.5px; width:20px; height:20px; border:7px solid var(--color-white); border-radius:100%; content:''; background:var(--color-point) }
.content .h4_title::after											{ position:absolute; right:0px; bottom:-10.5px; width:20px; height:20px; border:7px solid var(--color-white); border-radius:100%; content:''; background:var(--color-orange) }
.content .h5_title													{ position:relative; display:inline-flex; font-size:1.25em; line-height:1.3; padding-bottom:3px; margin-top:30px; }
.content .h5_title::before											{ position:absolute; width:100%; height:10px; left:0; bottom:0; content:''; background:#c2dfff; z-index:-1 }


#boardWrap .write_group .h4_title									{ border-bottom:0px;}

@media all and (max-width:1568px){
	.content .title_wrap											{ margin-top:4.5em; margin-bottom:2.5em; }											
	.content .title_wrap .sub_tit									{ font-size:1.3em; }
	.content .title_wrap .h3_title									{ font-size:2.71em; }
	.content .h4_title												{ font-size:1.53em; }
}
@media all and (max-width:1268px){	
	.content .title_wrap											{ margin-top:4em; }											
	.content .title_wrap .h3_title									{ font-size:2.5em; }
	.content .h4_title												{ padding-right:33px}
}
@media all and (max-width:1024px){	
	.content .title_wrap											{ margin-top:3.5em;  }											
	.content .title_wrap .sub_tit									{ font-size:1.2em; }
	.content .title_wrap .h3_title									{ font-size:2.3em; }
	.content .h4_title												{ font-size:1.43em; }
	.content .h5_title												{ font-size:1.2em; margin-top:20px; padding-bottom:1px }
	.content .h5_title::before										{ height:7px; }
}
@media all and (max-width:668px){	
	.content .title_wrap											{ margin-top:3em; margin-bottom:2em; }											
	.content .title_wrap .sub_tit									{ font-size:1.1em; }
	.content .title_wrap .h3_title									{ font-size:2.1em; }
	
	#boardWrap .write_group .h4_title								{ border-bottom:0px;}
}
@media all and (max-width:468px){
	.content .title_wrap											{ margin-top:2.5em; margin-bottom:1.5em; }											
	.content .title_wrap .sub_tit									{ font-size:1em; }
	.content .title_wrap .h3_title									{ font-size:1.9em; }
	
	
}


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

						이미지 슬라이드
 
************************************************************/
[data-subarea]															{ position:relative; --sizePadding:100px;}
[data-subarea] .subswiper												{ position:relative; padding: 0 0 2.5em;  }
[data-subarea] .subswiper .swiper										{ border-radius:20px; overflow:hidden }
[data-subarea] .subswiper .swiper .swiper-slide							{ width:100%; }
[data-subarea] .subswiper .swiper .swiper-slide>a						{ display:block; position:relative; overflow:hidden; width:100%; height:0; padding-top:35.714%; }
[data-subarea] .subswiper .swiper .swiper-slide>a 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-subarea] .subswiper .control										{ position:absolute; bottom:calc(2.5em - 20px); left:50%; background:#f5f5f5; border-radius:20px; height:40px; align-items:center; justify-content:center; 
																			padding:0 2em; z-index:2; transform:translateX(-50%) }
[data-subarea] .subswiper .swiper_prev,
[data-subarea] .subswiper .swiper_next									{ position:absolute; top: calc(50% - 1.25em); width:60px; height:60px; background:var(--color-point); border-radius:100%;transform: translateY(-50%);z-index:1;}
[data-subarea] .subswiper .swiper_prev									{ left:20px; }
[data-subarea] .subswiper .swiper_next									{ right:20px; }
[data-subarea] .subswiper .swiper_prev::before,
[data-subarea] .subswiper .swiper_next::before							{ filter:invert(1) }

/*.bg_gray + 슬라이드*/
[data-subarea] .bg_gray .subswiper											{padding:0 var(--sizePadding) var(--sizePadding); }
[data-subarea] .bg_gray .subswiper .swiper									{ max-width:1400px; }
[data-subarea] .bg_gray .subswiper .control									{bottom:calc(var(--sizePadding) - 20px); }
[data-subarea] .bg_gray .subswiper .swiper_prev,
[data-subarea] .bg_gray .subswiper .swiper_next							 {top:calc(35.714% - 30px + 35px);transform: initial ;}

@media all and (max-width:1668px){	
	[data-subarea]														{ --sizePadding:80px; }
	[data-subarea] .subswiper .swiper_prev,
	[data-subarea] .subswiper .swiper_next								{ width:45px; height:45px; }
	[data-subarea] .subswiper .swiper_next::before,
	[data-subarea] .subswiper .swiper_prev::before						{ width:6px; height:11px; background-size:auto 11px; }
	[data-subarea] .subswiper .swiper_next::before						{ margin-right:-3px; }
	[data-subarea] .subswiper .swiper_prev::before						{ margin-left:-3px; }

	/*.bg_gray + 슬라이드*/
	[data-subarea] .bg_gray .subswiper .swiper_prev,
	[data-subarea] .bg_gray .subswiper .swiper_next						{top:calc(35.714% - 22.5px + 45px); }
}
@media all and (max-width:1568px){	
	[data-subarea]														{ --sizePadding:60px; }
	[data-subarea] .subswiper .swiper_prev								{ left:10px; }
	[data-subarea] .subswiper .swiper_next								{ right:10px; }
	[data-subarea] .subswiper .swiper_prev,
	[data-subarea] .subswiper .swiper_next								{ width:40px; height:40px; }

	/*.bg_gray + 슬라이드*/
	[data-subarea] .bg_gray .subswiper .swiper_prev,
	[data-subarea] .bg_gray .subswiper .swiper_next				{top:calc(35.714% - 20px + 40px); }
}
@media all and (max-width:1168px){	
	[data-subarea]														{ --sizePadding:50px; }
	[data-subarea] .subswiper .swiper_prev								{ left:5px; }
	[data-subarea] .subswiper .swiper_next								{ right:5px; }
	[data-subarea] .subswiper .swiper_prev,
	[data-subarea] .subswiper .swiper_next								{  width:35px; height:35px; }

	/*.bg_gray + 슬라이드*/
	[data-subarea] .bg_gray .subswiper .swiper_prev,
	[data-subarea] .bg_gray .subswiper .swiper_next				{top:calc(35.714% - 17.5px + 35px);  }
}
@media all and (max-width:1024px){	
	[data-subarea]														{ --sizePadding:45px; }
	[data-subarea] .subswiper .swiper_prev								{ left:5px; }
	[data-subarea] .subswiper .swiper_next								{ right:5px; }
}
@media all and (max-width:868px){	
	[data-subarea] .subswiper .swiper									{ border-radius:15px; }
}
@media all and (max-width:768px){	
	[data-subarea]														{ --sizePadding:20px; }
	[data-subarea] .subswiper .swiper_prev								{ left:5px; }
	[data-subarea] .subswiper .swiper_next								{ right:5px; }
	[data-subarea] .subswiper .swiper_prev,
	[data-subarea] .subswiper .swiper_next								{ z-index:2 }
	[data-subarea] .subswiper .swiper .swiper-slide>a					{ padding-top:45.714%; }
	[data-subarea] .subswiper .control									{ height:30px;}

	/*.bg_gray + 슬라이드*/
	[data-subarea] .bg_gray .subswiper .swiper_prev,
	[data-subarea] .bg_gray .subswiper .swiper_next						{ top:calc(45.714% - 17.5px);  }
  	[data-subarea] .bg_gray .subswiper .control							{bottom:calc(var(--sizePadding) - 15px);}
}
@media all and (max-width:468px){	
	[data-subarea] .subswiper .swiper .swiper-slide>a					{ padding-top:55.714%; }
	[data-subarea] .subswiper .swiper_prev,
	[data-subarea] .subswiper .swiper_next								{ width:30px; height:30px; }
	[data-subarea] .subswiper .swiper_next::before,
	[data-subarea] .subswiper .swiper_prev::before						{ width:5px; height:9px; background-size:auto 9px; }

	/*.bg_gray + 슬라이드*/
	[data-subarea] .bg_gray .subswiper .swiper_prev,
	[data-subarea] .bg_gray .subswiper .swiper_next				{top:calc(55.714% - 35px); }
	
}
@media all and (max-width:368px){	
	[data-subarea] .subswiper .swiper .swiper-slide>a					{ padding-top:75.714%; }

	/*.bg_gray + 슬라이드*/
	[data-subarea] .bg_gray .subswiper .swiper_prev,
	[data-subarea] .bg_gray .subswiper .swiper_next				{top:calc(75.714% - 50% + 30px);}
}

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

					 컨텐츠 레이아웃
 
************************************************************/
[data-subarea] .w1400													{ width:100%; max-width:1400px; margin-left:auto; margin-right:auto; }

/* 배경 */
.content .bg_gray														{ position:relative; }
.content .bg_gray::before												{ position:absolute; width:100%; height:calc(100% - 15.63em); top:15.63em; left:0; background:#f5f5f5; border-radius:20px; content:''; z-index:-1 }

/* 좌우분리 */
.content .division														{ position:relative; width:100%; max-width:1400px; margin-left:auto; margin-right:auto; display:flex; flex-wrap:wrap; align-items: flex-start; 
																			justify-content:space-between; margin-top:60px; --sizeTitle:230px; }
.content .division .h4_title											{ width:var(--sizeTitle);  }
.content .division .division_right										{ flex:auto; max-width:calc(100% - var(--sizeTitle) - 4.375em); }
.content .division .division_right>.box_flex:first-child				{ margin-top:0; }
.content .division .division_right .h5_title:first-child				{ margin-top:0; }
.content .division .division_right>.basic_ul:first-child				{ margin-top:0; }

@media all and (max-width:1668px){	
	/* 배경 */
	.content .bg_gray::before											{ height:calc(100% - 20%); top:20%; }
}
@media all and (max-width:1368px){	
	/* 배경 */
	.content .bg_gray::before											{ height:calc(100% - 15%); top:15%; }
}
@media all and (max-width:1268px){	
	.content .division													{ margin-top:50px; --sizeTitle:initial; }
	.content .division .division_right									{ width:100%; max-width:inherit; margin-top:30px; }
}
@media all and (max-width:868px){	
	/* 배경 */
	.content .bg_gray::before											{ border-radius:15px; }
}
@media all and (max-width:568px){	
	/* 배경 */
	.content .bg_gray::before											{ height:calc(100% - 5%); top:5%; }
}
@media all and (max-width:368px){	
	.content .division													{ margin-top:30px; }
	.content .division .division_right									{ margin-top:20px; }
}


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

					 	tab
 
************************************************************/
.area_tab .list > li > a, 
.area_tab .list > li > button									{ border-radius:20em; font-size:1.167em }
.area_tab .list > li > a[target='_blank'] span::after			{ content:""; display:inline-block; transition:all .4s; margin-left:8px; vertical-align:middle; width:13px; height:12px; 
																		background:url(/resource/tour/images/common/icon_blank.svg) no-repeat 50% 50% / auto 12px; margin-top:-2px }	


.control_tab												{ margin-bottom:40px; }
.control_tab .list											{ display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; --marginSize:5px; margin-left:calc(var(--marginSize) * -1); }
.control_tab .list > li										{ height:50px; margin-left:var(--marginSize); margin-bottom:5px; }		
.control_tab .list > li > button							{ display:inline-flex; justify-content:center; align-items:center; position:relative; min-width:180px; height:100%; box-sizing:border-box; padding:8px 20px; background-color:#fff; 
																border:1px solid #ebebeb; border-radius:50rem; line-height:1.2em; font-size:1.167em; color:var(--color-base); font-weight:500; transition:var(--trans-ani); }
.control_tab .list > li > button.active						{ z-index:1; background-color:var(--color-point); border-color:var(--color-point); font-weight:600; color:var(--color-white); }
.btn_tab_mob												{ display:none; --size:45px; position:relative; width:100%; height:var(--size); box-sizing:border-box; padding:5px 30px 5px 10px; background-color:var(--color-point); 
																text-align:left; color:var(--color-white); font-size:1.1em; transition:var(--trans-ani); border-radius:5px 15px 5px 5px}
.btn_tab_mob::after											{ content:''; opacity:0.5; display:block; position:absolute; right:15px; top:45%; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--color-white);
																 transition:var(--trans-ani); transform:translateY(-50%) rotate(45deg); }
.btn_tab_mob.active											{ z-index:2; font-weight:600; border-radius:5px 15px 0 0}
.btn_tab_mob.active:after									{ transform:translateY(-10%) rotate(225deg); }


@media screen and (max-width:768px){
/* 6) snb */
	.control_tab											{ position:relative; --sizeMob:45px;}
	.btn_tab_mob											{ display:block; height:var(--sizeMob);}
	.control_tab .list										{ display:none; overflow-y:auto; --marginSize:0px; position:absolute; left:0px; top:var(--sizeMob); z-index:5; width:100%; max-height:300px; box-sizing:border-box; padding:10px;
																 background:var(--color-white); border:1px solid var(--color-point); border-top-color:#dcdcdc; }
	.control_tab .list > li									{ height:auto;}
	.control_tab .list > li > button						{ display:flex; justify-content:flex-start; align-items:center; min-width:inherit; width:100%; padding:10px 15px; background-color:transparent; border-width:0px; border-radius:8px; color:#666; 
																transition:color var(--trans-ani); font-size:1.03em}
	.control_tab .list > li.active > button					{ box-shadow:none;}
}


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

					 게시판 css
 
************************************************************/


/*숙박*/
#boardWrap .write_list .flex:has(.row)									{gap:10px .75rem;}
#boardWrap .write_list .row												{display:flex;align-items: center;flex-wrap: wrap;gap: 5px;width: calc((100% - 10.5em - .75rem) / 2);}
#boardWrap .write_list .row .ti											{font-weight:500;color: #666;width: 6em;}
#boardWrap .write_list .row .basics_list								{width: calc(100% - 6em - 5px);}	

@media all and (max-width:1368px){
  #boardWrap .write_list .flex:has(.row)								{gap:10px 2em;}
  #boardWrap .write_list.small_title>li>.tit 							{width:8em;}
  #boardWrap .write_list.small_title>li>.flex							{width: calc(100% - 8em - 10px);}
  #boardWrap .write_list.small_title .row								{width:auto;}
}


@media all and (max-width:668px){
	#boardWrap .write_list .flex:has(.row){gap:1em 2em;}
	#boardWrap .write_list .row .ti									{ display:block;width:100%;margin-right:0;}
	#boardWrap .write_list .row .basics_list{width:100%;}
}