@charset "utf-8";
/* CSS Document */			
/**********************************************************************

 								파킹페이지 

**********************************************************************/
.parking								{ display:flex; flex-flow:column; gap:2em; justify-content:center; align-items:center; text-align:center }
.parking .img							{ position:relative; z-index:2; }
.parking dl								{ display:flex; flex-flow:column;  width:100%; padding:8em 1em; margin-top:-4em; background:#f2f2f2; border-radius:15px; }
.parking dl>dt							{ font-size:clamp(3em, 2vw + 2em, 6em); color:var(--color-point); font-family:var(--font-one); font-weight:bold; margin-bottom:.5em; line-height:1.3 }
.parking dl>dd							{ font-size:clamp(1.2em, 1vw + 1em, 1.5em); font-weight:500; line-height:1.3 }
			
/**********************************************************************

 								인사말 

**********************************************************************/
[data-subarea="greeting"]								{ position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; gap:5em }
[data-subarea="greeting"] .left							{ flex:auto; max-width:500px; line-height:1.2; }
[data-subarea="greeting"] .character					{ position:absolute; left:0; bottom:0;  display:flex; align-items:flex-end }
[data-subarea="greeting"] .character>li					{ display:flex; flex-flow:column; }
[data-subarea="greeting"] .character>li strong{}
[data-subarea="greeting"] .right						{ width:calc(100% - 5em - 500px);  }
@media all and (max-width:1568px) {
	[data-subarea="greeting"]							{ gap:3em }
	[data-subarea="greeting"] .right					{ width:calc(100% - 3em - 500px);  }
}
@media all and (max-width:1168px) {
	[data-subarea="greeting"] .left						{ max-width:inherit; flex:100%; }
	[data-subarea="greeting"] .left	.type35 br			{ display:none; }
	[data-subarea="greeting"] .right					{ width:100%;  }
	[data-subarea="greeting"] .character				{ position:initial; }
}



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

 								행사개요 

**********************************************************************/			
[data-subarea="overview"] 									{ display:flex; flex-wrap:wrap; gap:3em; overflow:hidden }
[data-subarea="overview"] .poster							{ display:flex; flex-wrap:wrap; order:3; color:var(--color-gray); gap:0 5em; justify-content:space-between;align-items:flex-start }
[data-subarea="overview"] .poster>li:nth-child(1)			{ flex:auto; display:flex; flex-flow:column; width:calc(100% - 600px - 5em); --sizeMarginL:80px; }
[data-subarea="overview"] .poster>li:nth-child(1) p			{ margin-left:var(--sizeMarginL); color:var(--color-base); }
[data-subarea="overview"] .poster>li:nth-child(2)			{ flex:auto; max-width:600px; }
[data-subarea="overview"] .poster strong					{ flex:auto; display:flex; flex-flow:column; line-height:1.1; margin-top:3em;  }
[data-subarea="overview"] .poster em						{ color:var(--color-base); font-size:5.5em; font-weight:bold; margin-left:var(--sizeMarginL) }
[data-subarea="overview"] .poster .eng						{ font-size:2.6em; font-weight:100; margin-left:var(--sizeMarginL); margin-top:.2em; color:var(--color-base); }
[data-subarea="overview"] .poster .txt						{ font-size:1.4em; line-height:1.6; color:var(--color-base); font-weight:100}																
[data-subarea="overview"] .poster .img						{ overflow:hidden; border:1px solid rgba(0,0,0,.1); border-radius:15px; text-align:center  }
[data-subarea="overview"] .overview_list					{ display:flex; flex-wrap:wrap; order:1; counter-reset:title; gap:2em }
[data-subarea="overview"] .overview_list>li					{ width:calc((100% - 6em) / 4); background:var(--color-light-gray); border-radius:15px; padding:3em;  }
[data-subarea="overview"] .overview_list>li dl				{ position:relative; display:flex; flex-flow:column; }
[data-subarea="overview"] .overview_list>li dl>dt			{ font-size:2.5em; font-weight:bold;  }
[data-subarea="overview"] .overview_list>li dl>dt:before	{ counter-increment:title; content:counter(title, decimal-leading-zero) " "; display:flex; justify-content:center; align-items:center; 
																position:absolute; left:-.3em; top:-.3em; font-size:1.8em; font-weight:bold; line-height:1; opacity:.05 }
[data-subarea="overview"] .overview_list>li dl>dd			{ position:relative; display:flex; flex-flow:column; gap:7px; padding-top:1.5em; margin-top:1.5em; font-size:1.167em; line-height:1.6; color:var(--color-base2) }
[data-subarea="overview"] .overview_list>li dl>dd::before	{ position:absolute; width:20px; height:2px; background:var(--color-orange); content:''; top:0; left:0; }
[data-subarea="overview"] .overview_list>li .period			{ display:flex; width:max-content; padding:.25em .75em; background:var(--color-orange); border-radius:1em; font-size:.85em; color:var(--color-white) }
[data-subarea="overview"] .rolling_text						{ order:2; }
@media all and (max-width:1768px) {
	[data-subarea="overview"] .overview_list>li dl>dt		{ font-size:2.3em; }
	[data-subarea="overview"] .overview_list>li dl>dd		{ font-size:1.1em; }
	[data-subarea="overview"] .poster em					{ font-size:5em; }
	[data-subarea="overview"] .poster .eng					{ font-size:2.4em; }
	[data-subarea="overview"] .poster .txt					{ font-size:1.3em; }
}
@media all and (max-width:1668px) {
	[data-subarea="overview"] .overview_list>li				{ padding:2.5em; }
	[data-subarea="overview"] .overview_list>li dl>dt		{ font-size:2em; }
	[data-subarea="overview"] .overview_list>li dl>dd		{ font-size:1.067em; }
	[data-subarea] .rollig_text .rolling_text_text			{ font-size:8.38em; }
	[data-subarea="overview"] .poster em					{ font-size:4.5em; }
	[data-subarea="overview"] .poster .eng					{ font-size:2.2em; }
	[data-subarea="overview"] .poster .txt					{ font-size:1.2em; }
}
@media all and (max-width:1468px) {
	[data-subarea="overview"] .overview_list>li				{ padding:2em; }
	[data-subarea="overview"] .overview_list>li dl>dt		{ font-size:1.8em; }
	[data-subarea="overview"] .overview_list>li dl>dd		{ font-size:1.03em; }
	[data-subarea="overview"] .poster>li:nth-child(1)		{ --sizeMarginL:50px; }
	[data-subarea="overview"] .poster em					{ font-size:4.3em; }
	[data-subarea="overview"] .poster .eng					{ font-size:2.1em; }
	[data-subarea="overview"] .poster .txt					{ font-size:1.167em; }
}
@media all and (max-width:1368px) {
	[data-subarea="overview"] .overview_list				{ gap:1em; }
	[data-subarea="overview"] .overview_list>li				{ width:calc((100% - 1em) / 2) }
	[data-subarea] .rollig_text .rolling_text_text			{ font-size:7.38em; }
	[data-subarea="overview"] .poster						{ gap: 0 3em; }
	[data-subarea="overview"] .poster>li:nth-child(1)		{ --sizeMarginL:0px; width:calc(100% - 500px - 3em); }
	[data-subarea="overview"] .poster strong				{ margin-top:0; }
	[data-subarea="overview"] .poster>li:nth-child(2)		{ max-width:500px; }
	[data-subarea="overview"] .poster em					{ font-size:4em; }
	[data-subarea="overview"] .poster .eng					{ font-size:2em; }
	[data-subarea="overview"] .poster .txt					{ font-size:1.1em; }
}
@media all and (max-width:1168px) {
	[data-subarea="overview"] .poster em					{ font-size:3.5em; }
	[data-subarea="overview"] .poster .eng					{ font-size:1.67em; }
	[data-subarea="overview"] .poster .txt					{ font-size:1.067em; }
}
@media all and (max-width:1068px) {
	[data-subarea] .rollig_text .rolling_text_text			{ font-size:6.38em; }
	[data-subarea="overview"] .poster>li:nth-child(1)		{ width:calc(100% - 400px - 3em); }
	[data-subarea="overview"] .poster>li:nth-child(2)		{ max-width:400px; }
}
@media all and (max-width:868px) {
	[data-subarea] .rollig_text .rolling_text_text			{ font-size:5.38em; }
	[data-subarea="overview"] .poster>li:nth-child(1),		
	[data-subarea="overview"] .poster>li:nth-child(2)		{ flex:100%; width:inherit; max-width:inherit }
	[data-subarea="overview"] .poster>li:nth-child(2)		{ margin-top:3em; }
}
@media all and (max-width:568px) {
	[data-subarea="overview"] .overview_list>li				{ width:100% }
	[data-subarea="overview"] .poster em					{ font-size:3em; }
}


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

 								행사장안내 

**********************************************************************/	
[data-subarea="map"]											{ display:flex; flex-wrap:wrap; gap:5em; align-items: flex-start;}
[data-subarea="map"] .img										{ flex:auto; max-width:700px; background:var(--color-light-gray); border-radius:15px; padding:0; min-height:30em}
[data-subarea="map"] .map_list									{ width:calc(100% - 5em - 700px); display:flex; flex-flow:column; }
[data-subarea="map"] .map_list>li								{ position:relative; display:flex; flex-flow:column; gap:2em; align-items:flex-start }
[data-subarea="map"] .map_list>li .map_btn						{ display:flex; position:relative; width:100%; font-size:2em; height:100px; line-height:1; align-items:center; font-weight:bold; justify-content:space-between; 
																	border-bottom:1px solid var(--color-light-gray); padding-left:60px; }
[data-subarea="map"] .map_list>li .map_btn::after				{ position:absolute; left:0; top:0; width:50px; height:100%; content:''; background:url(/resource/www/images/contents/icon_map.svg) no-repeat 50% 50% / contain; }																	
[data-subarea="map"] .map_list>li .map_btn::before				{ position:absolute; width:0; height:1px; left:0; bottom:0; content:''; background:var(--color-base); transition:0.5s ease 0s; z-index:1}
[data-subarea="map"] .map_list>li .map_btn span					{ display:flex; align-items:center; font-size:.95rem; gap:3px; font-weight:300; color:var(--color-base2) }
[data-subarea="map"] .map_list>li .map_btn .icon_next			{ display:flex; width:35px; height:35px; border-radius:100%; background:var(--color-light-gray); transition:var(--trans-ani); }
[data-subarea="map"] .map_list>li .map_btn .icon_next::before	{ position:absolute; width:100%; height:100%; content:''; left:0; top:0; filter:brightness(.1); transform:rotate(180deg); transition:var(--trans-ani);
																	background:url(/resource/www/images/common/icon_top.svg) no-repeat 50% 50% / auto 12px; }
[data-subarea="map"] .map_list>li.active .map_btn::before		{ width:100%; }
[data-subarea="map"] .map_list>li.active .icon_next				{ background:var(--color-point); }															
[data-subarea="map"] .map_list>li.active .icon_next::before		{ filter:inherit; transform:rotate(0deg); }
[data-subarea="map"] .map_list>li .map_num						{ display:flex; flex-wrap:wrap; gap:10px 30px; }
[data-subarea="map"] .map_list>li .map_num>li					{ display:flex; align-items:center; gap:0 10px; line-height:1; font-size:1.067em; }
[data-subarea="map"] .map_list>li .map_num>li .color			{ display:inline-block; border-radius:100%; width:8px; height:8px; margin-top:-1.5px; }
[data-subarea="map"] .map_list>li .map_num>li .color1			{ background:var(--color-orange); }
[data-subarea="map"] .map_list>li .map_num>li .color2			{ background:var(--color-red); }
[data-subarea="map"] .map_list>li .map_num>li .color3			{ background:var(--color-point); }
[data-subarea="map"] .map_list>li .map_num>li .color4			{ background:#eb289b; }
[data-subarea="map"] .map_list>li .map_num>li .color5			{ background:#c428eb; }
[data-subarea="map"] .map_list>li .map_num>li .color6			{ background:#2851eb; }
[data-subarea="map"] .map_list>li .map_num>li .color7			{ background:#0da5ba; }
[data-subarea="map"] .map_list>li .map_num>li .color8			{ background:#ffae00; }
[data-subarea="map"] .map_list>li .map_num>li .color9			{ background:#e65d4b; }
[data-subarea="map"] .map_list>li .map_num>li .color10			{ background:#7a4be6; }
[data-subarea="map"] .map_list>li .map_num>li .color11			{ background:#4be6b1; }
[data-subarea="map"] .map_list>li>div							{ display:none; width:100%; background:var(--color-light-gray); border-radius:15px; padding:3em; }
@media all and (max-width:1768px) {
	[data-subarea="map"] .map_list>li .map_btn					{ font-size:1.8em; }
}
@media all and (max-width:1568px) {
	[data-subarea="map"] .map_list>li .map_btn					{ font-size:1.6em; }
}
@media all and (max-width:1368px) {
	[data-subarea="map"]										{ gap:3em; }
	[data-subarea="map"] .map_list>li .map_btn					{ font-size:1.4em; height:90px; }
	[data-subarea="map"] .map_list								{ width:calc(100% - 3em - 700px); }
	[data-subarea="map"] .map_list>li>div						{ padding:2em; }
	[data-subarea="map"] .map_list>li .map_num					{ gap:7px 20px; }
	[data-subarea="map"] .map_list>li .map_num>li				{ font-size:1.03em; gap:0 5px; }
	[data-subarea="map"] .map_list>li .map_num>li .color		{ width:6px; height:6px; margin-top:-1px; }
}
@media all and (max-width:1268px) {
	[data-subarea="map"] .img,
	[data-subarea="map"] .map_list								{ flex:100%; width:inherit; max-width:inherit }		
	[data-subarea="map"] .map_list>li .map_btn					{ height:80px; }							

}
@media all and (max-width:868px) {
	[data-subarea="map"],
	[data-subarea="map"] .map_list>li							{ gap:1em; }
	[data-subarea="map"] .map_list>li .map_btn					{ height:70px; }
	[data-subarea="map"] .map_list>li>div						{ padding:1.5em; }							

}
@media all and (max-width:468px) {
	[data-subarea="map"] .map_list>li .map_btn					{ font-size:1.3em; height:60px; padding-left:50px; }	
	[data-subarea="map"] .map_list>li .map_btn .icon_next		{ width:30px; height:30px; }					
	[data-subarea="map"] .map_list>li .map_btn::after			{ width:40px; }
}
/**********************************************************************

 								찾아오시는 길 

**********************************************************************/	
[data-subarea="loc"]														{ display:flex; flex-wrap:wrap; gap:4em; }
[data-subarea="loc"] .loc_text												{ flex:100%; display:flex; flex-wrap:wrap; color:var(--color-gray); justify-content:space-between; align-items:end; }
[data-subarea="loc"] .loc_text>ul											{ display:flex;  flex-wrap:wrap; color:var(--color-base); gap:0 5em; margin-bottom:1em }
[data-subarea="loc"] .loc_text>ul>li dl										{ display:flex; flex-flow:column; gap:1em; font-size:1.3rem; line-height:1 }
[data-subarea="loc"] .loc_text>ul>li dl>dt									{ font-weight:bold; } 
[data-subarea="loc"] .loc_text>ul>li dl>dd									{ font-weight:300; height:45px; display:flex;  flex-wrap:wrap; gap:0 .5em; align-items:center; }
[data-subarea="loc"] .loc_text>ul>li dl>dd [data-sns]						{ position:relative; overflow:hidden; display:block; text-indent:100%; font-size:0; white-space:nowrap;}
[data-subarea="loc"] .loc_text>ul>li dl>dd [data-sns]:before				{ width:45px; height:45px; content:''; display:block; border-radius:100%; }
[data-subarea="loc"] .loc_text>ul>li dl>dd [data-sns="blog"]:before			{ background:var(--color-light-gray) url(/resource/www/images/common/icon_blog.svg) no-repeat 50% 50% / 20px auto; }
[data-subarea="loc"] .loc_text>ul>li dl>dd [data-sns="youtube"]:before		{ background:var(--color-light-gray) url(/resource/www/images/common/icon_youtube.svg) no-repeat 50% 50% / 20px auto;  }
[data-subarea="loc"] .loc_text>ul>li dl>dd a[target='_blank']::after		{ display:none; }
[data-subarea="loc"] .loc_text>ul>li dl>dd [data-sns]:hover,
[data-subarea="loc"] .loc_text>ul>li dl>dd a:focus [data-sns]				{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-subarea="loc"] .loc_box												{ order:2; position:relative; width:100%; height:550px; border-radius:15px; overflow:hidden; border:1px solid rgba(0,0,0,.1) }
[data-subarea="loc"] .loc_box .root_daum_roughmap							{ width:100%;  }
[data-subarea="loc"] .loc_box .root_daum_roughmap .border1,
[data-subarea="loc"] .loc_box .root_daum_roughmap .border2,
[data-subarea="loc"] .loc_box .root_daum_roughmap .border3,
[data-subarea="loc"] .loc_box .root_daum_roughmap .border4					{ display:none !important; }			
[data-subarea="loc"] .loc_box .roughmap_maker_label .roughmap_lebel_text	{ font-size:15px!important; line-height:100%!important; font-family:var(--font-pretendard) !important; padding:7px !important}
[data-subarea="loc"] .roughmap_maker_label a[target='_blank']::after		{ display:none!important; }
@media all and (max-width:1768px) {
	[data-subarea="loc"]													{ gap:3em; }
	[data-subarea="loc"] .loc_text>ul										{ margin-bottom:0; }
}
@media all and (max-width:1368px) {
	[data-subarea="loc"] .loc_text>ul										{ gap:1em 3em; }
	[data-subarea="loc"] .loc_text>ul>li dl									{ font-size:1.2rem; gap:.5em; }
}
@media all and (max-width:1068px) {
	[data-subarea="loc"]													{ gap:2em; }
	[data-subarea="loc"] .loc_text>ul										{ width:100%; margin-top:2em; }
	[data-subarea="loc"] .loc_box											{ height:450px; }
	[data-subarea="loc"] .loc_box .root_daum_roughmap						{ position:absolute; transform:translate(-50%,-50%);  left:50%; top:50%;  }
}
@media all and (max-width:768px) {
	[data-subarea="loc"] .loc_box											{ height:400px; }
}
@media all and (max-width:568px) {
	[data-subarea="loc"] .loc_text>ul										{ gap:2em 0; }
	[data-subarea="loc"] .loc_text>ul>li									{ width:100%;  }
	[data-subarea="loc"] .loc_text>ul>li dl									{ font-size:1.067rem; gap:.5em; }
	[data-subarea="loc"] .loc_text>ul>li dl>dd								{ height:inherit; }
	[data-subarea="loc"] .loc_box											{ height:300px; }
}
@media all and (max-width:368px) {
	[data-subarea="loc"] .loc_box											{ height:250px; }
}

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

 							셔틀버스 안내

**********************************************************************/	
[data-subarea="parking"] .conts_tab												{ flex-wrap:wrap; gap:5em; color:var(--color-gray); align-items:end; }
[data-subarea="parking"] .sub_title												{ width:400px; }
[data-subarea="parking"] .parking_text											{ width:calc(100% - 400px - 5em); color:var(--color-base);}
[data-subarea="parking"] .parking_text>li										{ display:flex;  flex-wrap:wrap; color:var(--color-base); gap:0 5em; }
[data-subarea="parking"] .parking_text>li dl									{ display:flex; flex-flow:column; font-size:1.3rem; line-height:1 }
[data-subarea="parking"] .parking_text>li dl>dt									{ font-weight:bold; margin-bottom:1em } 
[data-subarea="parking"] .parking_text>li dl>dd									{ font-weight:300; display:flex; flex-wrap:wrap; gap:0 .5em; align-items:center; margin-top:.75em; }
[data-subarea="parking"] .parking_box											{ position:relative; width:100%; border-radius:15px; overflow:hidden }
[data-subarea="parking"] .sub_title.line>em										{ padding-bottom:0; }
[data-subarea="parking"] .mo_list												{ display:none; gap:.75em 0; flex-wrap:wrap; counter-reset:title; }
[data-subarea="parking"] .mo_list>li											{ position:relative; line-height:1; margin-right:40px }
[data-subarea="parking"] .mo_list>li::after										{ position:absolute; right:-30px; width:20px; height:1px; background:#222; top:calc(50% - .5px); content:''; }
[data-subarea="parking"] .mo_list>li::before									{ position:absolute; right:-30px; width:7px; height:7px; border-style:solid; border-color:#222; border-width:1px 1px 0 0; top:calc(50% - 3.5px); content:''; 
																					transform:rotate(45deg);}
[data-subarea="parking"] .mo_list>li:last-child									{ margin-right:0; }
[data-subarea="parking"] .mo_list>li:last-child::after,
[data-subarea="parking"] .mo_list>li:last-child::before							{ display:none; }
[data-subarea="parking"] .mo_list>li span										{ position:relative; display:flex; align-items:center; gap:0 10px; height:50px; padding:0 1.75em 0 10px; font-size:1.03em; border-radius:2em; 
																					color:var(--color-white); line-height:1 }
[data-subarea="parking"] .mo_list>li span::before								{ counter-increment:title; content:counter(title, decimal-leading-zero) " "; display:flex; width:30px; height:30px; border-radius:100%; justify-content:center; 
																					align-items:center;  font-weight:bold; line-height:1; background:var(--color-white) }
[data-subarea="parking"] .mo_list .color1 span									{ background:var(--color-point); }
[data-subarea="parking"] .mo_list .color1 span::before							{ color:var(--color-point) }
[data-subarea="parking"] .mo_list .color2 span									{ background:var(--color-red); }
[data-subarea="parking"] .mo_list .color2 span::before							{ color:var(--color-red) }
[data-subarea="parking"] .mo_list .color3 span									{ background:#007aff; }
[data-subarea="parking"] .mo_list .color3 span::before							{ color:#007aff }
[data-subarea="parking"] .mo_list .color4 span	 								{ background:#ff00c0; }
[data-subarea="parking"] .mo_list .color4 span::before							{ color:#ff00c0;}
[data-subarea="parking"] .mo_list .color5 span									{ background:var(--color-orange); }
[data-subarea="parking"] .mo_list .color5 span::before							{ color:var(--color-orange) }


@media all and (max-width:1768px) {
	[data-subarea="parking"] .parking_text>li dl								{ font-size:1.1rem; }
	[data-subarea="parking"] #parkingTab02 .mt120								{ margin-top:30px; }
}
@media all and (max-width:1368px) {
	[data-subarea="parking"] .conts_tab											{ gap:3em; }
	[data-subarea="parking"] .parking_text										{ width:100%; }
}
@media all and (max-width:1268px) {
	[data-subarea="parking"] .sub_title											{ width:auto; }
	[data-subarea="parking"] .sub_title.line>em									{ padding-right:2em; padding-bottom:.1em }
	[data-subarea="parking"] #parkingTab02 .mt120								{ margin-top:10px; }
}
@media all and (max-width:968px) {
	[data-subarea="parking"] .parking_box img									{ display:none; }
	[data-subarea="parking"] .mo_list											{ display:flex; padding:1.5em; border-radius:15px; background:var(--color-light-gray); }
}
@media all and (max-width:768px) {
	[data-subarea="parking"] .conts_tab											{ gap:2em; }
	[data-subarea="parking"] .parking_text>li dl>dt								{ margin-bottom:.5em; }
	[data-subarea="parking"] .parking_text>li dl>dd								{ line-height:1.2; }
	[data-subarea="parking"] .parking_text>li dl								{ font-size:1.067rem; }
	[data-subarea="parking"] #parkingTab02 .mt120								{ margin-top:10px; }
}
@media all and (max-width:568px) {
	[data-subarea="parking"] .conts_tab											{ gap:1.25em; }
	[data-subarea="parking"] .parking_text>li dl								{ font-size:1rem; }
	[data-subarea="parking"] .parking_text>li dd								{ font-size:.9rem; }
	[data-subarea="parking"] .mo_list											{ padding:1em; }
	[data-subarea="parking"] .mo_list>li										{ margin-right:20px }
	[data-subarea="parking"] .mo_list>li::after									{ right:-15px; width:10px; }
	[data-subarea="parking"] .mo_list>li::before								{ right:-15px; width:5px; height:5px; top:calc(50% - 2.5px); }
	[data-subarea="parking"] .mo_list>li span									{ gap:0 6px; height:36px; padding:0 1em 0 5px; font-size:.9rem;  }
	[data-subarea="parking"] .mo_list>li span::before							{ width:26px; height:26px; font-size:.8rem; }
}
@media all and (max-width:368px) {
	[data-subarea="parking"] .mo_list>li										{ width:100%; margin-right:0; margin-bottom:30px; }
	[data-subarea="parking"] .mo_list>li:last-child								{ margin-bottom:0; }
	[data-subarea="parking"] .mo_list>li span									{ width:100%; justify-content:center; height:inherit; margin-top:20px; padding:25px 0 10px 0; gap:0; }
	[data-subarea="parking"] .mo_list>li span::before							{ position:absolute; left:50%; top:-16px; transform:translateX(-50%); padding-top:1px; width:32px; height:32px;}
	[data-subarea="parking"] .mo_list>li::before								{ right:inherit; left:50%; top:inherit; bottom:-30px; transform:translateX(-50%) rotate(135deg);}
	[data-subarea="parking"] .mo_list>li::after									{ right:inherit; left:50%; width:1px; height:20px; top:inherit; bottom:-30px; }
}


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

 								주요 프로그램

**********************************************************************/																
[data-subarea="program"]													{ overflow:hidden; }
[data-subarea="program"] .program											{ position:relative; width:100vw; padding-left:60px }
[data-subarea="program"] .swiper-slide										{ max-width:500px; }
[data-subarea="program"] .swiper-slide a									{ margin:0 10px; display:block }
[data-subarea="program"] .swiper-slide .img									{ position:relative; display:block; width:100%; height:0; padding-top:60.73%; overflow:hidden; border-radius:15px; }
[data-subarea="program"] .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-subarea="program"] .swiper-slide .cont								{ display:flex; flex-flow:column; padding:1.88em; }
[data-subarea="program"] .swiper-slide .cont dl								{ display:flex; flex-flow:column; }
[data-subarea="program"] .swiper-slide .cont dl>dt							{ display:-webkit-box; font-size:1.25em; font-weight:bold; line-height:1.2;}
[data-subarea="program"] .swiper-slide .cont dl>dd							{ font-size:1em; font-weight:600; opacity:.64; margin-top:.25em }
[data-subarea="program"] .swiper-slide .cont .time							{ font-size:1.88em; font-weight:bold; margin-top:.5em }
[data-subarea="program"] .swiper-slide .cont .text							{ font-weight:300; line-height:1.4; opacity:.8; margin-top:.5em }
[data-subarea="program"] .program .swiper_control							{ position:absolute; left:0px; top:22%; }
[data-subarea="program"] .program .swiper_control .swiper_prev::before		{ width:25px; height:14px; background-image:url(/resource/www/images/contents/icon_prev.svg); background-size:auto}
[data-subarea="program"] .program .swiper_control .swiper_next::before		{ width:25px; height:14px; background-image:url(/resource/www/images/contents/icon_next.svg); background-size:auto}
[data-subarea="program"] .program .swiper_control:has(.swiper-button-lock) .control,
[data-subarea="program"] .program .swiper-button-lock						{ display:block; }
[data-subarea="program"] .event												{ color:var(--color-gray); }
[data-subarea="program"] .event .img										{ margin:3em 0; }
@media all and (max-width:1568px) {
	[data-subarea="program"] .program .swiper-slide .cont dl>dt				{ font-size:1.2em; }
	[data-subarea="program"] .program .swiper-slide .cont dl>dd				{ font-size:.95em; }
	[data-subarea="program"] .program .swiper-slide .cont .time				{ font-size:1.58em; }
}
@media all and (max-width:1268px) {
	[data-subarea="program"] .program .swiper-slide .cont dl>dt				{ font-size:1.167em; }
	[data-subarea="program"] .program .swiper-slide .cont .time				{ font-size:1.4em; }
	[data-subarea="program"] .swiper-slide									{ max-width:400px; }
	[data-subarea="program"] .program .swiper-slide .cont					{ padding:1.5em; }
	[data-subarea="program"] .program .swiper_control						{ top:18%; }
}
@media all and (max-width:968px) {
	[data-subarea="program"] .program 										{ padding-left:40px; }
	[data-subarea="program"] .swiper-slide									{ max-width:350px; }
}
@media all and (max-width:468px) {
	[data-subarea="program"] .program										{ width:100%; padding-left:0; }
	[data-subarea="program"] .program .swiper								{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
	[data-subarea="program"] .swiper-slide									{ max-width:inherit; width:100%; }
	[data-subarea="program"] .program .swiper_control						{ position:initial; }
	[data-subarea="program"] .program .swiper_control .control				{ display:flex; gap:0 2em; }	
	[data-subarea="program"] .program .swiper-slide .cont					{ padding:1.5em .75em; }	
}

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

 								행사일정

**********************************************************************/	
[data-subarea="timetable"] .list											{ display:flex; flex-wrap:wrap; flex-flow:column; gap:5em;}	
[data-subarea="timetable"] .list>li											{ display:flex; width:100%; flex-flow:column; gap:1em}
[data-subarea="timetable"] .list>li>strong									{ font-weight:bold}																		
[data-subarea="timetable"] .list>li>div										{ width:100%;  }
@media all and (max-width:1368px) {
	[data-subarea="timetable"] .list										{ gap:3em;}	
}


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

 								축제 이용 팁

**********************************************************************/	
[data-subarea="tip"] .list										{ display:flex; flex-flow:column; gap:8em; }
[data-subarea="tip"] .list>li									{ display:flex; gap:5em; align-items:flex-start; flex-wrap:wrap}
[data-subarea="tip"] .list>li .img								{ position:relative; display:flex; flex-flow:column; width:500px; padding:5em 0; align-items:center; justify-content:center;  border-radius:15px; 
																	background:var(--color-light-gray); overflow:hidden }
[data-subarea="tip"] .list>li .img.p0							{ padding:0; }																	
[data-subarea="tip"] .list>li .img .btn_wrap					{ display:flex; gap:10px; margin-top:2em; flex-wrap:wrap; }
[data-subarea="tip"] .list>li .img .btn_wrap a					{ display:flex; height:40px; align-items:center; padding:5px 25px; background:var(--color-orange); color:var(--color-white); border-radius:2em; letter-spacing:-.065em; 
																	line-height:1; font-size:.95rem; }
[data-subarea="tip"] .list>li .img a[target='_blank']::after	{ opacity:1; margin-top:-2px; margin-left:15px;  }
[data-subarea="tip"] .list>li .cont								{ width: calc(100% - 5em - 500px); margin-top:.75em; }
@media all and (max-width:1768px) {
	[data-subarea="tip"] .list									{ gap:5em; }
}
@media all and (max-width:1368px) {
	[data-subarea="tip"] .list									{ gap:5em; }
	[data-subarea="tip"] .list>li								{ gap:3em; }
	[data-subarea="tip"] .list>li .img							{ padding:4em 1em;}
	[data-subarea="tip"] .list>li .cont							{ width: calc(100% - 3em - 500px); }
}
@media all and (max-width:1168px) {
	[data-subarea="tip"] .list									{ gap:3em; }
	[data-subarea="tip"] .list>li								{ gap:2em; }
	[data-subarea="tip"] .list>li .img							{ padding:3em 1em; width:100%;}
	[data-subarea="tip"] .list>li .cont							{ width:100%; }
}
@media all and (max-width:468px) {
	[data-subarea="tip"] .list>li .img							{ padding:2em; }
	[data-subarea="tip"] .list>li .img .btn_wrap				{ gap:10px; }
	[data-subarea="tip"] .list>li .img .btn_wrap>li				{ width:100%; }
	[data-subarea="tip"] .list>li .img .btn_wrap a				{ font-size:.9rem; justify-content:center; }	
	[data-subarea="tip"] .list>li .img a[target='_blank']::after{ margin-left:10px;  }			
}
/**********************************************************************

 								장류이야기

**********************************************************************/
[data-subarea="jang"]													{ flex-wrap:wrap; gap:5em; overflow:hidden;}
[data-subarea="jang"] .img_box											{ position:relative; width:600px; border-radius:15px; overflow:hidden; background:url(/resource/www/images/contents/img_jang01.jpg) no-repeat 50% 100% / cover }
[data-subarea="jang"] .cont												{ position:absolute; width:94%; padding:2em; border-radius:15px 15px 0 0; background:rgba(0,0,0,.6); left:3%; bottom:0; }
[data-subarea="jang"] .cont .sub_title									{ color:var(--color-white);}
[data-subarea="jang"] .cont .sub_title>em								{ color:var(--color-white); }
[data-subarea="jang"] .cont .text										{ font-size:.95rem; font-weight:300; color:var(--color-white); line-height:1.4 }
[data-subarea="jang"] .basic											{ width:calc(100% - 600px - 5em); }

[data-subarea="type"]													{ overflow:hidden; flex-flow:column; margin-bottom:-180px;}
[data-subarea="type"] .img-text-wrap									{ position:relative; display:flex; flex-wrap:wrap; gap:5em; }
[data-subarea="type"] .img-text-wrap .cont								{ width:600px; }
[data-subarea="type"] .img-text-wrap .img								{ position:relative; width:calc(100% - 600px - 5em); z-index:2; }
[data-subarea="type"] .img-text-wrap .img img							{ position:relative; z-index:2; border-radius:15px; overflow:hidden}
[data-subarea="type"] .img-text-wrap .img::before						{ position:absolute; width:100%; height:100%; right:-2em; bottom:-2em; background:rgba(255,255,255,.4); border-radius:15px; content:'';}
[data-subarea="type"] .img-text-wrap .bg_box							{ position:relative; flex:100%; padding:8em 6em 0; margin-top:-8em;  }
[data-subarea="type"] .img-text-wrap .bg_box::before					{ position:absolute; background:#f2f2f2; width:100vw; left:0; top:0; height:100%; content:''; border-radius:3em 0 0 15px; z-index:-1 }
[data-subarea="type"] .img-text-wrap .bg_box ul							{ position:relative; overflow:hidden; padding-bottom:8em; }
[data-subarea="type"] .img-text-wrap .bg_box ul::after					{ position:absolute; right:0; bottom:-.18em; content:'고추장의 효능'; font-size:7em; font-weight:bold;  
																			text-shadow:-1px -1px 0 #d9d9d9, 1px -1px 0 #d9d9d9, -1px 1px 0 #d9d9d9, 1px 1px 0 #d9d9d9; 
																			z-index:1; color:#f2f2f2; letter-spacing:.04em; line-height:1 }
.soysauce .img-text-wrap .bg_box ul::after								{ content:'간장의 유래'; }																		
.doenjang .img-text-wrap .bg_box ul::after								{ content:'된장의 유래'; }
.cheonggukjang .img-text-wrap .bg_box ul::after							{ content:'청국장의 효능'; }
[data-subarea="type"] .img-text-wrap.last								{ padding:8em 6em;  align-items:end;}
[data-subarea="type"] .img-text-wrap .process_box						{ position:relative; width:calc(100% - 600px - 5em); z-index:2; }
[data-subarea="type"] .img-text-wrap.last::before						{ position:absolute; background:#eef3e6; width:100vw; right:0; top:0; height:100%; content:''; border-radius:0 3em 0 0; z-index:-1 }
[data-subarea="type"] .process											{ display:flex; flex-wrap:wrap; gap:2em; counter-reset:title;  }
[data-subarea="type"] .process>li										{ position:relative; width:calc((100% - 4em) / 3); border-radius:15px; background:var(--color-white); padding:1.5em 1.5em 3em; font-size:1.03em; line-height:1.4; 
																			font-weight:300; opacity:.74; border:1px solid #bed697}
[data-subarea="type"] .process>li::before								{ counter-increment:title; content:counter(title, decimal-leading-zero) " "; display:flex; justify-content:center; align-items:center; 
																			position:absolute; right:.5em; bottom:.5em; font-size:1.8em; font-weight:bold; color:var(--color-point); line-height:1; opacity:.4}


.soysauce .img-text-wrap.last .type,																									
.doenjang .img-text-wrap.last .type,							
.cheonggukjang .img-text-wrap.last .type								{ display:none; }					


@media all and (max-width:1768px) {
	[data-subarea="jang"]												{ gap:3em; }
	[data-subarea="jang"] .basic										{ width:calc(100% - 600px - 3em); }
	
	[data-subarea="type"] .img-text-wrap .mt60							{ margin-top:40px; }
	[data-subarea="type"] .sub_title.line>em							{ padding-bottom:.1em; }
	[data-subarea="type"] .img-text-wrap .bg_box						{ padding:8em 5em 0; }
	[data-subarea="type"] .img-text-wrap .bg_box ul::after				{ font-size:6.5em; }
	[data-subarea="type"] .img-text-wrap.last							{ padding:7em 5em; }
	[data-subarea="type"] .process										{ gap:1em; }
	[data-subarea="type"] .process>li									{ width:calc((100% - 2em) / 3); }
}
@media all and (max-width:1668px) {
	[data-subarea="type"] .img-text-wrap								{ gap:3em; }
	[data-subarea="type"] .img-text-wrap .bg_box						{ margin-top:2em; padding:5em 5em 0; }
	[data-subarea="type"] .img-text-wrap .img::before					{ background:rgba(0,0,0,.05); }
	[data-subarea="type"] .img-text-wrap .cont							{ width:700px; }
	[data-subarea="type"] .img-text-wrap .img							{ width:calc(100% - 700px - 3em); }
	[data-subarea="type"] .img-text-wrap.last .cont						{ width:600px; }
	[data-subarea="type"] .img-text-wrap .bg_box ul::after				{ font-size:6em; }
	[data-subarea="type"] .img-text-wrap.last							{ padding:5em 3em; align-items:center;}
}
@media all and (max-width:1568px) {
	[data-subarea="type"] .img-text-wrap .bg_box						{ padding:4em 4em 0; }
	[data-subarea="type"] .img-text-wrap .bg_box ul::after				{ font-size:5.5em; }
	[data-subarea="type"] .img-text-wrap.last							{ padding:4em 3em; }
	[data-subarea="type"] .img-text-wrap.last .cont,
	[data-subarea="type"] .img-text-wrap .process_box					{ width:100%; }	
	[data-subarea="type"] .sub_title.line>em							{ width:fit-content; padding-right:2em; padding-bottom:0; }
	[data-subarea="type"] .sub_title.line>em::before					{ width:2em; }
	.soysauce .img-text-wrap.last .type,																									
	.doenjang .img-text-wrap.last .type,							
	.cheonggukjang .img-text-wrap.last .type							{ display:block; }
	[data-subarea="type"] .img-text-wrap.last .type						{ position:absolute; right:3em; top:2em; width:20em; }
}
@media all and (max-width:1468px) {
	[data-subarea="type"] .img-text-wrap .cont,
	[data-subarea="type"] .img-text-wrap .img							{ width:100%; }
	[data-subarea="type"] .img-text-wrap .bg_box ul						{ padding-bottom:6em; }
	[data-subarea="type"] .img-text-wrap .bg_box ul::after				{ font-size:5em; }
}
@media all and (max-width:1268px) {
	[data-subarea="jang"]												{ gap:2em; }
	[data-subarea="jang"] .img_box										{ width:100%; min-height:30em; background-position:50% 70% }
	[data-subarea="jang"] .cont											{ padding:1.8em; }
	[data-subarea="jang"] .cont .text									{ margin-top:20px; }
	[data-subarea="jang"] .basic										{ width:100%; }
	[data-subarea="type"] .img-text-wrap .bg_box						{ padding:3em 3em 0; }
	[data-subarea="type"] .img-text-wrap .bg_box ul						{ padding-bottom:5.5em; }
	[data-subarea="type"] .img-text-wrap .bg_box ul::after				{ font-size:4.5em; }
	[data-subarea="type"] .img-text-wrap.last .type						{ width:16em; }
	[data-subarea="type"] .img-text-wrap.last							{ padding:4em 3em 4em 0; }
}
@media all and (max-width:1024px) {
	[data-subarea="type"]												{ margin-bottom:-70px;}
}
@media all and (max-width:868px) {
	[data-subarea="type"] .img-text-wrap.last .type						{ width:14em; }
	[data-subarea="type"] .process>li									{ width:calc((100% - 1em) / 2); }
}
@media all and (max-width:668px) {
	[data-subarea="type"] .img-text-wrap .bg_box						{ padding:3em 1em 0 3em; }
	[data-subarea="type"] .img-text-wrap.last							{ padding:4em 1.5em 4em 1em; }
	[data-subarea="type"] .img-text-wrap.last .type						{ width:inherit; position:initial; width:inherit; max-width:20em }
	[data-subarea="type"] .process>li									{ width:100%; }
	[data-subarea="type"] .img-text-wrap .bg_box ul::after				{ font-size:4em; }
	[data-subarea="type"]												{ margin-bottom:-60px;}
}
@media all and (max-width:568px) {
	[data-subarea="jang"] .img_box										{ min-height:40em; background-position:50% 100% }
	[data-subarea="jang"] .cont .sub_title.small						{ font-size:1.8em; }
	[data-subarea="jang"] .cont											{ width:98%; left:1%; padding:1.5em; }
	[data-subarea="type"] .img-text-wrap .bg_box ul::after				{ font-size:3.5em; }
}
@media all and (max-width:468px) {
	[data-subarea="type"] .img-text-wrap .bg_box						{ padding:2em 1em 0 2em; }
	[data-subarea="type"] .img-text-wrap .bg_box ul::after				{ font-size:3em; }
}
@media all and (max-width:368px) {
	[data-subarea="type"] .img-text-wrap .bg_box ul::after				{ font-size:2.8em; }
}