@charset "utf-8";
#main *											{ box-sizing:border-box;}
[data-main="dday"],
[data-main="gallery"]							{ background:#eef3e6; }


/* 타이틀 */
h3.title										{ display:flex; flex-flow:column; gap:10px; line-height:1; font-size:16px;  }
h3.title .small									{ font-size:1em; font-family:var(--font-one); font-weight:bold; opacity:.8; }
h3.title em										{ font-size:1.88em; font-weight:700; }


/* tab */
.control_main_tab .conts_tab					{ display:none; }
.control_main_tab .conts_tab.active				{ display:block; position:relative }
.tab_menu										{ display:flex; flex-flow:row; gap:5px 0;  }
.tab_menu>li									{ position:relative; }
.tab_menu>li:nth-child(1)						{ z-index:10; }
.tab_menu>li:nth-child(2)						{ z-index:9; }
.tab_menu>li:nth-child(3)						{ z-index:8; }
.tab_menu>li:nth-child(4)						{ z-index:7; }
.tab_menu>li:nth-child(5)						{ z-index:6; }
.tab_menu>li:nth-child(6)						{ z-index:5; }
.tab_menu>li+li									{ margin-left:-10px; }
.tab_menu>li>button								{ position:relative; display:flex; align-items:center; justify-content:center; font-size:1em; min-width:115px; height:40px; font-weight:400; cursor:pointer; letter-spacing:-.045em;
													 padding:0 30px; border-radius:25px; border:1px solid #d4d4d4; background:var(--color-white) }
.tab_menu>li.active>button						{ color:#fff; background:var(--color-point); border-color:var(--color-point); font-weight:bold; font-size:1.06em }



/* 스와이퍼 버튼 */
[data-main] .swiper_control													{ display:inline-flex; align-items:center; justify-content:center; background:var(--color-light-gray); height:40px; padding:0 5px; border-radius:25px; line-height:1; z-index:2}
[data-main] .swiper_control .control										{ display:flex; align-items:center; justify-content:center; }
[data-main] .swiper_page													{ display:flex; width:auto; margin:0 .5em; align-items:center; justify-content:center; font-size:.88em; gap:5px; line-height:1 }
[data-main] .swiper_page .swiper-pagination-current							{ font-weight:900; }
[data-main] .swiper_page i													{ position:relative; }
[data-main] .swiper_page i::before											{ display:inline-block; width:3px; height:3px; vertical-align:middle; background:rgba(0,0,0,.4); content:''; border-radius:100%; margin-top:-2px; }
[data-main] .swiper_page .swiper-pagination-total							{ opacity:.4; }
[data-main] .swiper_control:has(.swiper-button-lock) .control				{ display:none; }/* 슬라이드가 1개인경우 버튼 미노출 */
[data-main] .swiper_control:has(.swiper-button-lock) .icon_view				{ margin-left:0; }
[data-main] .swiper_control:has(.swiper-button-lock):not(:has(.icon_view))	{ display:none; }
/* 포인트 컬러 배경 */
[data-main] .swiper_control.between									{ display:flex; justify-content:space-between; max-width:90%; background:var(--color-point); height:45px; padding:0 10px 0 20px; border-radius:25px; line-height:1; 
																		margin:-22.5px auto 0; position:relative; z-index:2 }
[data-main] .swiper_control h3										{ font-size:1em; font-weight:bold; color:var(--color-white); text-transform:uppercase; }
[data-main] .swiper_control.between .control						{ color:var(--color-white); }
[data-main] .swiper_control.between .swiper_page i::before			{ background:rgba(255,255,255,.4); }
[data-main] .swiper_control.between .control button::before			{ filter:invert(1); }
[data-main] .swiper_control.between .control .swiper_auto::before	{ filter:invert(0); }
[data-main] .swiper .none_data										{ display:flex; justify-content:center;  align-items:center; }


/* 전체보기 */
.icon_view															{ width:31px; height:31px; border-radius:100%; background:var(--color-white); margin-left:.5em }
.icon_view::before													{ background-image:url(/resource/www/images/common/icon_next.svg); background-size:15px 11px; filter:invert(.7); }

/* 자세히보기 */
.icon_arr															{ width:38px; height:38px; border-radius:100%; background:#dbdbdb; transition:var(--trans-ani); }
.icon_arr::before													{ background-image:url(/resource/www/images/common/icon_arr.svg); background-size:11px 11px; transition:var(--trans-ani); }
a:hover .icon_arr,
a:focus .icon_arr													{ background:var(--color-point); animation:iconShow 0.7s ease-in-out 1 forwards;}
a:hover .icon_arr::before,
a:focus .icon_arr::before											{ filter:invert(1);}

@media all and (max-width:1024px) {
	/* 타이틀 */
	h3.title														{ font-size:15px; }	
	
	/* tab */
	.tab_menu>li>button												{ font-size:.95em; min-width:95px; height:35px;  padding:0 15px; }
	.tab_menu>li.active>button										{ font-size:1em }
	
	/* 스와이퍼 버튼 */
	[data-main] .swiper_control										{ height:35px; }
	/* 포인트 컬러 배경 */
	[data-main] .swiper_control.between								{  height:40px; margin:-20px auto 0;  padding:0 5px 0 15px;}
	
	/* 전체보기 */
	.icon_view														{ width:27px; height:27px; margin-left:.25em }
}
@media all and (max-width:668px) {
	h3.title														{ font-size:14px; }		
	
}
@media all and (max-width:668px) {
	/* tab */
	.tab_menu>li>button												{ min-width:75px; }
	
	/* 스와이퍼 버튼 */
	[data-main] .swiper_page										{ margin:0 .25em; }
}
@media all and (max-width:320px) {
	/* tab */
	.tab_menu>li>button												{ min-width:65px; }
}
/**********************************************************************

 								비주얼 

**********************************************************************/
.visual															{ position:relative; }
.visual .mySwiper												{ z-index:inherit; }
.visual .text													{ position:absolute; left:50%; top:50%; transform:translate(-50%,-60%); z-index:4; text-align:center; color:var(--color-white); line-height:1 }		
.visual .text .slogan											{ display:block; font-family:var(--font-one); font-weight:300; font-size:1.88em;  }											
.visual .text strong											{ display:block; font-family:var(--font-one); font-size:5.94em; line-height:1; font-weight:bold; margin-top:.3em }
.visual .text .date												{ display:block; font-family:var(--font-one); font-size:3.13em; line-height:1; font-weight:400; margin-top:1em }
.visual .text .place											{ display:block; font-family:var(--font-one); font-size:1.38em; line-height:1; font-weight:300; margin-top:1.52em }
.visual .text .btn												{ position:relative; display:inline-flex; margin-top:4em; line-height:1; padding:.94em 2em; border:1px solid var(--color-white); color:var(--color-white); 
																	border-radius:4em; overflow:hidden; transition:var(--trans-ani) }
.visual .text .btn span											{ position:relative; display:flex;  align-items:center; justify-content:space-between; z-index:2; gap:0 30px; transition:var(--trans-ani) }
.visual .text .btn:hover 										{ color:var(--color-white); background:var(--color-point); border-color:var(--color-point) }
.visual .text .btn span::after									{ display:inline-block; width:20px; height:20px; content:''; background:url(/resource/www/images/common/icon_next.svg) no-repeat 50% 50% / contain; vertical-align:middle; margin-top:-2px }
.visual .text .btn:hover span,
.visual .text .btn:focus span									{ gap:0 40px; }
.visual .img													{ position:relative; width:100%; height:100vh; overflow:hidden; min-height:600px; }
.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:1}
.visual .img::before											{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:rgba(0,0,0,.4); z-index:2; }
.visual .swiper_control .control								{ position:absolute; left:50%; bottom:20%; display:flex;  align-items:center; justify-content:center; gap:0 50px; transform:translateX(-50%); z-index:4}
.visual .swiper_control .control .swiper_auto					{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid var(--color-white);}
.visual .swiper_prev::before									{ width:20px; height:12px; background:url(/resource/www/images/common/icon_prev.svg) no-repeat 50% 50% / contain; filter:invert(0);}
.visual .swiper_next::before									{ width:20px; height:12px; background:url(/resource/www/images/common/icon_next.svg) no-repeat 50% 50% / contain; filter:invert(0);}
.visual .swiper_auto::before									{ filter:invert(0); }
.visual .swiper_page											{ position:absolute; width:100%; max-width:1700px; left:50% !important; bottom:40px !important; z-index:4; display:flex; gap:0 12px; transform:translateX(-50%) }
.visual .swiper_page>span										{ flex:0 1 auto; }
.visual .swiper_page .swiper-pagination-bullet					{ position:relative; width:100%; height:21px; background-color:transparent; border-radius:0; opacity:1; font-size:.94em; font-weight:300; color:var(--color-white); opacity:.3; 
																	font-family:var(--font-suite); line-height:1; margin:0!important }
.visual .swiper_page .swiper-pagination-bullet::before			{ position:absolute; width:100%; height:1px; left:0; bottom:0; background:var(--color-white); content:''; }
.visual .swiper_page .swiper-pagination-bullet::after			{ position:absolute; width:0; height:1px; left:0; bottom:0; background:var(--color-white); content:''; transition:all ease 1s  }
.visual .swiper_page .swiper-pagination-bullet-active			{ font-weight:900; opacity:1; }
.visual .swiper_page .swiper-pagination-bullet-active::before	{ opacity:.3; }
.visual .swiper_page .swiper-pagination-bullet.swiper-pagination-bullet-active::after	{ width:100%; }
@media all and (max-width:1768px) {
	.visual .text .slogan											{ font-size:1.68em;  }											
	.visual .text strong											{ font-size:5.24em; }
	.visual .text .date												{ font-size:2.93em; }
	.visual .text .place											{ font-size:1.28em; }
	.visual .text .btn												{ margin-top:3.75em; }
	.visual .swiper_page											{ width:94%!important; }
}
@media all and (max-width:1568px) {
	.visual .text .slogan											{ font-size:1.58em;  }											
	.visual .text strong											{ font-size:5em; }
	.visual .text .date												{ font-size:2.73em;}
	.visual .text .place											{ font-size:1.2em; margin-top:1.5em }
	.visual .text .btn												{ margin-top:3.25em; }
}
@media all and (max-width:1368px) {
	.visual .text .slogan											{ font-size:1.48em;  }											
	.visual .text strong											{ font-size:4.54em; }
	.visual .text .date												{ font-size:2.53em;}
	.visual .text .place											{ font-size:1.167em; margin-top:1.25em }
	.visual .text .btn												{ margin-top:3em; }
	.visual .swiper_page											{ bottom:30px !important; }
}
@media all and (max-width:1168px) {
	.visual .text .slogan											{ font-size:1.38em;  }											
	.visual .text strong											{ font-size:4em; }
	.visual .text .date												{ font-size:2.25em;}
	.visual .text .place											{ font-size:1.1em; margin-top:1em }
	.visual .text .btn												{ margin-top:2.5em; }
	.visual .swiper_page											{ bottom:25px !important; }
}
@media all and (max-width:668px) {
	.visual .text .slogan											{ font-size:1.25em;  }											
	.visual .text strong											{ font-size:3.5em; line-height:1.1 }
	.visual .text .date												{ font-size:2em; line-height:1.3}
	.visual .text .place											{ font-size:1em; margin-top:.75em; line-height:1.3}
	.visual .text .btn												{ margin-top:2em; padding:.74em 1.25em; }
	.visual .swiper_page											{ bottom:20px !important; gap:0 10px; }
}
@media all and (min-height:600px) {
	.visual .swiper_control .control								{ bottom:12%; }
}
@media all and (max-width:468px) {
	.visual .text .slogan											{ font-size:1.2em;  }											
	.visual .text strong											{ font-size:3em; }
	.visual .text .date												{ font-size:1.67em;}
	.visual .text .btn span											{ gap:0 20px; }
	.visual .text .btn:hover span,
	.visual .text .btn:focus span									{ gap:0 30px; }
	
}
/**********************************************************************

 								디데이 

**********************************************************************/
[data-main="dday"]												{ display:flex; flex-flow:column; align-items:center; }
[data-main="dday"] .text,
[data-main="dday"] .icon										{ display:flex; flex-wrap:wrap; justify-content:center }
[data-main="dday"] .text>li										{ display:flex; position:relative; align-items:flex-start; line-height:1}
[data-main="dday"] .text										{ line-height:1; }
[data-main="dday"] .text .txt									{ font-size:12.5em; font-family:var(--font-suite); font-weight:800; text-transform:uppercase; color:#505050; position:relative; z-index:2; }
[data-main="dday"] .text .symbol								{ vertical-align:top; font-size:6.25em; font-weight:500; line-height:1}
[data-main="dday"] .text [class^="img"]::after					{ content:''; }
[data-main="dday"] .text .img1									{ padding-right:6.25em; }
[data-main="dday"] .text .img2									{ padding-right:6.56em; margin-right:1.25em; }
[data-main="dday"] .text .img1::after							{ position:absolute; left:40px; bottom:20px; display:inline-block; width:186px; height:163px; background:url(/resource/www/images/main/img_dday01.png) no-repeat 50% 50% / contain; z-index:2 }
[data-main="dday"] .text .img2::after							{ position:absolute; right:0px; bottom:22px; display:inline-block; width:178px; height:163px; background:url(/resource/www/images/main/img_dday02.png) no-repeat 50% 50% / contain; z-index:1 }
[data-main="dday"] ul.icon										{ gap:0 6.88em; }
[data-main="dday"] ul.icon>li>a									{ display:flex; flex-flow:column; gap:10px; justify-content:center; align-items:center; }
[data-main="dday"] ul.icon strong								{ font-size:1.16em; font-weight:500; transition:var(--trans-ani); } 
[data-main="dday"] ul.icon>li>a:hover strong,
[data-main="dday"] ul.icon>li>a:focus strong					{ color:var(--color-point); }					
[data-main="dday"] ul.icon span.icon							{ position:relative; display:flex; width:130px; height:130px; background:var(--color-white); border-radius:100%; overflow:hidden }
[data-main="dday"] ul.icon span.icon::before					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
[data-main="dday"] ul.icon span.icon1::before					{ background-image:url(/resource/www/images/main/icon_quick01.png); }
[data-main="dday"] ul.icon span.icon2::before					{ background-image:url(/resource/www/images/main/icon_quick02.png); }
[data-main="dday"] ul.icon span.icon3::before					{ background-image:url(/resource/www/images/main/icon_quick03.png); }
[data-main="dday"] ul.icon span.icon4::before					{ background-image:url(/resource/www/images/main/icon_quick04.png); }
[data-main="dday"] ul.icon span.icon5::before					{ background-image:url(/resource/www/images/main/icon_quick05.png); }
[data-main="dday"] ul.icon span.icon6::before					{ background-image:url(/resource/www/images/main/icon_quick06.png); }
[data-main="dday"] ul.icon>li>a:hover span.icon::before,
[data-main="dday"] ul.icon>li>a:focus span.icon::before			{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-main="dday"] ul.icon>li>a[target='_blank']::after			{ display:none; }


@media all and (max-width:1468px) {
	[data-main="dday"] .text .txt									{ font-size:10.5em; }
	[data-main="dday"] .text .symbol								{ font-size:4.25em; }
	[data-main="dday"] .text .img1									{ padding-right:6.25em; }
	[data-main="dday"] .text .img2									{ padding-right:6.06em;  }
	[data-main="dday"] .text .img1::after							{ left:34px; bottom:20px; width:163px; height:143px; }
	[data-main="dday"] .text .img2::after							{ bottom:18px; width:156px; height:143px; }
	
	
	[data-main="dday"] ul.icon										{ gap:0 4.88em; }
	[data-main="dday"] ul.icon strong								{ font-size:1.13em; } 			
	[data-main="dday"] ul.icon span.icon							{ width:120px; height:120px; }
}
@media all and (max-width:1268px) {
	[data-main="dday"] ul.icon										{ gap:0 2.88em; }
	[data-main="dday"] ul.icon strong								{ font-size:1.067em; } 			
	[data-main="dday"] ul.icon span.icon							{ width:115px; height:115px; }
}
@media all and (max-width:1068px) {
	[data-main="dday"] .text .txt									{ font-size:8.5em; }
	[data-main="dday"] .text .symbol								{ font-size:4em; }
	[data-main="dday"] .text .img1									{ padding-right:6.25em; }
	[data-main="dday"] .text .img2									{ padding-right:5.4em;  }
	[data-main="dday"] .text .img1::after							{ left:27px; bottom:12px; width:134px; height:123px; }
	[data-main="dday"] .text .img2::after							{ bottom:13px; width:134px; height:123px; }
}
@media all and (max-width:1024px) {
	[data-main="dday"] .text .txt									{ font-size:7.5em; }
	[data-main="dday"] .text .symbol								{ font-size:3.8em; }
	[data-main="dday"] .text .img1									{ padding-right:5em; }
	[data-main="dday"] .text .img2									{ padding-right:4.75em;  }
	[data-main="dday"] .text .img1::after							{ left:20px; bottom:10px; width:108px; height:94px; }
	[data-main="dday"] .text .img2::after							{ bottom:10px; width:103px; height:94px; }
}
@media all and (max-width:968px) {
	[data-main="dday"] ul.icon										{ gap:1em; }		
	[data-main="dday"] ul.icon span.icon							{ width:105px; height:105px; }
}
@media all and (max-width:568px) {
	[data-main="dday"] .text .txt									{ font-size:6em; }
	[data-main="dday"] .text .symbol								{ font-size:3em; }
	[data-main="dday"] .text .img1									{ padding-right:3em; }
	[data-main="dday"] .text .img2									{ padding-right:2.9em; margin-right:.25em  }
	[data-main="dday"] .text .img1::after							{ left:17px; width:84px; height:74px; }
	[data-main="dday"] .text .img2::after							{ width:70px; height:64px; }
}
@media all and (max-width:368px) {
	[data-main="dday"] .text .txt									{ font-size:4.8em; }
	[data-main="dday"] .text .symbol								{ font-size:2.7em; }
	[data-main="dday"] .text .img1									{ padding-right:2.4em; }
	[data-main="dday"] .text .img2									{ padding-right:1.95em; margin-right:0  }
	[data-main="dday"] .text .img1::after							{ left:13px; width:67px; height:58px; }
	[data-main="dday"] .text .img2::after							{ width:52px; height:48px; }
	[data-main="dday"] ul.icon>li>a									{ gap:5px; }
	[data-main="dday"] ul.icon span.icon							{ width:75px; height:75px; }
	[data-main="dday"] ul.icon strong								{ font-size:1em; }
}
/**********************************************************************

 								커뮤니티 

**********************************************************************/
[data-main="community"]														{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; --sizeHig:480px; gap:2em; }
/* 게시판 */
[data-main="community"]	.bbs												{ width:calc(100% - 2em - 833px);  height:var(--sizeHig); align-items:stretch;}
[data-main="community"] .control_main_tab									{ position:relative; height:calc(var(--sizeHig) - 56px - 30px); }
[data-main="community"] .conts_tab											{ height:calc(100% - 40px - 20px); }
[data-main="community"] .bbs .swiper_control								{ position:absolute; right:0; top:-60px; }
[data-main="community"] .bbs .swiper										{ width:calc(100% + 20px); height:100%; margin-left:-10px; margin-right:-10px; }
[data-main="community"] .bbs .swiper-slide									{ width:50%; height:auto }
[data-main="community"] .bbs .swiper-slide>a								{ display:flex; flex-flow:column; margin:0 10px; padding:1.88em; height:100%; border-radius:15px; background:var(--color-light-gray);  }
[data-main="community"] .bbs:has(.none_data) .swiper						{ width:100%; margin-left:0; margin-right:0; }
[data-main="community"] .bbs .none_data										{ height:100%; }
[data-main="community"] .bbs .cate											{ font-size:.88em; font-weight:500; text-transform:uppercase; letter-spacing:.045em; opacity:.8; line-height:1 }
[data-main="community"] .bbs .cate1											{ color:var(--color-point); }					
[data-main="community"] .bbs .cate2											{ color:var(--color-red); }
[data-main="community"] .bbs .date											{ font-weight:300; opacity:.54; line-height:1; margin-top:.5em }
[data-main="community"] .bbs .swiper-slide>a dl								{ display:flex; flex-flow:column; gap:20px; margin-top:1em; }
[data-main="community"] .bbs .swiper-slide>a dl>dt							{ display:-webkit-box; font-size:1.38em; font-weight:bold; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
[data-main="community"] .bbs .swiper-slide>a dl>dd							{ display:-webkit-box;  font-weight:300; line-height:1.4; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; opacity:.8; }
[data-main="community"] .bbs .swiper-slide>a .icon_arr						{ margin-top:1.5em; }

[data-main="community"] .popup_wrap											{ display:flex; flex:auto; max-width:833px; gap:20px; flex-wrap:wrap;  justify-content:space-between;}

/* 유튜브+배너 */
[data-main="community"] .youtube											{ position:relative; display:flex; flex-flow:column; flex:auto; gap:20px; min-width:413px;}
[data-main="community"] .youtube_warp										{ position:relative; }
[data-main="community"] .youtube_warp .btn									{ position:absolute; width:40px; height:40px; background:url(/resource/www/images/main/icon_youtube.svg) no-repeat 50% 50% / contain; left:50%; top:50%; 
																				transform:translate(-50%,-50%); z-index:2}
[data-main="community"] .youtube_warp .btn:hover,
[data-main="community"] .youtube_warp .btn:focus							{ animation:iconShow1 0.7s ease-in-out 1 forwards; }
[data-main="community"] .youtube_warp .vedio								{ position:relative; width:100%; padding-top:56.25%; min-height:260px; border-radius:15px; height:0; overflow:hidden; } 
[data-main="community"] .youtube_warp .vedio img							{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1 }
[data-main="community"] .youtube .enjoy_btn									{ display:flex; width:100%; height:100%; padding:0 35px; flex-flow:column; border-radius:15px; 
																				background:#ffeee7 url(/resource/www/images/main/img_banner01.png) no-repeat 100% 50% / contain; justify-content:center  }
[data-main="community"] .youtube .enjoy_btn strong							{ font-size:1.38em; line-height:1; font-weight:700; }
[data-main="community"] .youtube .enjoy_btn .text							{ font-size:.88em; line-height:1.3; margin-top:.45em; opacity:.84 }
[data-main="community"] .youtube .enjoy_btn .icon_blank						{ display:flex; margin-top:1.45em; width:32px; height:32px; background:var(--color-orange); border-radius:100%; }
[data-main="community"] .youtube .enjoy_btn .icon_blank::before				{ background-image:url(/resource/www/images/common/icon_blank.svg); background-size:15px; }
[data-main="community"] .youtube .enjoy_btn[target='_blank']::after			{ display:none; }
[data-main="community"] .youtube .enjoy_btn:hover .icon_blank,
[data-main="community"] .youtube .enjoy_btn:focus .icon_blank				{ animation:iconShow 0.7s ease-in-out 1 forwards; }

/* 반응형용 숨은 버튼 */
[data-main="community"] .youtube .youtube_btn									{ display:none; width:100%; height:100%; padding:0 35px; flex-flow:column; border-radius:15px; 
																					background:#eefbd7 url(/resource/www/images/main/img_banner02.png) no-repeat 100% 50% / contain; justify-content:center  }
[data-main="community"] .youtube .youtube_btn strong							{ font-size:1.38em; line-height:1; font-weight:700; }
[data-main="community"] .youtube .youtube_btn .text								{ font-size:.88em; line-height:1.3; margin-top:.45em; opacity:.84 }
[data-main="community"] .youtube .youtube_btn .icon_blank						{ display:flex; margin-top:1.45em; width:32px; height:32px; background:var(--color-point); border-radius:100%; }
[data-main="community"] .youtube .youtube_btn .icon_blank::before				{ background-image:url(/resource/www/images/common/icon_blank.svg); background-size:15px; filter:invert(0)}
[data-main="community"] .youtube .youtube_btn[target='_blank']::after			{ display:none; }
[data-main="community"] .youtube .youtube_btn:hover .icon_blank,
[data-main="community"] .youtube .youtube_btn:focus .icon_blank					{ animation:iconShow 0.7s ease-in-out 1 forwards; }


/* 팝업존 */
[data-main="community"] .popupzone 											{ width:400px; height:var(--sizeHig); }
[data-main="community"] .popupzone .swiper									{ height:var(--sizeHig); }
[data-main="community"] .popupzone .swiper-slide							{ width:100%; padding:0 1px; height:100%; }
[data-main="community"] .popupzone .swiper-slide a							{ position:relative; display:block; height:100%; border-radius:15px; overflow:hidden;}
[data-main="community"] .popupzone .swiper-slide .img						{ position:relative; display:block; width:100%; height:0; padding-top:120%; overflow:hidden; border-radius:15px; }
[data-main="community"] .popupzone .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 }
[data-main="community"] .popupzone .swiper-slide .img:not(img)				{ background:url(/resource/www/images/common/img_none.svg) no-repeat 50% 50% / 20% #f5f5f5 }
[data-main="community"] .popupzone .swiper-slide span[data-alt]				{ opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid #fff; 
																				outline:1px solid var(--color-point); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);}
[data-main="community"] .popupzone .swiper-slide a:focus span[data-alt]		{ opacity:1;}
[data-main="community"] .popupzone .swiper-slide a[target='_blank']::after	{ display:none; }
@media all and (max-width:1568px) {
	[data-main="community"]													{ --sizeHig:440px; gap:2em }
	[data-main="community"] .bbs											{ max-width:inherit; }
	[data-main="community"] .bbs .swiper-slide>a dl>dt,
	[data-main="community"] .youtube .enjoy_btn strong,
	[data-main="community"] .youtube .youtube_btn strong					{ font-size:1.28em; }
	[data-main="community"] .bbs .cate										{ font-size:.8em; }
	[data-main="community"] .youtube .enjoy_btn .text,
	[data-main="community"] .youtube .youtube_btn .text						{ font-size:.85em; }
	[data-main="community"] .bbs .date,
	[data-main="community"] .bbs .swiper-slide>a dl>dd						{ font-size:.95em; }
	[data-main="community"] .bbs .swiper-slide								{ width:100%; }
	[data-main="community"] .youtube										{ flex:0 1 calc(100% - 367px - 20px); min-width:inherit; }
	[data-main="community"] .popupzone										{ width:367px; }
	[data-main="community"] .youtube_warp .vedio							{ min-height:230px; }
	[data-main="community"] .youtube .enjoy_btn,
	[data-main="community"] .youtube .youtube_btn							{ padding:0 30px }
}
@media all and (max-width:1468px) {
	[data-main="community"]													{ --sizeHig:auto; gap:4em }
	[data-main="community"] .bbs											{ width:100%; }
	[data-main="community"] .control_main_tab								{ height:auto; }
	[data-main="community"] .bbs .swiper-slide								{ width:25%; }
	
	[data-main="community"] .popup_wrap										{ flex:100%; max-width:inherit; gap:2em 20px; }
	[data-main="community"] .youtube										{ flex:100%; flex-flow:row; gap:20px }
	[data-main="community"] .youtube_warp									{ display:none; flex:auto; }
	[data-main="community"] .youtube .enjoy_btn								{ width:calc(50% - 10px); flex:auto;  height:auto; padding:30px }
	[data-main="community"] .youtube .youtube_btn							{ width:calc(50% - 10px); display:flex; flex:auto;  height:auto; padding:30px }
	[data-main="community"] .popupzone										{ width:100%; }
	[data-main="community"] .popupzone .swiper								{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; height:auto; }
	[data-main="community"] .popupzone .swiper-slide						{ width:33.333%; }
	[data-main="community"] .popupzone .swiper-slide>a						{ margin:0 10px; }
	[data-main="community"] .popupzone:has(.none_data) .swiper				{ width:100%; margin-left:0; margin-right:0; height:100%}
	[data-main="community"] .popupzone .none_data							{ min-height:12em; }
	[data-main="community"] .swiper_control.between							{ max-width:100%; margin-top:10px; }
}
@media all and (max-width:1268px) {
	[data-main="community"] .bbs .swiper-slide								{ width:33.333%; }
	
	[data-main="community"] .popup_wrap										{ flex:100%; max-width:inherit; }
	[data-main="community"] .youtube										{ flex:100%; flex-flow:row; gap:20px; flex-wrap:wrap; }
	[data-main="community"] .youtube_warp									{ display:none; flex:auto; }
	[data-main="community"] .youtube .enjoy_btn								{ width:calc(50% - 10px); flex:auto;  height:auto; padding:30px }
	[data-main="community"] .youtube .youtube_btn							{ width:calc(50% - 10px); display:flex; flex:auto;  height:auto; padding:30px }
	[data-main="community"] .popupzone										{ width:100%; }
	[data-main="community"] .popupzone .swiper								{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; height:auto; }
	[data-main="community"] .popupzone .swiper-slide						{ width:33.333%; }
	[data-main="community"] .popupzone .swiper-slide>a						{ margin:0 10px; }
	[data-main="community"] .popupzone:has(.none_data) .swiper				{ width:100%; margin-left:0; margin-right:0; height:100%}
	[data-main="community"] .popupzone .none_data							{ min-height:12em; }
}
@media all and (max-width:1024px) {
	[data-main="community"] .bbs .swiper_control							{ top:-50px; }
}
@media all and (max-width:868px) {
	[data-main="community"]													{ gap:2em }
}
@media all and (max-width:768px) {
	[data-main="community"] .bbs .swiper-slide								{ width:50%; }
	[data-main="community"] .bbs .swiper-slide>a							{ padding:1.5em; }
	[data-main="community"] .popupzone .swiper-slide						{ width:50%; }
	[data-main="community"] .youtube .enjoy_btn,							
	[data-main="community"] .youtube .youtube_btn							{ width:100%; flex:100%; padding:2em; }
	[data-main="community"] .youtube .enjoy_btn .text br,
	[data-main="community"] .youtube .youtube_btn .text br					{ display:none;}
}
@media all and (max-width:668px) {
	[data-main="community"] .bbs .swiper_control							{ top:-45px; }
	
}
@media all and (max-width:468px) {
	[data-main="community"] .bbs .swiper-slide>a dl>dt, 
	[data-main="community"] .youtube .enjoy_btn strong,
	[data-main="community"] .youtube .youtube_btn strong					{ font-size:1.25em }
	[data-main="community"] .bbs .swiper-slide								{ width:100%; }
	[data-main="community"] .popupzone .swiper-slide						{ width:100%; }
	[data-main="community"] .youtube .enjoy_btn, 
	[data-main="community"] .youtube .youtube_btn							{ padding:2em 1.5em; }
	[data-main="community"] .youtube .enjoy_btn .text br,
	[data-main="community"] .youtube .youtube_btn .text br					{ display:block;}
	[data-main="community"] .bbs .swiper_control							{ position:initial; margin-top:10px; }
}
/**********************************************************************

 								축제정보 

**********************************************************************/
[data-main="festival"]														{ display:none; }
[data-main="festival"] .festival .control_main_tab							{ position:relative; margin-top:-40px; }
[data-main="festival"] .festival .tab_menu									{ justify-content:end; margin-right:15.31em }
[data-main="festival"] .festival .swiper									{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
[data-main="festival"] .festival:has(.none_data) .swiper					{ width:100%; margin-left:0; margin-right:0; }
[data-main="festival"] .festival .swiper-wrapper							{ align-items:stretch; }
[data-main="festival"] .festival .swiper-slide								{ width:25%; height:auto;  }
[data-main="festival"] .festival .swiper-slide>a							{ display:flex; flex-flow:column; margin:0 10px; height:100%; border-radius:15px; background:var(--color-light-gray); overflow:hidden; }
[data-main="festival"] .festival .swiper-slide .img							{ position:relative; display:block; width:100%; height:0; padding-top:60.73%; overflow:hidden; }
[data-main="festival"] .festival .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 }
[data-main="festival"] .festival .swiper-slide .img:not(img)				{ background:url(/resource/www/images/common/img_none.svg) no-repeat 50% 50% / 20% #f5f5f5 }
[data-main="festival"] .festival .swiper-slide .cont						{ display:flex; flex-flow:column; padding:1.88em; }
[data-main="festival"] .festival .swiper-slide .cont dl						{ display:flex; flex-flow:column; }
[data-main="festival"] .festival .swiper-slide .cont dl>dt					{ display:-webkit-box; font-size:1.25em; font-weight:bold; line-height:1.2; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden }
[data-main="festival"] .festival .swiper-slide .cont dl>dd					{ font-size:1em; font-weight:600; opacity:.64; margin-top:.25em }
[data-main="festival"] .festival .swiper-slide .cont .time					{ font-size:1.88em; font-weight:bold; margin-top:.5em }
[data-main="festival"] .festival .swiper_control							{ position:absolute; right:0; top:-70px; }
[data-main="festival"] .festival .swiper-slide>a .icon_arr					{ margin-top:1.5em; }
@media all and (max-width:1568px) {
	[data-main="festival"] .festival .control_main_tab						{ position:relative; margin-top:-35px; }
	[data-main="festival"] .festival .swiper-slide .cont dl>dt				{ font-size:1.2em; }
	[data-main="festival"] .festival .swiper-slide .cont dl>dd				{ font-size:.95em; }
	[data-main="festival"] .festival .swiper-slide .cont .time				{ font-size:1.58em; }
}
@media all and (max-width:1268px) {
	[data-main="festival"] .festival .control_main_tab						{ margin-top:30px; }
	[data-main="festival"] .festival .tab_menu								{ justify-content:flex-start; margin-right:0; }
	[data-main="festival"] .festival .swiper-slide .cont dl>dt				{ font-size:1.167em; }
	[data-main="festival"] .festival .swiper-slide .cont .time				{ font-size:1.4em; }
	[data-main="festival"] .festival .swiper-slide							{ width:33.333%; }
}
@media all and (max-width:1024px) {
	[data-main="festival"] .festival .swiper_control						{ top:-60px; }
}
@media all and (max-width:768px) {
	[data-main="festival"] .festival .swiper-slide .cont					{ padding:1.5em; }
	[data-main="festival"] .festival .swiper-slide							{ width:50%; }
}
@media all and (max-width:668px) {
	[data-main="festival"] .festival .swiper_control						{ top:-55px; }
	[data-main="festival"] .festival .swiper_control						{ position:initial; margin-top:10px; }
}
@media all and (max-width:468px) {
	[data-main="festival"] .festival .swiper-slide							{ width:100%; }
	
}
/**********************************************************************

 								축제갤러리 

**********************************************************************/
[data-main="gallery"] .con_inner											{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; --sizeHig:543px; }
[data-main="gallery"] .gallery												{ position:relative;  width:calc(100% - 2em - 400px); max-width:1269px; height:var(--sizeHig) }
[data-main="gallery"] .swiper-slide											{ width:33.333%; height:auto   }
[data-main="gallery"] .gallery .swiper										{ width:calc(100% + 20px); height:calc(var(--sizeHig) - 56px - 30px); margin-left:-10px; margin-right:-10px; }
[data-main="gallery"] .gallery:has(.none_data) .swiper						{ width:100%; margin-left:0; margin-right:0; }
[data-main="gallery"] .gallery .swiper-wrapper								{ align-items:stretch; }
[data-main="gallery"] .gallery .swiper-slide>a								{ display:flex; flex-flow:column; margin:0 10px; height:100%; border-radius:15px; background:var(--color-white); overflow:hidden; }
[data-main="gallery"] .gallery .swiper-slide .img							{ position:relative; display:block; width:100%; height:0; padding-top:68.29%; overflow:hidden; }
[data-main="gallery"] .gallery .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 }
[data-main="gallery"] .gallery .swiper-slide .img:not(img)					{ background:url(/resource/www/images/common/img_none.svg) no-repeat 50% 50% / 20% #f5f5f5 }
[data-main="gallery"] .gallery .swiper-slide .cont							{ display:flex; flex-flow:column; padding:1.88em; }
[data-main="gallery"] .gallery .swiper-slide .cont dl						{ display:flex; flex-flow:column; }
[data-main="gallery"] .gallery .swiper-slide .cont dl>dt					{ display:-webkit-box; font-size:1.25em; font-weight:bold; line-height:1.2; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden }
[data-main="gallery"] .gallery .swiper-slide .cont dl>dd					{ font-size:.94em; font-weight:300; opacity:.74; margin-top:1.75em; line-height:1 }
[data-main="gallery"] .gallery .swiper_control								{ position:absolute; right:0; top:20px; background:var(--color-white) }
[data-main="gallery"] .gallery .icon_view									{ background:var(--color-light-gray); }
[data-main="gallery"] .gallery .swiper-slide>a .icon_arr					{ margin-top:.8em; }



/* 아카이브 */
[data-main="gallery"] .archive 												{ width:400px; height:100%; }
[data-main="gallery"] .archive .swiper										{ height:var(--sizeHig); }
[data-main="gallery"] .archive .swiper-slide								{ width:100%; padding:0 1px; height:100%; }
[data-main="gallery"] .archive .swiper-slide a								{ position:relative; display:block; height:100%; border-radius:15px; overflow:hidden;}
[data-main="gallery"] .archive .swiper-slide .img							{ position:relative; display:block; width:100%; height:100%; overflow:hidden; border-radius:15px; }
[data-main="gallery"] .archive .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 }
[data-main="gallery"] .archive .swiper-slide .img:not(img)					{ background:url(/resource/www/images/common/img_none.svg) no-repeat 50% 50% / 20% #f5f5f5 }
[data-main="gallery"] .archive .swiper-slide span[data-alt]					{ opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:95%; height:95%; border:2px solid #fff; 
																				outline:1px solid var(--color-point); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);}
[data-main="gallery"] .archive .swiper-slide a:focus span[data-alt]			{ opacity:1;}


@media all and (max-width:1568px) {
	[data-main="gallery"] .con_inner										{ --sizeHig:498px; }
	[data-main="gallery"] .gallery											{ width:calc(100% - 2em - 367px); }	
	[data-main="gallery"] .gallery .swiper-slide .cont dl>dt				{ font-size:1.2em; }
	[data-main="gallery"] .archive											{ width:367px; }
}
@media all and (max-width:1368px) {
	[data-main="gallery"] .con_inner										{ --sizeHig:457px; }
	[data-main="gallery"] .gallery											{ width:calc(100% - 2em - 337px); }	
	[data-main="gallery"] .archive											{ width:337px; }
}
@media all and (max-width:1268px) {
	[data-main="gallery"] .con_inner										{ --sizeHig:auto; gap:3em }
	[data-main="gallery"] .gallery											{ width:100%; }	
	[data-main="gallery"] .gallery .swiper-slide .cont dl>dt				{ font-size:1.167em; }
	[data-main="gallery"] .gallery .swiper-slide .cont dl>dd				{ font-size:.9em; }
	[data-main="gallery"] .gallery .swiper-slide							{ width:25%; }
	[data-main="gallery"] .gallery .swiper-slide .cont						{ padding:1.5em; }
	
	[data-main="gallery"] .archive											{ width:100%; position:relative; padding-top:60px; }
	[data-main="gallery"] .archive .swiper									{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
	[data-main="gallery"] .archive .swiper-slide							{ width:25%; }
	[data-main="gallery"] .archive .swiper-slide>a							{ margin:0 10px; }
	[data-main="gallery"] .archive .swiper-slide .img						{ height:0; padding-top:135.75%; }
	[data-main="gallery"] .archive:has(.none_data) .swiper					{ width:100%; margin-left:0; margin-right:0; height:100%}
	[data-main="gallery"] .archive .none_data								{ min-height:12em; }
	[data-main="gallery"] .swiper_control.between							{ margin:0; position:absolute; width:100%; max-width:inherit; left:50%; top:0px;transform:translateX(-50%); }
}
@media all and (max-width:1168px) {
	[data-main="gallery"] .gallery .swiper-slide,
	[data-main="gallery"] .archive .swiper-slide							{ width:33.333%; }
}
@media all and (max-width:1024px) {
	[data-main="festival"] .festival .swiper_control						{ top:-60px; }
}
@media all and (max-width:768px) {
	[data-main="gallery"] .gallery .swiper-slide,
	[data-main="gallery"] .archive .swiper-slide							{ width:50%; }
	[data-main="gallery"] .gallery .swiper_control							{ position:initial; margin-top:10px; }
	[data-main="gallery"] .archive											{ padding-top:0; }
	[data-main="gallery"] .swiper_control.between							{ margin:10px 0 0 0; position:initial; transform:inherit;}
	
}	
@media all and (max-width:468px) {
	[data-main="gallery"] .gallery .swiper-slide,
	[data-main="gallery"] .archive .swiper-slide							{ width:100%; }
	
}

@media all and (max-width:468px) {
	[data-main="community"] .bbs .swiper,
	[data-main="community"] .popupzone .swiper,
	[data-main="festival"] .festival .swiper,
	[data-main="gallery"] .gallery .swiper,
	[data-main="gallery"] .archive .swiper									{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	[data-main="community"] .bbs .swiper-slide>a,
	[data-main="community"] .popupzone .swiper-slide>a,
	[data-main="festival"] .festival .swiper-slide>a,
	[data-main="gallery"] .gallery .swiper-slide>a,
	[data-main="gallery"] .archive .swiper-slide>a							{ margin:0 5px; }
	
}