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

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

 							모션

**********************************************************************/
@keyframes line {
    0% { height:0; }
    100% { height:40%; }
}
@keyframes line2 {
    0% { width:1%; }
    100% { width:75%;}
}
@keyframes img_box {
    0% { left:0; }
    100% { left:100%; }
}

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

 						            공통

**********************************************************************/
[data-subarea] .imgText_list										{ position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; margin-bottom:6em; padding-bottom:3% }
[data-subarea] .imgText_list::after									{ position:absolute; width:1px; left:43%; bottom:0; content:''; background:var(--color-base); animation:line cubic-bezier(0, .30, .43, 1) 2s 0.3s both;}
[data-subarea] .imgText_list::before								{ position:absolute;  height:1px; left:25%; bottom:0; content:''; background:var(--color-base); animation:line2 cubic-bezier(0, .30, .43, 1) 3s 0.4s both;}
[data-subarea] .img_box												{ position:relative; display:flex; align-items:center; width:40%; height:400px; overflow:hidden}
[data-subarea] .img_box::after										{ position:absolute; left:25%; top:0; width:1px; height:100%; background:rgba(255,255,255,.5); content:''; }
[data-subarea] .img_box::before 									{ content: ""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; animation:img_box cubic-bezier(0, .30, .43, 1) 2s 0.3s both; }
[data-subarea] .img_box .eng										{ display:flex; width:100%; font-size:5em; flex-flow:column; text-transform:uppercase; color:rgba(255,255,255,.6);  }
[data-subarea] .img_box .eng::after									{ position:absolute; left:50%; top:0; width:1px; height:100%; background:rgba(255,255,255,.5); content:''; }
[data-subarea] .img_box .eng::before								{ position:absolute; left:75%; top:0; width:1px; height:100%; background:rgba(255,255,255,.5); content:''; }
[data-subarea] .img_box .eng i:nth-child(1)							{ padding-left:calc(25% - .06em); }	
[data-subarea] .img_box .eng i:nth-child(2)							{ padding-left:calc(50% - .025em); }
[data-subarea] .img_box .eng i:nth-child(3)							{ display:flex; justify-content:end; padding-right:calc(25% - .08em); }	
[data-subarea] .imgText_list .text									{ flex:auto; max-width:52%; display:flex; flex-flow:column; gap:2em; line-height:1.8; font-size:1.167em; color:var(--color-base) }
[data-subarea] .imgText_list .text>dt								{ font-size:3rem; font-weight:100;}
[data-subarea] .imgText_list .text.mt40									{ margin-top:clamp(30px, 1.5vw, 40px); }

[data-subarea] .row_list												{ display:flex; flex-flow:column; }
[data-subarea] .row_list>li												{ width:100%; }
[data-subarea] .row_list .imgText_list .text										{ max-width:100%; font-size:1.067em; line-height:1.4; gap:1em }
[data-subarea] .row_list .imgText_list .text>dt									{ font-size:2rem; line-height:1.3; }
[data-subarea] .row_list>li .text_wrap									{ flex:auto; max-width:52%; }
[data-subarea] .row_list>li:nth-child(2n) .text_wrap					{ order:1; }
[data-subarea] .row_list>li:nth-child(2n) .img_box						{ order:2; }
[data-subarea] .row_list>li:nth-child(2n) .imgText_list::after			{ left:57%; }


@media all and (max-width:1568px) {
	[data-subarea] .imgText_list::after								{ left:48%; }
	[data-subarea] .img_box											{ width:45%; }
	[data-subarea] .img_box .eng									{ font-size:4.8em; }
	[data-subarea] .imgText_list .text								{ max-width:49%; }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.8rem; }

	[data-subarea] .row_list>li .text_wrap									{ max-width:49%; }
	[data-subarea] .row_list>li.imgText_list .text>dt									{ font-size:1.8rem;  }
    [data-subarea] .row_list>li.imgText_list .text_wrap .s_text dt 				    { font-size:1.28em; }
	[data-subarea] .row_list>li:nth-child(2n) .imgText_list::after			{ left:52%; }
}

@media all and (max-width:1468px) {
    [data-subarea] .row_list>.imgText_list .text_wrap .s_text dt 				{ font-size:1.2em; }
}

@media all and (max-width:1368px) {
	[data-subarea] .imgText_list::after								{ left:51%; }
	[data-subarea] .img_box											{ width:48%; height:380px; }
	[data-subarea] .img_box .eng									{ font-size:4.5em; line-height:1.4 }
	[data-subarea] .imgText_list .text								{ max-width:46%; font-size:1.13em; line-height:1.6; }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.6rem; }

	[data-subarea] .row_list>li .img_box							{ width:97%; height:320px; }
	[data-subarea] .row_list>li .text_wrap							{ max-width:97%; margin-top:2em }
	[data-subarea] .row_list>li .imgText_list							{ margin-bottom:3em; }
	[data-subarea] .row_list>li .imgText_list .text>dt				{ font-size:1.7rem;  }
    [data-subarea] .row_list>li .imgText_list .text_wrap .s_text dt{ font-size:1.167em; }
	[data-subarea] .row_list>li:nth-child(2n) .imgText_list::after{ left:52%; }
	[data-subarea] .row_list>li .imgText_list::before					{ left:0; animation:line5 cubic-bezier(0, .30, .43, 1) 3s 0.4s both; }
	[data-subarea] .row_list>li .imgText_list::after					{ left:100%; top:0; bottom:inherit; animation:line4 cubic-bezier(0, .30, .43, 1) 3s 0.4s both;}
	[data-subarea] .row_list>li:nth-child(2n) .imgText_list::after	{ left:0%; }
	[data-subarea] .row_list>li:nth-child(2n) .imgText_list 		{ padding-left:3%; padding-bottom:0  }
	[data-subarea] .row_list>li:nth-child(2n) .imgText_list::before	{ bottom:inherit; top:0; left:inherit; right:0; }
	[data-subarea] .row_list>li:nth-child(2n) .img_box				{ margin-top:2em; }

	@keyframes line4 {
		0% { height:0; }
		100% { height:100%; }
	}
	@keyframes line5 {
		0% { width:1%; }
		100% { width:calc(100% + 3%);}
	}
}
@media all and (max-width:1268px) {
	[data-subarea] .imgText_list									{ margin-bottom:5em; }
	[data-subarea] .imgText_list::after								{ left:54%; }
	[data-subarea] .img_box											{ width:51%; height:350px; }
	[data-subarea] .img_box .eng									{ font-size:4.3em; line-height:1.4 }
	[data-subarea] .imgText_list .text								{ max-width:43%; font-size:1.1em; }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.4rem; }
}
@media all and (max-width:1168px) {
	[data-subarea] .imgText_list::after								{ left:100%; top:0; bottom:inherit }
	[data-subarea] .imgText_list::before							{ left:0;  }
	[data-subarea] .img_box											{ width:97%; height:300px; }
	[data-subarea] .img_box .eng									{ font-size:4em; line-height:1.3 }
	[data-subarea] .img_box .eng i:nth-child(3)						{ justify-content:flex-start; padding-right:0; padding-left:35% }	
	[data-subarea] .imgText_list .text								{ width:100%; max-width:inherit; font-size:1.067em; gap:1em; margin-top:2em }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.3rem; }
	@keyframes line {
			0% { height:0; }
			100% { height:100%; }
		}
		@keyframes line2 {
			0% { width:1%; }
			100% { width:calc(100% + 3%);}
		}

	[data-subarea] .row_list>li.imgText_list .text										{ margin-top:0; }
	[data-subarea] .row_list>li.imgText_list .text>dt									{ font-size:1.6rem;  }
}

@media all and (max-width:1024px) {
	[data-subarea] .row_list>li .img_box,
    [data-subarea] .row_list>li:nth-child(2) .img_box                       {height:300px;}
	[data-subarea] .row_list>li .imgText_list .text>dt									{ font-size:1.5rem;  }
	[data-subarea] .row_list>li:nth-child(2n) .img_box						{ margin-top:2em; }
	[data-subarea] .row_list>li:nth-child(2n) .text_wrap					{ margin-top:2em }
}

@media all and (max-width:968px) {
	[data-subarea] .img_box											{ height:250px; }
	[data-subarea] .img_box .eng									{ line-height:1.2 }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.2rem; }
}

@media all and (max-width:868px) {
	[data-subarea] .row_list>li .img_box,
    [data-subarea] .row_list>li:nth-child(2) .img_box                       {height:250px;}
	[data-subarea] .row_list>li .imgText_list .text>dt									{ font-size:1.4rem;  }
}

@media all and (max-width:668px) {
	[data-subarea] .imgText_list									{ margin-bottom:4em; }
	[data-subarea] .img_box											{ height:230px; }
	[data-subarea] .img_box .eng									{ font-size:3.8em; font-weight:500; line-height:1.1 }
	[data-subarea] .imgText_list .text								{ margin-top:1.5em }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.1rem; }
}
@media all and (max-width:568px) {
	[data-subarea] .img_box											{ height:220px; }
	[data-subarea] .img_box .eng									{ font-size:3.5em;line-height:1 }
	[data-subarea] .img_box .eng i:nth-child(3)						{ padding-left:20%; }
	[data-subarea] .imgText_list .text>dt							{ font-size:1.9rem; }

	[data-subarea] .row_list>li .img_box,
    [data-subarea] .row_list>li:nth-child(2) .img_box                       {height:200px;}
	[data-subarea] .row_list>li .imgText_list .text>dt									{ font-size:1.35rem;  }
}
@media all and (max-width:468px) {
	[data-subarea] .imgText_list									{ margin-bottom:3.5em; }
	[data-subarea] .img_box											{ height:200px; }
	[data-subarea] .img_box .eng									{ font-size:3.3em;}
	[data-subarea] .img_box .eng i:nth-child(1)						{ padding-left:10%; }
	[data-subarea] .img_box .eng i:nth-child(2)						{ padding-left:0; display:flex; justify-content:end; padding-right:10%; }
	[data-subarea] .img_box .eng i:nth-child(3)						{ padding-left:17%; }
	[data-subarea] .imgText_list .text								{ margin-top:1.25em }
	[data-subarea] .imgText_list .text>dt							{ font-size:1.6rem; }

	[data-subarea] .row_list>li .img_box,
    [data-subarea] .row_list>li:nth-child(2) .img_box 					{ height:150px; }
	[data-subarea] .row_list>li .imgText_list .text>dt									{ font-size:1.25rem;  }
	[data-subarea] .row_list>li .text_wrap,
	[data-subarea] .row_list>li:nth-child(2n) .text_wrap					{ margin-top:1em; }	
}
@media all and (max-width:368px) {
	[data-subarea] .img_box											{ height:180px; }
	[data-subarea] .img_box .eng									{ font-size:3em;}
	[data-subarea] .imgText_list .text								{ margin-top:1em }
	[data-subarea] .imgText_list .text>dt							{ font-size:1.45rem; }
}


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

 							인사말

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

[data-subarea="greetings"] .row_list>li:nth-child(1) .img_box						{ background:url(/resource/wg/images/contents/img_greetings01.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="greetings"] .row_list>li:nth-child(2) .img_box						{ background:url(/resource/wg/images/contents/img_greetings02.jpg) no-repeat 50% 50% / cover ;}



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

 								관람안내

**********************************************************************/
[data-subarea] .guide_list							{ display:flex; gap:1.56em; flex-flow:row wrap;justify-content: space-between;}
[data-subarea] .guide_list>li						{ display:flex; flex-flow:column; justify-content:space-between; width:calc((100% - 4.68em) / 4); border:1px solid #000; padding:2.5em; }
[data-subarea] .guide_list>li dl					{ display:flex; flex-flow:column; gap:3.13em; }
[data-subarea] .guide_list>li dl>dt					{ position:relative; font-size:1.38em; font-weight:bold; line-height:1; padding-bottom:clamp(0.75em, 1vw + 0.3em, 1em); border-bottom:1px solid #ccc; }
[data-subarea] .guide_list>li dl>dt::before			{ position:absolute; width:clamp(5em, 3vw + 2em, 8.18em); height:1px; bottom:-1px; left:0; background:#000; content:''; transition:var(--trans-ani);}
[data-subarea] .guide_list>li:hover dl>dt::before,
[data-subarea] .guide_list>li:focus dl>dt::before	{ width:100%; }
[data-subarea] .guide_list>li dl>dd					{ font-size:1.56em; font-weight:bold; display:flex; flex-flow:column; gap:.4em; }
[data-subarea] .guide_list>li dl>dd .ex				{ position:relative; width:100%; padding-left:.94em; font-size:1rem; font-weight:300; opacity:.74; line-height:1.2 }
[data-subarea] .guide_list>li dl>dd .ex::before		{ position:absolute; left:0; top:clamp(-.05em, 1vw + 0.5rem, -.07em); content:'※'; }
[data-subarea] .guide_list>li .icon					{ position:relative; display:flex; align-items:center; justify-content:end; margin-top:clamp(1.5em, 2vw + 1em, 3.75em); }
[data-subarea] .guide_list>li .icon::before			{ display:flex; content:''; background-repeat:no-repeat; background-position:center; background-size:contain;
    -webkit-filter:grayscale(100%) brightness(50%); filter:grayscale(100%) brightness(50%); filter:grayscale(100%); filter:gray; -webkit-filter:grayscale(1); }
[data-subarea] .guide_list>li:hover .icon,
[data-subarea] .guide_list>li:focus .icon			{ animation:iconShow 0.7s ease-in-out 1 forwards; }

/* 출력수가 다른경우 */
[data-subarea] .guide_list.col05>li							{ width:calc((100% - 6.24em) / 5); }
[data-subarea] .guide_list.col03>li							{ width:calc((100% - 3.12em) / 3);  }

[data-subarea="guide"] .guide_list>li .icon1::before		{ width:clamp(50px, 5vw, 69px); height:clamp(54px, 5vw, 74px); background-image:url(/resource/wg/images/contents/icon_guide01.svg); }
[data-subarea="guide"] .guide_list>li .icon2::before		{ width:clamp(61px, 5vw, 86px); height:clamp(50px, 5vw, 70px); background-image:url(/resource/wg/images/contents/icon_guide02.svg); }
[data-subarea="guide"] .guide_list>li .icon3::before		{ width:clamp(61px, 5vw, 84px); height:clamp(53px, 5vw, 73px); background-image:url(/resource/wg/images/contents/icon_guide03.svg); }
[data-subarea="guide"] .guide_list>li .icon4::before		{ width:clamp(52px, 5vw, 72px); height:clamp(53px, 5vw, 73px); background-image:url(/resource/wg/images/contents/icon_guide04.svg); }

@media all and (max-width:1568px) {
    [data-subarea] .guide_list>li					{ padding:2em; }
    [data-subarea] .guide_list>li dl>dt				{ font-size:1.28em; }
    [data-subarea] .guide_list>li dl>dd				{ font-size:1.46em; }
}
@media all and (max-width:1468px) {
    [data-subarea] .guide_list						{ gap:1em }
    [data-subarea] .guide_list>li					{ width:calc((100% - 3em) / 4); padding:1.88em; }
    [data-subarea] .guide_list>li dl>dt				{ font-size:1.2em; }
    [data-subarea] .guide_list>li dl>dd				{ font-size:1.3em; }
    [data-subarea] .guide_list>li dl				{ gap:2em; }
  
  	/* 출력수가 다른경우 */
	[data-subarea] .guide_list.col05,
	[data-subarea] .guide_list.col03				{ gap:3.5em 1em ;}
	[data-subarea] .guide_list.col05>li				{ width:calc((100% - 2em) / 3); }
	[data-subarea] .guide_list.col03>li				{ width:calc((100% - 2em) / 3); }
}
@media all and (max-width:1368px) {
    [data-subarea] .guide_list						{ gap:.5em }
    [data-subarea] .guide_list>li					{ width:calc((100% - 1.5em) / 4); padding:1.5em; }
    [data-subarea] .guide_list>li dl>dt				{ font-size:1.167em; }
    [data-subarea] .guide_list>li dl>dd				{ font-size:1.26em; }
    [data-subarea] .guide_list>li dl				{ gap:1.5em; }
    [data-subarea] .guide_list>li dl>dd .ex			{ font-size:.95rem; }
}
@media all and (max-width:1168px) {
    [data-subarea] .guide_list>li					{ width:calc((100% - .5em) / 2); }
}
@media all and (max-width:768px) {
    [data-subarea] .guide_list>li dl>dd .ex			{ font-size:.9rem; }
    [data-subarea] .guide_list>li dl>dd .ex::before	{ top:-.1em; }
  
  	/* 출력수가 다른경우 */
 	[data-subarea] .guide_list.col05,
  	[data-subarea] .guide_list.col03				{gap:.5em;}
	[data-subarea] .guide_list.col05>li,
    [data-subarea] .guide_list.col03>li				{width:calc((100% - 1em) / 2); }
}
@media all and (max-width:468px) {
    [data-subarea] .guide_list>li					{ width:100% !important; }
}

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

 						비전 및 목표

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

/* 비전 */
[data-subarea="vision"] .vision_wrap											{margin-bottom:6em;}
[data-subarea="vision"] .vision_wrap .vision 									{position:relative;background:#101010;color:var(--color-white);padding:3em;text-align:center;margin-bottom:2em;overflow:hidden;}
[data-subarea="vision"] .vision_wrap .vision::before							{content:'';position:absolute;left:4%;bottom:20%;display:block;width:140px;height:66px;background:url(/resource/wg/images/contents/bg_vision_left.svg) no-repeat 50% 50% / 100%;opacity:.15;}
[data-subarea="vision"] .vision_wrap .vision::after								{content:'';position:absolute;right:4%;top:20%;display:block;width:210px;height:54px;background:url(/resource/wg/images/contents/bg_vision_right.svg) no-repeat 50% 50% / 100%;opacity:.15;}
[data-subarea="vision"] .vision_wrap .vision dt									{font-size: clamp(1em, 3vw, 1.375em);}
[data-subarea="vision"] .vision_wrap .vision dt::before,							
[data-subarea="vision"] .vision_wrap .vision dt::after							{content:'';display:inline-block;vertical-align:middle;width: clamp(1em, 1vw + 1.3em, 2em);height:1px;background:var(--color-white);opacity:.74;}
[data-subarea="vision"] .vision_wrap .vision dt::before							{margin-right:10px;}
[data-subarea="vision"] .vision_wrap .vision dt::after							{margin-left:10px;}
[data-subarea="vision"] .vision_wrap .vision dd									{font-size: clamp(1.5em, 3vw, 2.5em);font-weight:500;margin-top: .25em;}
[data-subarea="vision"] .vision_wrap .guide_list .basic_ul						{margin-top:0;}
[data-subarea="vision"] .vision_wrap .guide_list>li .icon1::before		        { width:clamp(52px, 5vw, 72px); height:clamp(48px, 5vw, 68px);background-image:url(/resource/wg/images/contents/icon_vision01.svg); }
[data-subarea="vision"] .vision_wrap .guide_list>li .icon2::before		         { width:clamp(50px, 5vw, 70px);height:clamp(59px, 5vw, 82px); background-image:url(/resource/wg/images/contents/icon_vision02.svg); }
[data-subarea="vision"] .vision_wrap .guide_list>li .icon3::before		          { width:clamp(52px, 5vw, 72px); height:clamp(52px, 5vw, 72px); background-image:url(/resource/wg/images/contents/icon_vision03.svg); }

/* 발자취 */
[data-subarea="vision"] .history_wrap											{ position:relative; width:100%; padding:clamp(3em, 5vw, 6em) 0; background:#000; color:var(--color-white); overflow:hidden }
[data-subarea="vision"] .history_wrap::before									{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(/resource/wg/images/contents/bg_history.jpg) no-repeat 50% 50% / cover; content:''; opacity:.2; }
[data-subarea="vision"] .history_wrap .h5_title								{ margin-top:0; }
[data-subarea="vision"] .history_wrap .h5_title::after							{ background-color:var(--color-white); }
[data-subarea="vision"] .history_wrap .historySwiper							{ margin-top:clamp(3em, 5vw, 4em); overflow:inherit }
[data-subarea="vision"] .history_wrap .historySwiper::after					{ position:absolute; width:calc(100vw + 6vw); height:1px; background:#fff; left:-6vw; top:calc(clamp(60px, 7vw, 120px) - 10px); content:''; opacity:.2 }
[data-subarea="vision"] .history_wrap .swiper-slide							{ width:auto; min-width:calc(100% / 3.5);}
[data-subarea="vision"] .history_wrap .swiper-slide strong						{ position:relative; display:flex; font-size:clamp(2em, 3vw, 3.5em); font-weight:100; height:clamp(60px, 7vw, 120px); line-height:1; }
[data-subarea="vision"] .history_wrap .swiper-slide strong::before				{ position:absolute; left:0; bottom:0px; width:1px; height:20px; background:#fff; content:''; }
[data-subarea="vision"] .history_wrap .swiper-slide dl							{ position:relative; display:flex; flex-flow:column; gap:.5em; margin-top:clamp(2em, 3vw, 3em) }
[data-subarea="vision"] .history_wrap .swiper-slide dl + dl						{margin-top:clamp(.5em, 3vw, 1em) ;}
[data-subarea="vision"] .history_wrap .swiper-slide dl>dt						{ font-size:1.2em; font-weight:bold; opacity:.54 }
[data-subarea="vision"] .history_wrap .swiper-slide dl>dd						{ position:relative; padding-left:15px; font-size:1.167em; font-weight:300; }
[data-subarea="vision"] .history_wrap .swiper-slide dl>dd::before				{ position:absolute; left:0; top:.75em; width:7px; height:1px; background:#fff; content:''; }
[data-subarea="vision"] .history_wrap .swiper_control							{ margin-top:-4.1em; display:flex; justify-content:end; }
[data-subarea="vision"] .history_wrap .swiper_control .swiper_prev,
[data-subarea="vision"] .history_wrap .swiper_control .swiper_next				{ width:50px; height:50px; border:1px solid var(--color-white); }
[data-subarea="vision"] .history_wrap .swiper_control .swiper_next				{ margin-left:-1px; }
[data-subarea="vision"] .history_wrap .swiper_control .swiper_prev::before,
[data-subarea="vision"] .history_wrap .swiper_control .swiper_next::before		{ filter:invert(1); }
[data-subarea="vision"] .history_wrap .swiper_control .control					{ display:flex; justify-content:center; }


@media all and (max-width:1568px) {
	[data-subarea="vision"] .vision_wrap .vision					{padding:2.5em;}
	[data-subarea="vision"] .history_wrap .swiper-slide				{ min-width:calc(100% / 3); }
}

@media all and (max-width:1468px) {
	[data-subarea="vision"] .vision_wrap .vision					{padding:2em;margin-bottom:1.5em;}
}

@media all and (max-width:1368px) {
	[data-subarea="vision"] .vision_wrap .vision					{padding:1.88em;margin-bottom:1em;}
	[data-subarea="vision"] .history_wrap .swiper-slide				{ min-width:calc(100% / 2.5); }
}

@media all and (max-width:1024px) {
	[data-subarea="vision"] .vision_wrap .vision::before							{width:120px;height:56px;}
	[data-subarea="vision"] .vision_wrap .vision::after									{width:180px;height:46px;}

	[data-subarea="vision"] .history_wrap .swiper_control							{ margin-top:-4.05em; }
	[data-subarea="vision"] .history_wrap .swiper_control .swiper_prev,
	[data-subarea="vision"] .history_wrap .swiper_control .swiper_next				{ width:42px; height:42px; }
}

@media all and (max-width:968px) {
	[data-subarea="vision"] .history_wrap .swiper-slide				{ min-width:inherit; padding-right:10em}
}

@media all and (max-width:968px) {
	[data-subarea="vision"] .history_wrap .swiper_control							{ margin-top:-3.8em; }
	[data-subarea="vision"] .history_wrap .swiper_control .swiper_prev,
	[data-subarea="vision"] .history_wrap .swiper_control .swiper_next				{ width:38px; height:38px; }
}

@media all and (max-width:868px) {
	[data-subarea="vision"] .vision_wrap .vision::before							{left:2%;}
	[data-subarea="vision"] .vision_wrap .vision::after									{right:2%;}
	[data-subarea="vision"] .history_wrap .swiper_control							{ margin-top:-3.7em; }
	[data-subarea="vision"] .history_wrap .swiper_control .swiper_prev,
	[data-subarea="vision"] .history_wrap .swiper_control .swiper_next				{ width:35px; height:35px; }
}

@media all and (max-width:768px) {
	[data-subarea="vision"] .history_wrap .swiper_control							{ margin-top:-3.65em; }
}

@media all and (max-width:668px) {
	[data-subarea="vision"] .vision_wrap .vision::before							{left:-2%;width:100px;height:48px;}
	[data-subarea="vision"] .vision_wrap .vision::after									{right:-2%;width:160px;height:41px;}
	[data-subarea="vision"] .history_wrap .swiper_control							{ margin-top:-3.55em; }
}

@media all and (max-width:568px) {
	[data-subarea="vision"] .history_wrap .swiper_control							{ margin-top:-3.4em; }
}

@media all and (max-width:468px) {
	[data-subarea="vision"] .vision_wrap .vision::before							{left:-4%;bottom:10%;width:100px;height:48px;}
	[data-subarea="vision"] .vision_wrap .vision::after									{right:-4%;top:10%;width:160px;height:41px;}
	[data-subarea="vision"] .history_wrap .swiper-slide							{ width:100%; }
	[data-subarea="vision"] .history_wrap .swiper_control							{ margin-top:-3.3em; }
}

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

 							조직 및 업무

**********************************************************************/
[data-subarea="org"] .org                                                               {text-align:center; position:relative;width:100%;max-width:1280px;margin:0 auto;}
[data-subarea="org"] .org .top                                                          {position:relative;border:1px solid #ddd;width:calc((100% - 8em) / 3);margin: 0 auto 3em;}
[data-subarea="org"] .org .top::after                                                   {content:'';display:block;width:1px;height: 3em;position:absolute;left: 50%;top: 100%;background:#ddd;}
[data-subarea="org"] .org .top dt                                                      {font-size: 1.375em;font-weight: 700;line-height: 1;color: #fff;background: var(--color-point);padding: 1.063em;}
[data-subarea="org"] .org .top dd                                                       {padding: 0.75em;display:flex;align-items: center;justify-content: center;}
[data-subarea="org"] .org .top dd + dd                                               {border-top: 1px solid #ddd;}
[data-subarea="org"] .org > li > ul                                                     {position:Relative;display:flex;gap: 0 4em;justify-content: space-between;align-items: flex-start;}
[data-subarea="org"] .org > li > ul::before                                             {content: '';display: block;width: calc(100% - calc((100% - 8em) / 3));height: 1px;margin: 0 auto;position: absolute;left: 0;right: 0;top: 0;background: #ddd;}
[data-subarea="org"] .org > li > ul > li                                                {position:Relative;padding-top: 3em;width:calc((100% - 8em) / 3);}
[data-subarea="org"] .org > li > ul > li:before                                         {content:'';display:block;width:1px;height: 3em;position:absolute;left: 50%;top: 0;background:#ddd;}
[data-subarea="org"] .org > li > ul > li::after                                         {content:'';display:block;width:1px;height: 100%;position:absolute;left: 50%;top: 0;background:#ddd;z-index:-1;}
[data-subarea="org"] .org > li > ul > li strong                                         {background: var(--color-base);color: #fff;font-size: 1.25em;padding: 1em;display:block;}
[data-subarea="org"] .org > li > ul > li dl                                             {border: 1px solid #ddd;margin-top: 1.25em;}
[data-subarea="org"] .org > li > ul > li dl dt                                          {padding: .88em;font-size: 1.067em;font-weight: 600;border-bottom: 1px solid #ddd;background: #f5f5f5;}
[data-subarea="org"] .org > li > ul > li dl dd                                          {padding: .75em;font-size: 1em;background:#fff;color:#454545;display:flex;align-items: center;justify-content: center;}

[data-subarea="org"] .org > li > ul > li dl:nth-child(3) dd,
[data-subarea="org"] .org > li > ul > li dl:nth-child(4) dd								{min-height: 6.248em;}

[data-subarea="org"] .org > li > ul > li dl dd + dd                                 {border-top:1px solid #ddd;}

[data-subarea="org"] .org .tel                                                          {padding:0 !important;font-weight:600;font-size:1.067em;min-height: auto !important;}
[data-subarea="org"] .org .tel > a														{display:flex;align-items: center;justify-content: center;gap:0 .25em;width:100%;padding: .75em;}
[data-subarea="org"] .org .tel .icon						                           { width:22px; height:22px;}
[data-subarea="org"] .org .tel .icon::before				                        { content:'';background-image:url(/resource/wg/images/contents/icon_tel.svg);display:block;width: 100%;height: 100%; background-repeat: no-repeat;background-position: center;background-size: 100%;}

@media all and (max-width:1368px) {
    [data-subarea="org"] .org .top                                                      {margin-bottom:2em;width: calc((100% - 6em) / 3);}
    [data-subarea="org"] .org .top::after                                             {height:2em;}
    [data-subarea="org"] .org .top dt                                               {font-size:1.25em;}
    [data-subarea="org"] .org > li > ul                                             {gap:0 3em;}
    [data-subarea="org"] .org > li > ul::before                                     {width: calc(100% - calc((100% - 6em) / 3));}
    [data-subarea="org"] .org > li > ul > li                                        {width: calc((100% - 6em) / 3);padding-top:2em;}
    [data-subarea="org"] .org > li > ul > li:before                                 {height:2em;}
    [data-subarea="org"] .org > li > ul > li strong                                {font-size:1.125em;}
    [data-subarea="org"] .org > li > ul > li dl                                     {margin-top:1em;}
}   

@media all and (max-width:1024px) {
    [data-subarea="org"] .org > li > ul > li dl:nth-child(3) dd,
    [data-subarea="org"] .org > li > ul > li dl:nth-child(4) dd						{min-height: 6.256em;}
    [data-subarea="org"] .org .tel .icon                                            {width:18px;height:18px;}
}

@media all and (max-width:868px) {
    [data-subarea="org"] .org > li > ul                                             {gap:0 2em;}
    [data-subarea="org"] .org > li > ul > li                                        {width: calc((100% - 4em) / 3);}
}


@media all and (max-width:768px) {
  	[data-subarea="org"] .org															{max-width:480px;}
    [data-subarea="org"] .org .top                                                      {margin-bottom:1.5em;width:80%;}
    [data-subarea="org"] .org .top::after                                             {height:1.5em;}
    [data-subarea="org"] .org > li > ul                                             {flex-wrap:wrap;gap:0;}
    [data-subarea="org"] .org > li > ul::before                                     {display:none;}
    [data-subarea="org"] .org > li > ul > li                                        {width: 100%;padding-top:1.5em;}
    [data-subarea="org"] .org > li > ul > li:before                                 {display:none;}
  	[data-subarea="org"] .org > li > ul > li:first-child                            {padding-top:0;}
    [data-subarea="org"] .org > li > ul > li dl:nth-child(3) dd                 {min-height:4.695em;}
    [data-subarea="org"] .org > li > ul > li:first-child dl:nth-child(3) dd     {min-height: 6.256em;}
  	[data-subarea="org"] .org > li > ul > li dl dd                                   {min-height:auto !important;}
}

@media all and (max-width:468px) {
    [data-subarea="org"] .org .top dt                                                {font-size:1.125em;padding: 1em;}
    [data-subarea="org"] .org .top dd                                               {font-size:.94em;padding: .5em;}
    [data-subarea="org"] .org > li > ul::before                                     {display:none;}
    [data-subarea="org"] .org > li > ul > li strong                             	{font-size:1.067em;padding: .88em;}
    [data-subarea="org"] .org > li > ul > li dl                                     {margin-top:.75em;}
    [data-subarea="org"] .org > li > ul > li dl dt                                  {font-size:1em;}
    [data-subarea="org"] .org > li > ul > li dl dd                                   {padding: .5em;font-size: .94em;} 

    [data-subarea="org"] .org .tel                                                  {font-size:1em;}
  	[data-subarea="org"] .org .tel > a												{padding: .5em;}
    [data-subarea="org"] .org .tel .icon                                            {width:16px;height:16px;}  
}

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

 						찾아오시는 길

**********************************************************************/
[data-subarea="location"]															{ display:flex; flex-wrap:wrap; justify-content:space-between; }
[data-subarea="location"] .map_box													{ width:calc(100% - 35em); overflow:hidden; border-bottom:1px solid rgba(0,0,0,.1) }
[data-subarea="location"] .map_box .root_daum_roughmap,
[data-subarea="location"] .map_box .root_daum_roughmap .wrap_map					{ width:100%; height:100% !important;z-index: 1; }
[data-subarea="location"] .map_box .root_daum_roughmap .wrap_btn_zoom				{z-index:1 !important;}
[data-subarea="location"] .info_wrap												{ display:flex; flex-flow:column; gap:2em; width:35em; background:var(--color-base); color:var(--color-white); padding:2em }
[data-subarea="location"] .map_info,
[data-subarea="location"] .icon_loc													{ display:flex; flex-wrap:wrap; flex-flow:column; gap:1em }
[data-subarea="location"] .icon_loc													{ gap:0 }
[data-subarea="location"] .icon_loc>li												{ width:100%; }
[data-subarea="location"] .map_info dl												{ display:flex;  flex-flow:column; gap:0  }
[data-subarea="location"] .map_info dl>dt											{ font-size:clamp(2em, 2.5vw, 2.8em); font-weight:500; line-height:1 }
[data-subarea="location"] .map_info dl>dt::first-letter 							{ text-transform:uppercase;}
[data-subarea="location"] .map_info dl>dt small                                     {opacity:.8;}
[data-subarea="location"] .map_info dl>dd											{ font-size:clamp(1.167em, 1.2vw, 1.3em); font-weight:300; line-height:1.4; margin-top:5px; }
[data-subarea="location"] .icon_loc	>li												{ position:relative; width:100%; padding:.5em 0; }
[data-subarea="location"] .icon_loc dl												{ position:relative; padding-left:6.5em; display:flex; align-items:flex-start; justify-content:center; flex-flow:column; min-height:5em;  }
[data-subarea="location"] .icon_loc dl>dt											{ position:absolute; left:0; top:50%; width:5em; height:5em; background:var(--color-white); border-radius:100%; transform:translateY(-50%); }
[data-subarea="location"] .icon_loc dl>dd											{ position:relative; display:block; font-size:.95rem; font-weight:300; line-height:1.2; padding-left:15px; }
[data-subarea="location"] .icon_loc dl>dd::before									{ position:absolute; left:0; top:.4em; width:4px; height:4px; border-radius:100%; background:var(--color-white); opacity:.4; content:''; }
[data-subarea="location"] .icon_loc dl>dd+dd										{ margin-top:6px; }
[data-subarea="location"] .icon_loc dl>dd strong                                {font-weight:600;}
[data-subarea="location"] .icon_loc .icon											{ position:relative; display:flex;  align-items:center; justify-content:center; }
[data-subarea="location"] .icon_loc .icon::before									{ display:flex; width:5em; height:5em; content:''; background-repeat:no-repeat; background-position:center; background-size:contain; }
[data-subarea="location"] .icon_loc .icon:hover::before,
[data-subarea="location"] .icon_loc .icon:focus::before							{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-subarea="location"] .icon_loc .icon1::before									{ background-image:url(/resource/wg/images/contents/icon_loc01.svg); }
[data-subarea="location"] .icon_loc .icon2::before									{ background-image:url(/resource/wg/images/contents/icon_loc02.svg); }
[data-subarea="location"] .icon_loc .icon3::before									{ background-image:url(/resource/wg/images/contents/icon_loc03.svg); }


@media all and (max-width:1568px) {
	[data-subarea="location"] .map_box												{ width:calc(100% - 30em); }
	[data-subarea="location"] .info_wrap											{ gap:2em; width:30em; padding:1.88em }
}
@media all and (max-width:1368px) {
	[data-subarea="location"] .info_wrap											{ gap:3em; }
	[data-subarea="location"] .map_box												{ width:100%; height:400px }
	[data-subarea="location"] .info_wrap											{ width:100%; }
	[data-subarea="location"] .map_info,
	[data-subarea="location"] .icon_loc												{ flex-flow:row wrap; gap:.75em 3em }
	[data-subarea="location"] .icon_loc>li											{ width:100%; }
}

@media all and (max-width:1168px) {
	[data-subarea="location"] .map_box												{ height:350px }
	[data-subarea="location"] .icon_loc												{ gap:.5em 3em }
	[data-subarea="location"] .icon_loc>li											{ width:inherit; flex:auto }
}

@media all and (max-width:568px) {
	[data-subarea="location"] .map_box												{ height:300px }
}

@media all and (max-width:468px) {
	[data-subarea="location"] .info_wrap											{ padding:1.5em; gap:1em }
	[data-subarea="location"] .map_box												{ height:250px }
	[data-subarea="location"] .icon_loc												{ gap:0; }
	[data-subarea="location"] .icon_loc>li											{ padding:.25em 0; }
	[data-subarea="location"] .icon_loc dl											{ padding-left:0; }
	[data-subarea="location"] .icon_loc dl>dt										{ position:initial; transform:inherit; border-radius:0; background:inherit; }		
	[data-subarea="location"] .icon_loc dl>dt,
	[data-subarea="location"] .icon_loc .icon::before								{ width:4em; height:4em; filter:brightness(100); margin-left:-.65em }			
    [data-subarea="location"] .icon_loc .icon3::before								{filter:invert(1);}				
}

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

 							상설전시

**********************************************************************/
[data-subarea="exhibition"]											{ position:relative;  --sizeImg:790px;margin-top: clamp(1em, 2vw + .5em, 2em);}

/*tab*/
[data-subarea="exhibition"] .tab_wrap							{margin-bottom: clamp(2em, 2vw + 1em, 4em);}

[data-subarea="exhibition"] .exhibition								{ position:relative; width:100%; padding-top:3.75em; }
[data-subarea="exhibition"] .exhibition::before						{ position:absolute; width:1px; left:calc(var(--sizeImg) + 2.97em); top:0; content:''; background:var(--color-base); animation:line cubic-bezier(0, .30, .43, 1) 2s 0.3s both;}
[data-subarea="exhibition"] .exhibition::after						{ position:absolute;  height:1px; left:0%; top:0; content:''; background:var(--color-base); animation:line2 cubic-bezier(0, .30, .43, 1) 3s 0.4s both;}
[data-subarea="exhibition"] .swiper									{width:var(--sizeImg);margin:0; }
[data-subarea="exhibition"] .swiper-slide							{ width:100%; }
[data-subarea="exhibition"] .slide_item .img_wrap .img				{ position:relative; display:block; width:100%; height:0; padding-top:70.886%; overflow:hidden; }
[data-subarea="exhibition"] .slide_item .img_wrap .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}
[data-subarea="exhibition"] .slide_item .img_wrap .eng				{ position:absolute; left:.5em; bottom:-.2em; font-size:6.25em; font-weight:300; color:rgba(255,255,255,.2); z-index:2; line-height:1; text-transform:uppercase }
[data-subarea="exhibition"] .text_wrap					{ position:absolute;top:3.75em;right:0;display:flex; align-items:flex-start; flex-flow:column; width:calc(100% - var(--sizeImg) - 5.94em); margin-left:5.94em; }
[data-subarea="exhibition"] .text_wrap .color_point		{ font-size:1.56em; line-height:1 }
[data-subarea="exhibition"] .text_wrap small.color_point{font-size:1em;}
[data-subarea="exhibition"] .text_wrap strong			{ font-size:2.63em; font-weight:bold; margin-top:.25em; line-height:1.2 }
[data-subarea="exhibition"] .text_wrap .text			{ display:flex; flex-flow:column; gap:1em; font-size:1.06em; margin-top:3.53em;width:100%;}
[data-subarea="exhibition"] .text_wrap .text>p			{ font-weight:300; line-height:1.5 }
[data-subarea="exhibition"] .swiper_control							{ width:var(--sizeImg); position:absolute; right:0; top:0; }
[data-subarea="exhibition"] .swiper_control .control				{ justify-content:end; }
[data-subarea="exhibition"] .swiper_prev,
[data-subarea="exhibition"] .swiper_next,
[data-subarea="exhibition"] .swiper_auto							{ width:clamp(35px, 4vw, 55px); height:clamp(35px, 4vw, 55px); border:1px solid #000; background-color:var(--color-white) }
[data-subarea="exhibition"] .swiper_auto							{ margin-left:-1px; margin-right:-1px; }

[data-subarea="exhibition"] .item												{display:flex;justify-content: space-between;gap:2em;flex-wrap:wrap;justify-content: flex-start;}
[data-subarea="exhibition"] .item li											{flex: 0 1 calc((100% - 6em) / 4);border-bottom:1px solid var(--color-base);}
[data-subarea="exhibition"] .item li .img img								{width:100%;}
[data-subarea="exhibition"] .item li strong								{display:block;padding: 1.2em 0;font-size: 1.167em;font-weight:500;}

@media all and (max-width:1768px) {
    [data-subarea="exhibition"]										{ --sizeImg:760px;}
	[data-subarea="exhibition"] .exhibition						{ padding-top:3.5em;}
	[data-subarea="exhibition"] .exhibition::before			{ left:calc(var(--sizeImg) + 2.5em); }
    [data-subarea="exhibition"] .text_wrap					{ width:calc(100% - var(--sizeImg) - 5em); margin-left:5em;top:3.5em; }
    [data-subarea="exhibition"] .text_wrap .color_point	{ font-size:1.46em; }
    [data-subarea="exhibition"] .text_wrap strong		{ font-size:2.53em; }
    [data-subarea="exhibition"] .text_wrap .text		{ gap:1.76em; font-size:1.03em; margin-top:3.5em;}
}

@media all and (max-width:1668px) {
    [data-subarea="exhibition"]										{ --sizeImg:720px;}
	[data-subarea="exhibition"] .exhibition					{ padding-top:3em;}
	[data-subarea="exhibition"] .exhibition::before		{ left:calc(var(--sizeImg) + 2em); }
    [data-subarea="exhibition"] .text_wrap				{ width:calc(100% - var(--sizeImg) - 4em); margin-left:4em;top:3em;  }
    [data-subarea="exhibition"] .text_wrap .color_point	{ font-size:1.36em; }
    [data-subarea="exhibition"] .text_wrap strong		{ font-size:2.43em; }
    [data-subarea="exhibition"] .text_wrap .text		{ gap:1.5em; margin-top:3em;}
}

@media all and (max-width:1568px) {
    [data-subarea="exhibition"]									{ --sizeImg:690px;}
	[data-subarea="exhibition"] .exhibition					{ padding-top:2.5em;}
	[data-subarea="exhibition"] .text_wrap					{top:2.5em;}
    [data-subarea="exhibition"] .text_wrap .color_point	{ font-size:1.26em; }
    [data-subarea="exhibition"] .text_wrap strong		{ font-size:2.25em; }
    [data-subarea="exhibition"] .text_wrap .text		{ margin-top:2em;}
}

@media all and (max-width:1468px) {
    [data-subarea="exhibition"]										{ --sizeImg:630px;}
	[data-subarea="exhibition"] .exhibition::before		{ left:calc(var(--sizeImg) + 1.5em); }
    [data-subarea="exhibition"] .text_wrap				{ width:calc(100% - var(--sizeImg) - 3em); margin-left:3em; }
    [data-subarea="exhibition"] .text_wrap .color_point	{ font-size:1.2em; }
    [data-subarea="exhibition"] .text_wrap strong		{ font-size:2em; }
    [data-subarea="exhibition"] .text_wrap .text		{ margin-top:1.5em;}
    [data-subarea="exhibition"] .slide_item .img_wrap .eng			{ font-size:5.25em; }
}

@media all and (max-width:1368px) {
    [data-subarea="exhibition"]										{ --sizeImg:100%; }
 	[data-subarea="exhibition"] .exhibition				{ margin-bottom:6.5em;padding-top:0;}
  	[data-subarea="exhibition"] .exhibition:has(.swiper-button-lock){margin-bottom:0 !important;}
	[data-subarea="exhibition"] .exhibition::before,
    [data-subarea="exhibition"] .exhibition::after{ display:none }
    [data-subarea="exhibition"] .slide_item .img_wrap	{ margin-top:2em;  }
    [data-subarea="exhibition"] .text_wrap				{ position:inherit;top: inherit;width:100%; margin-left:0; }
    [data-subarea="exhibition"] .swiper_control			{top:100%;}
}

@media all and (max-width:1168px) {
	[data-subarea="exhibition"] .item											{gap:1.5em;justify-content: flex-start;flex-wrap:wrap;}
	[data-subarea="exhibition"] .item li										{flex: 0 1 calc((100% - 3em) / 3);}
}

@media all and (max-width:1024px) {
    [data-subarea="exhibition"]	.exhibition								{ margin-bottom:6.1em;  }
}

@media all and (max-width:868px) {
    [data-subarea="exhibition"] .exhibition									{ margin-top:1.5em;margin-bottom:5.5em;}
    [data-subarea="exhibition"] .text_wrap strong						{ font-size:1.9em; }
    [data-subarea="exhibition"] .text_wrap .text								{ gap:1em; }
    [data-subarea="exhibition"] .img_wrap .eng									{ font-size:4.25em; }
}

@media all and (max-width:668px) {
  	[data-subarea="exhibition"] .exhibition									{margin-bottom:5.1em;}
	[data-subarea="exhibition"] .item											{gap:1em;}
	[data-subarea="exhibition"] .item li										{flex: 0 1 calc((100% - 1em) / 2);}
	[data-subarea="exhibition"] .item li strong								{padding:1em 0;font-size:1.063em;}
}

@media all and (max-width:468px) {
    [data-subarea="exhibition"] .exhibition										{ margin-bottom:4.8em;}
}

@media all and (max-width:368px) {
    [data-subarea="exhibition"] .text_wrap strong								{ font-size:1.8em; }
    [data-subarea="exhibition"] .slide_item .img_wrap .eng							{ font-size:3.25em; }
	[data-subarea="exhibition"] .item li										{flex: 0 1 100%;}
}

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

 						열린수장고

**********************************************************************/
[data-subarea="storage"] .img_box						                    { background:url(/resource/wg/images/contents/img_storage.jpg) no-repeat 50% 50% / cover ;}


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

 					백제왕궁가상체험관

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

[data-subarea="vr"] .img 														{margin-top:2em;}
[data-subarea="vr"] .img img													{width:100%;}
[data-subarea="vr"] .img  > ul													{display:flex;gap:1.56em;flex-wrap:wrap;}
[data-subarea="vr"] .img  > ul	> li											{width:calc((100% - 1.56em) / 2);}
[data-subarea="vr"] .target														{display:flex;align-items:center;margin-top:.5em;}
[data-subarea="vr"] .target::before												{content:'';display:block;width:25px;height:25px;background:url(/resource/wg/images/contents/icon_target.svg) no-repeat center / 100%;margin-right:.5em;}
[data-subarea="vr"] .target strong												{font-weight:700;margin-right: .25em;}
[data-subarea="vr"] .contact > li												{width:100% !important;}

@media all and (max-width:1468px) {
	[data-subarea="vr"] .img  > ul											{gap:1em;}
	[data-subarea="vr"] .img  > ul	> li									{width:calc((100% - 1em) / 2);}
}

@media all and (max-width:1368px) {
	[data-subarea="vr"] .img  > ul											{gap:.5em;}
	[data-subarea="vr"] .img  > ul	> li									{width:calc((100% - .5em) / 2);}
}

@media all and (max-width:768px) {
	[data-subarea="vr"] .img  > ul	> li									{width:100%;}
}


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

						 통합예약신청

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

[data-subarea="reserver"] .list													{ display:flex; gap:1.56em; flex-flow:row wrap  }
[data-subarea="reserver"] .list>li												{ display:flex; flex-flow:column; justify-content:start; width:calc((100% - 3.12em) / 3); padding:2.5em;background: #f5f5f5; }
[data-subarea="reserver"] .list>li > strong									{ position:relative;display:flex; justify-content: space-between;font-size:1.38em; font-weight:bold; line-height:1; padding-bottom:clamp(0.75em, 1vw + 0.3em, 1em); border-bottom:1px solid #ccc; }
[data-subarea="reserver"] .list>li > strong::before							{ position:absolute; width:clamp(5em, 3vw + 2em, 8.18em); height:1px; bottom:-1px; left:0; background:#000; content:''; transition:var(--trans-ani);}
[data-subarea="reserver"] .list>li:focus > strong::before,
[data-subarea="reserver"] .list>li:hover > strong::before					{ width:100%; }
[data-subarea="reserver"] .list>li > strong::after								{content:'';position:absolute;right:0;top:-4px;display: block;width:34px;height: 30px;}
[data-subarea="reserver"] .list>li:nth-child(1) > strong::after				{background: url(/resource/wg/images/contents/icon_reserve01.svg) no-repeat center right / 27px auto;}
[data-subarea="reserver"] .list>li:nth-child(2) > strong::after				{background: url(/resource/wg/images/contents/icon_reserve02.svg) no-repeat center right / 34px auto;}
[data-subarea="reserver"] .list>li:nth-child(3) > strong::after				{background: url(/resource/wg/images/contents/icon_reserve03.svg) no-repeat center right /  23px auto;}
[data-subarea="reserver"] .list>li:nth-child(4) > strong::after				{background: url(/resource/wg/images/contents/icon_reserve04.svg) no-repeat center right / 29px auto;}
[data-subarea="reserver"] .list>li:nth-child(5) > strong::after				{background: url(/resource/wg/images/contents/icon_reserve05.svg) no-repeat center right /  27px auto;}
[data-subarea="reserver"] .list>li:nth-child(6) > strong::after				{background: url(/resource/wg/images/contents/icon_reserve06.svg) no-repeat center right / 25px auto;}
[data-subarea="reserver"] .list>li .btn											{display:flex;margin-top: 2em;gap: .5em;flex-wrap:wrap;}
[data-subarea="reserver"] .list>li .btn a                              		 {flex: 1 1 auto;display: flex;flex-wrap:wrap;align-items:center;justify-content: center;font-size: 1rem;padding: .75em 1em;color: #fff;background: var(--color-base);text-align: center;transition:var(--trans-ani);}
[data-subarea="reserver"] .list>li .btn a:focus,
[data-subarea="reserver"] .list>li .btn a:hover								{background:var(--color-point);}


/*modal*/
[data-subarea="reserver"] #reservationModal																{position:fixed;background: rgba(255,255,255,.8);width:100%;height:100vh;top: 0;left: 0;z-index: 99999;}
[data-subarea="reserver"] #reservationModal .modal-content											{position: absolute;width: 90%;max-width: 1200px;border: 2px solid var(--color-base);left: 0;background: #fff;left: 50%;z-index: 1;transform: translate(-50%, -50%);top: 50%;}						
[data-subarea="reserver"] #reservationModal .modal-header 											{position:Relative;background:var(--color-base2);--sizeHig:90px;padding:2em 0 2em 2.5em;line-height: 1.2;}
[data-subarea="reserver"] #reservationModal .modal-header h2											{color:var(--color-white);font-size:1.38em;margin-right:var(--sizeHig);font-weight:600;}
[data-subarea="reserver"] #reservationModal .modal-header .close										{position: absolute;right: 0;top: 0;height: 100%;;width: var(--sizeHig);cursor:pointer;}
[data-subarea="reserver"] #reservationModal .modal-header .close:before, 
[data-subarea="reserver"] #reservationModal .modal-header .close:after  								{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform:rotate(0deg); transition:0.3s ease 0s; transition-property:transform;}
[data-subarea="reserver"] #reservationModal .modal-header .close:before  							{width: 28px;height: 2px;background: #fff;transform: rotate(45deg);}
[data-subarea="reserver"] #reservationModal .modal-header .close:after  							{width: 2px;height: 28px;background: #fff;transform: rotate(45deg);}
[data-subarea="reserver"] #reservationModal .modal-body											{padding:2.5em;overflow-y: auto;max-height:62vh;}
[data-subarea="reserver"] #reservationModal .modal-body .guide_list									{margin-bottom:2em;}
[data-subarea="reserver"] #reservationModal .modal-body .guide_list > li							{border:none;padding:0;}
[data-subarea="reserver"] #reservationModal .modal-body .guide_list > li dl						{gap:1.5em;}
[data-subarea="reserver"] #reservationModal .modal-body .guide_list > li dd						{font-size:1.167em;}
[data-subarea="reserver"] #reservationModal .modal-body .guide_list > li dd .ex						{ position:relative; width:100%; padding-left:.94em; font-size:1rem; font-weight:300; opacity:.74; line-height:1.2 }
[data-subarea="reserver"] #reservationModal .modal-body .guide_list > li dd .ex::before				{ position:absolute; left:0; top:clamp(-.05em, 1vw + 0.5rem, -.07em); content:'※'; }
[data-subarea="reserver"] #reservationModal .modal-body .box									{background:#f7f7f7;padding:1.88em;}
[data-subarea="reserver"] #reservationModal .modal-body .box > strong						{font-size:1.167em;font-weight:700;}
[data-subarea="reserver"] #reservationModal .modal-body .box .basic_ul li strong			{font-weight:400;}
[data-subarea="reserver"] #reservationModal .modal-body .box .basic_ul li .ex						{ position:relative;display:block; width:100%; padding-left:.94em; font-size:1rem; font-weight:300; line-height:1.2 }
[data-subarea="reserver"] #reservationModal .modal-body .box .basic_ul li .ex::before				{ position:absolute; left:0; top:clamp(-.05em, 1vw + 0.5rem, -.07em); content:'※'; }
[data-subarea="reserver"] #reservationModal .modal-footer .basic_btn							{margin-top:0;}
[data-subarea="reserver"] #reservationModal .modal-footer .basic_btn button					{width:100%;font-size:1.167em !important;}
[data-subarea="reserver"] #reservationModal .modal-footer .basic_btn button:focus,
[data-subarea="reserver"] #reservationModal .modal-footer .basic_btn button:hover				{background:var(--color-point);}


@media (max-width: 1568px) {
	[data-subarea="reserver"] .list>li											{padding:2em;}
    [data-subarea="reserver"] .list>li > strong 									{font-size: 1.28em; }
	[data-subarea="reserver"] .list>li .btn										{margin-top:1.88em;}
}

@media (max-width: 1468px) {
	[data-subarea="reserver"] .list												{gap:1em;}
	[data-subarea="reserver"] .list>li											{padding:1.88em;}
    [data-subarea="reserver"] .list>li > strong	 								{font-size: 1.2em;}
	[data-subarea="reserver"] .list>li .btn										{margin-top:1.5em;}
}

@media (max-width: 1368px) {
	[data-subarea="reserver"] .list												{gap:.5em;}
	[data-subarea="reserver"] .list>li											{padding:1.5em;}	
	[data-subarea="reserver"] .list>li > strong 									{font-size: 1.167em;}
	[data-subarea="reserver"] .list>li .btn										{margin-top:1.375em;}
	[data-subarea="reserver"] .list>li .btn a										{font-size:.94rem;}

	/*modal*/
	[data-subarea="reserver"] #reservationModal .modal-body .guide_list > li dd .ex,
	[data-subarea="reserver"] #reservationModal .modal-body .box .basic_ul li .ex					{font-size:.95rem;}
}

@media (max-width: 1168px) {
	[data-subarea="reserver"] .list>li											{width: calc((100% - .5em) / 2);}	
	[data-subarea="reserver"] .list>li > strong::after								{top:-3px;width:32px;height: 28px;}
	[data-subarea="reserver"] .list>li:nth-child(1) > strong::after				{background-size:25px auto;}
	[data-subarea="reserver"] .list>li:nth-child(2) > strong::after				{background-size:32px auto;}
	[data-subarea="reserver"] .list>li:nth-child(3) > strong::after				{background-size:21px auto;}
	[data-subarea="reserver"] .list>li:nth-child(4) > strong::after				{background-size:27px auto;}
	[data-subarea="reserver"] .list>li:nth-child(5) > strong::after				{background-size:25px auto;}
	[data-subarea="reserver"] .list>li:nth-child(6) > strong::after				{background-size:23px auto;}

	/*modal*/
	[data-subarea="reserver"] #reservationModal .modal-header										{--sizeHig:80px;padding:1.88em 0 2em 1.88em;}
	[data-subarea="reserver"] #reservationModal .modal-body										{padding:2em;}
	[data-subarea="reserver"] #reservationModal .modal-body .guide_list							{margin-bottom:1.88em;}
	[data-subarea="reserver"] #reservationModal .modal-body .box									{padding:1.5em;}
}

@media (max-width: 768px) {
	[data-subarea="reserver"] .list>li											{width: 100%;}
	[data-subarea="reserver"] .list>li .btn a										{font-size:.88rem;padding:.625em;}	

	/*modal*/
  [data-subarea="reserver"] #reservationModal .modal-body										{max-height: 60vh;}
	[data-subarea="reserver"] #reservationModal .modal-body .guide_list							{gap:1.5em 1em;}
	[data-subarea="reserver"] #reservationModal .modal-body .guide_list > li dl					{gap:.75em;}
	[data-subarea="reserver"] #reservationModal .modal-body .guide_list > li dd .ex,
	[data-subarea="reserver"] #reservationModal .modal-body .box .basic_ul li .ex					{font-size:.9rem;}
}

@media (max-width: 468px) {
	/*modal*/
	[data-subarea="reserver"] #reservationModal .modal-header										{--sizeHig:60px;padding:1.25em 0 1.12em 1.5em;}
	[data-subarea="reserver"] #reservationModal .modal-header h2									{font-size:1.25em;}
	[data-subarea="reserver"] #reservationModal .modal-header .close:before  						{width: 22px;}
	[data-subarea="reserver"] #reservationModal .modal-header .close:after  						{height: 22px;}
	[data-subarea="reserver"] #reservationModal .modal-body										{padding:1.5em;}
	[data-subarea="reserver"] #reservationModal .modal-body .guide_list							{margin-bottom:1.25em;}
	[data-subarea="reserver"] #reservationModal .modal-body .box									{padding:1em;}
	
}

@media (max-width: 268px) {
	[data-subarea="reserver"] .list>li > strong::after						{display:none;}

	/*modal*/
	[data-subarea="reserver"] #reservationModal .modal-header										{--sizeHig:50px;}
}


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

						 시설대관 신청

**********************************************************************/
[data-subarea="rental"] .row_list>li:nth-child(1) .img_box						{ background:url(/resource/wg/images/contents/img_rental01.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="rental"] .row_list>li:nth-child(2) .img_box						{ background:url(/resource/wg/images/contents/img_rental02.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="rental"] .row_list>li .text_wrap small.color_point			{display:block;margin-top:.75em;}
[data-subarea="rental"] .guide_list>li											{gap:3.13em;}
[data-subarea="rental"] .guide_list .basic_btn									{font-size:16px;margin-top:auto;}										
[data-subarea="rental"] .guide_list .basic_btn a								{font-weight:400;width:100%;}
[data-subarea="rental"] .contact>li													{width:100% !important;}

@media (max-width: 1468px) {
  [data-subarea="rental"] .guide_list>li											{gap:2em;}
}

@media (max-width: 1368px) {
  [data-subarea="rental"] .guide_list>li											{gap:1.5em;}
}

@media (max-width: 1024px) {
	[data-subarea="rental"] .guide_list .basic_btn								{font-size:14px;}
}

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

 						자원봉사 신청

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

[data-subarea="volunteer"] .guide_list>li .icon1::before		                    {width:clamp(52px, 5vw, 72px); height:clamp(53px, 5vw, 73px);background-image:url(/resource/wg/images/contents/icon_guide07.svg); }
[data-subarea="volunteer"] .guide_list>li .icon2::before		                    {width:clamp(66px, 5vw, 93px); height:clamp(50px, 5vw, 70px); background-image:url(/resource/wg/images/contents/icon_guide08.svg); }
[data-subarea="volunteer"] .guide_list>li .icon3::before		                 { width:clamp(61px, 5vw, 86px); height:clamp(50px, 5vw, 70px); background-image:url(/resource/wg/images/contents/icon_guide02.svg); }

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

 						열람/복제

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

[data-subarea="view"] .guide_list>li .icon1::before		                    { width:clamp(52px, 5vw, 72px); height:clamp(53px, 5vw, 73px);background-image:url(/resource/wg/images/contents/icon_guide05.svg); }
[data-subarea="view"] .guide_list>li .icon2::before		                    { width:clamp(61px, 5vw, 84px); height:clamp(53px, 5vw, 73px); background-image:url(/resource/wg/images/contents/icon_guide03.svg); }
[data-subarea="view"] .guide_list>li .icon3::before		                { width:clamp(61px, 5vw, 86px); height:clamp(50px, 5vw, 70px); background-image:url(/resource/wg/images/contents/icon_guide02.svg); }

/* 문의 */
[data-subarea] .contact											{ display:flex; flex-wrap:wrap; gap:.5em }
[data-subarea] .contact>li										{ width:calc((100% - 1em) / 2); }
[data-subarea] .contact>li>dl										{ display:flex; flex-wrap:wrap; background:rgba(0,0,0,.08) }
[data-subarea] .contact>li>dl>dt									{ width:100%; padding:10px 20px; background:var(--color-base); color:var(--color-white); font-size:1.267em; font-weight:500;  }
[data-subarea] .contact>li>dl>dd									{ position:relative; padding:20px; padding-right:0; }

@media all and (max-width:968px) {
    [data-subarea] .contact>li>dl>dd								{ width:100%; padding:15px 20px; }
}

@media all and (max-width:668px) {
	[data-subarea] .contact>li												{ width:100%; }
}

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

 						    기증/기탁

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

[data-subarea="donate"] .guide_list>li .icon1::before		{ width:clamp(52px, 5vw, 72px); height:clamp(53px, 5vw, 73px);background-image:url(/resource/wg/images/contents/icon_guide05.svg); }
[data-subarea="donate"] .guide_list>li .icon2::before		{width:clamp(52px, 5vw, 72px); height:clamp(53px, 5vw, 73px);background-image:url(/resource/wg/images/contents/icon_guide07.svg); }
[data-subarea="donate"] .guide_list>li .icon3::before		{ width:clamp(50px, 5vw, 69px); height:clamp(54px, 5vw, 74px); background-image:url(/resource/wg/images/contents/icon_guide06.svg); }


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

 						  백제역사유적지구

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

[data-subarea="baekje"] .img_box						                    { background:url(/resource/wg/images/contents/img_baekje01.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="baekje"] .img_box::after										{display:none;}
[data-subarea="baekje"] .img_list											{ display:flex; gap:1.56em; flex-flow:row wrap;margin-top:2em; }
[data-subarea="baekje"] .img_list>li										{ display:flex; flex-direction: column; justify-content:space-between; width: calc((100% - 3.12em) / 3); gap:3.13em;border:1px solid #000; padding:2.5em; }
[data-subarea="baekje"] .img_list>li>.img img							{width:100%;}
[data-subarea="baekje"] .img_list>li dl										{ display:flex; flex-flow:column; }
[data-subarea="baekje"] .img_list>li dl>dt									{ position:relative; font-size:1.56em; font-weight:bold; line-height:1.3; }
[data-subarea="baekje"] .img_list>li dl>dt span							{font-size: .875em;;font-weight: 500;display: block;color: var(--color-base2);}
[data-subarea="baekje"] .img_list>li dl>dd								{  font-weight:bold; display:flex; flex-flow:column; gap:.4em; }
[data-subarea="baekje"] .img_list>li .basic_btn								{display: flex;flex-flow: column;  gap: .5em;margin-top:auto;  justify-content: center;}
[data-subarea="baekje"] .img_list>li .basic_btn a							{width:100%;font-size:1.067em !important;}
[data-subarea="baekje"] .img_list>li .basic_btn a:focus,
[data-subarea="baekje"] .img_list>li .basic_btn a:hover						{background:var(--color-point);}
[data-subarea="baekje"] .img_list>li .basic_btn a::after					{display:none;}

@media all and (max-width:1568px) {
    [data-subarea="baekje"] .img_list>li					{ padding:2em; }
}
@media all and (max-width:1468px) {
    [data-subarea="baekje"] .img_list						{ gap:3.5em 1em ; }
    [data-subarea="baekje"] .img_list>li					{ width:calc((100% - 2em) / 3);  padding:1.88em; gap:2em;}
}

@media all and (max-width:1368px) {
   	[data-subarea="baekje"] .img_list						{ gap:.5em }
    [data-subarea="baekje"] .img_list>li					{ padding:1.5em; gap:1.5em;}
    [data-subarea="baekje"] .img_list>li dl>dt				{ font-size:1.46em; }
}

@media all and (max-width:1168px) {
    [data-subarea="baekje"] .img_list>li					{ width:calc((100% - .5em) / 2); }
}


@media all and (max-width:768px) {
	[data-subarea="baekje"] .img_list>li				{width:100%; }
	[data-subarea="baekje"] .img_list>li dl>dt				{ font-size:1.3em; }
}


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

 						  왕궁리유적

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

[data-subarea="wanggung-ri"] .row_list>li:nth-child(1) .img_box			{ background:url(/resource/wg/images/contents/img_wanggungri01.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="wanggung-ri"] .row_list>li:nth-child(2) .img_box			{ background:url(/resource/wg/images/contents/img_wanggungri02.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="wanggung-ri"] .row_list>li:nth-child(3) .img_box			{ background:url(/resource/wg/images/contents/img_wanggungri03.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="wanggung-ri"] .row_list>li:nth-child(4) .img_box			{ background:url(/resource/wg/images/contents/img_wanggungri04.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="wanggung-ri"] .row_list>li:nth-child(5) .img_box			{ background:url(/resource/wg/images/contents/img_wanggungri05.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="wanggung-ri"] .row_list>li:nth-child(6) .img_box			{ background:url(/resource/wg/images/contents/img_wanggungri06.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="wanggung-ri"] .row_list>li:nth-child(7) .img_box			{ background:url(/resource/wg/images/contents/img_wanggungri07.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="wanggung-ri"] .row_list>li:nth-child(8) .img_box			{ background:url(/resource/wg/images/contents/img_wanggungri08.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="wanggung-ri"] .row_list>li:nth-child(9) .img_box			{ background:url(/resource/wg/images/contents/img_wanggungri09.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="wanggung-ri"] .row_list>li:nth-child(10) .img_box		{ background:url(/resource/wg/images/contents/img_wanggungri10.jpg) no-repeat 50% 50% / cover ;}

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

 						    미륵사지

**********************************************************************/
[data-subarea="mireuksa"] .row_list>li:nth-child(1) .img_box			{ background:url(/resource/wg/images/contents/img_mireuksa01.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="mireuksa"] .row_list>li:nth-child(2) .img_box			{ background:url(/resource/wg/images/contents/img_mireuksa02.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="mireuksa"] .row_list>li:nth-child(3) .img_box			{ background:url(/resource/wg/images/contents/img_mireuksa03.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="mireuksa"] .row_list>li:nth-child(4) .img_box			{ background:url(/resource/wg/images/contents/img_mireuksa04.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="mireuksa"] .row_list>li:nth-child(5) .img_box			{ background:url(/resource/wg/images/contents/img_mireuksa05.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="mireuksa"] .row_list>li:nth-child(6) .img_box			{ background:url(/resource/wg/images/contents/img_mireuksa06.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="mireuksa"] .row_list>li:nth-child(7) .img_box			{ background:url(/resource/wg/images/contents/img_mireuksa07.jpg) no-repeat 50% 50% / cover ;}


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

 					   개인정보처리방침

**********************************************************************/
[data-subarea="privacy"] .top									{  border: 1px solid var(--color-base); padding: 2em;}

@media all and (max-width:1024px) {
	[data-subarea="privacy"] .top									{  padding: 1.5em;}
}

@media all and (max-width:668px) {
	[data-subarea="privacy"] .top									{  padding: 1.25em;}
}

@media all and (max-width:468px) {
	[data-subarea="privacy"] .top									{  padding: 1em;}
}