@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%; }
}

@keyframes caption {
    0% { opacity:0; transform: translateX(40%) skewX(-5deg);}
    100% { opacity:1;transform: translateX(0) skewX(0);;}
}

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

 						            공통

**********************************************************************/
[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 2s cubic-bezier(0, .30, .43, 1) 0.3s both;}
[data-subarea] .imgText_list::before								{ position:absolute;  height:1px; left:25%; bottom:0; content:''; background:var(--color-base); animation:line2 3s cubic-bezier(0, .30, .43, 1) 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 2s cubic-bezier(0, .30, .43, 1) 0.3s both; }
[data-subarea] .img_box .eng										{ display:flex; width:100%; font-size:4.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] .img_box .caption									{position: absolute;right: 0;bottom: 0;background: rgba(0, 0, 0, .7);color: rgba(255, 255, 255, .8);font-size: .938em;padding: .25em .5em;animation:caption 1.4s cubic-bezier(0, .30, .43, 1) 1.6s both;}
[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:4em; }
	[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:3.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: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								{ max-width:97%; 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="vision"] .vision_wrap										{position:relative;background:#000;color:var(--color-white);padding: clamp(3em, 5vw, 6em) 0;overflow:hidden;margin-bottom: 6em;}
[data-subarea="vision"] .vision_wrap::before								{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(/resource/mahan/images/contents/bg_vision.jpg) no-repeat 50% 50% / cover; content:''; opacity:.15; }
[data-subarea="vision"] .vision_wrap .h5_title:first-child					{margin-top:0;}
[data-subarea="vision"] .vision_wrap .h5_title::after						{background:#fff;}
[data-subarea="vision"] .vision_wrap .vision 								{font-size: clamp(1.5em, 3vw, 2.5em);font-weight:100;}
[data-subarea="vision"] .vision_wrap .vision em								{font-weight:500;}
[data-subarea="vision"] .vision_wrap .mission_list							{display:flex;}
[data-subarea="vision"] .vision_wrap .mission_list	li						{position:relative;padding:0 60px;border-left:1px solid rgba(255,255,255,.2);display:flex;flex-flow:column;gap: .75em;margin-top: clamp(2em, 3vw, 3em);}
[data-subarea="vision"] .vision_wrap .mission_list	li::before				{content:'';display:block;position:absolute;left: -1px;top:0;width: 1px;height:1.2em;background:#fff;}
[data-subarea="vision"] .vision_wrap .mission_list	li strong				{font-weight:700;font-size:1.2em;opacity:.54;line-height:1;}
[data-subarea="vision"] .vision_wrap .mission_list	li span					{font-weight:300;font-size:1.375em;}
[data-subarea="vision"] .imgText_list .img_box								{background:url(/resource/mahan/images/contents/img_vision.jpg) no-repeat 50% 50% / cover ;}

@media all and (max-width:1368px) {
	[data-subarea="vision"] .vision_wrap .mission_list li 					{flex: 1 1 33.3%;padding: 0 3em;}
	[data-subarea="vision"] .vision_wrap .mission_list	li span    			{font-size: 1.25em;}
}

@media all and (max-width:1268px) {
	[data-subarea="vision"] .vision_wrap .mission_list li span br 			{display:none;}
}

@media all and (max-width:1024px) {
	[data-subarea="vision"] .vision_wrap .mission_list	li strong			{font-size:1.063em;}
	[data-subarea="vision"] .vision_wrap .mission_list	li span    			{font-size: 1.125em;}

}

@media all and (max-width:668px) {
	[data-subarea="vision"] .vision_wrap .mission_list						{flex-flow: column wrap;border-left: 1px solid rgba(255, 255, 255, .2); margin-top: clamp(1em, 3vw, 2.5em);}
	[data-subarea="vision"] .vision_wrap .mission_list li					{border-left:none;flex: 1 1 100%;padding:0 0 0 2em;}
	[data-subarea="vision"] .vision_wrap .mission_list li:first-child		{margin-top:0;}
}

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

 							조직 및 업무

**********************************************************************/
[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: #767676;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:400;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/mahan/images/contents/icon_tel.svg);display:block;width: 100%;height: 100%; background-repeat: no-repeat;background-position: center;background-size: 100%;}

/*마한박물관 강조*/
[data-subarea="org"] .org > li > ul > li.mahan strong								{background:#000;font-weight:600;}
[data-subarea="org"] .org > li > ul > li.mahan dl									{border-color:#000;}
[data-subarea="org"] .org > li > ul > li.mahan dl dt								{background:#e9e9e9;}
[data-subarea="org"] .org > li > ul > li.mahan dl dd								{color:var(--color-base);}

[data-subarea="org"] .org > li > ul > li.mahan dl dd.tel							{font-weight:600;}
[data-subarea="org"] .org > li > ul > li.mahan dl dd.tel .icon::before				{background-image:url(/resource/mahan/images/contents/icon_tel_mahan.svg);}

@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] .guide_list							{ display:flex; gap:1.56em; flex-flow:row wrap  }
[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/mahan/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/mahan/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/mahan/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/mahan/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="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; }
[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/mahan/images/contents/icon_loc01.svg); }
[data-subarea="location"] .icon_loc .icon2::before									{ background-image:url(/resource/mahan/images/contents/icon_loc02.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="exhibit"] .map 														{width:100%;max-width:1000px;margin:0 auto 6em;}
[data-subarea="exhibit"] .map .img img											 {width:100%;}
[data-subarea="exhibit"] .row_list>li:nth-child(1) .img_box						{ background:url(/resource/mahan/images/contents/img_exhibit_zone01.jpg) no-repeat 50% 50% / cover }
[data-subarea="exhibit"] .row_list>li:nth-child(2) .img_box						{ background:url(/resource/mahan/images/contents/img_exhibit_zone02.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="exhibit"] .row_list>li:nth-child(3) .img_box						{ background:url(/resource/mahan/images/contents/img_exhibit_zone03.jpg) no-repeat 50% 50% / cover }
[data-subarea="exhibit"] .imgText_list												{margin-bottom:4em;}
[data-subarea="exhibit"] .imgText_list .text_wrap .text								{gap:1.5em;font-size: 1.167em;}
[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt					{display:flex;flex-flow:column wrap;gap:.25em;font-weight:700;font-size:2.5rem;margin-bottom: .5em;}
[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt .color_point	{font-size: .75em;font-weight: 300;line-height: 1;}
[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt small			{font-size:.5em;opacity:.8;font-weight: 300;}
[data-subarea="exhibit"] .item_wrap													{margin-bottom:6em;}
[data-subarea="exhibit"] .item_wrap	ul												{display:flex;justify-content: space-between;gap:2em; }
[data-subarea="exhibit"] .item_wrap ul li											{flex:1 1 16.6%;border-bottom:1px solid var(--color-base);}
[data-subarea="exhibit"] .item_wrap.col05 li										{flex:1 1 20%;}
[data-subarea="exhibit"] .item_wrap.col03 li										{flex:1 1 33.3%;}
[data-subarea="exhibit"] .item_wrap ul li .img img								{width:100%;}
[data-subarea="exhibit"] .item_wrap ul li .text										{padding: 1.2em 0;}
[data-subarea="exhibit"] .item_wrap ul li .text	dt									{font-size: 1.167em;font-weight:500;}
[data-subarea="exhibit"] .item_wrap ul li .text	dd									{font-size:1em;opacity:.74;}

[data-subarea="exhibit"] .map 														{width:100%;max-width:1000px;margin:0 auto 6em;}
[data-subarea="exhibit"] .map .img img											 {width:100%;}
[data-subarea="exhibit"] .row_list>li:nth-child(1) .img_box						{ background:url(/resource/mahan/images/contents/img_exhibit_zone01.jpg) no-repeat 50% 50% / cover }
[data-subarea="exhibit"] .row_list>li:nth-child(2) .img_box						{ background:url(/resource/mahan/images/contents/img_exhibit_zone02.jpg) no-repeat 50% 50% / cover ;}
[data-subarea="exhibit"] .row_list>li:nth-child(3) .img_box						{ background:url(/resource/mahan/images/contents/img_exhibit_zone03.jpg) no-repeat 50% 50% / cover }
[data-subarea="exhibit"] .imgText_list												{margin-bottom:4em;}
[data-subarea="exhibit"] .imgText_list .text_wrap .text								{gap:1.5em;font-size: 1.167em;}
[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt					{display:flex;flex-flow:column wrap;gap:.25em;font-weight:700;font-size:2.5rem;margin-bottom: .5em;}
[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt .color_point	{font-size: .75em;font-weight: 300;line-height: 1;}
[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt small			{font-size:.5em;opacity:.8;font-weight: 300;}
[data-subarea="exhibit"] .item_wrap													{margin-bottom:6em;}
[data-subarea="exhibit"] .item_wrap	ul												{display:flex;justify-content: space-between;gap:2em; }
[data-subarea="exhibit"] .item_wrap ul li											{flex:1 1 16.6%;border-bottom:1px solid var(--color-base);}
[data-subarea="exhibit"] .item_wrap.col05 li										{flex:1 1 20%;}
[data-subarea="exhibit"] .item_wrap.col03 li										{flex:1 1 33.3%;}
[data-subarea="exhibit"] .item_wrap ul li .img img								{width:100%;}
[data-subarea="exhibit"] .item_wrap ul li .text										{padding: 1.2em 0;}
[data-subarea="exhibit"] .item_wrap ul li .text	dt									{font-size: 1.167em;font-weight:500;}
[data-subarea="exhibit"] .item_wrap ul li .text	dd									{font-size:1em;opacity:.74;}

@media all and (max-width:1568px) {
	[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt				{font-size:2.2rem;}
}

@media all and (max-width:1368px) {

	[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt				{font-size:2rem;line-height:1.6;}
	
}

@media all and (max-width:1268px) {
	[data-subarea="exhibit"] .map 												{margin-bottom:5em;}
	[data-subarea="exhibit"] .imgText_list											{margin-bottom:3em;}
	[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt				{font-size:1.8em;}
	[data-subarea="exhibit"] .item_wrap												{margin-bottom:5em;}
}

@media all and (max-width:1168px) {
	[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt				{font-size:1.7rem;}
	[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt .color_point{font-size: .88em;}
	[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt small		{font-size: .75em;}
	[data-subarea="exhibit"] .item_wrap ul											{gap:1.5em;justify-content: flex-start;flex-wrap:wrap;}
	[data-subarea="exhibit"] .item_wrap ul li										{flex: 0 1 calc((100% - 3em) / 3);}
}

@media all and (max-width:1024px) {
	[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt				{font-size:1.6rem;margin-bottom:0;}
}

@media all and (max-width:868px) {
	[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt				{font-size:1.5rem;}
}

@media all and (max-width:668px) {
	[data-subarea="exhibit"] .map 												{margin-bottom:4em;}
	[data-subarea="exhibit"] .imgText_list											{margin-bottom:2em;}
	[data-subarea="exhibit"] .imgText_list .text_wrap .text						{font-size:1.063em;}
	[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt				{font-size:1.4rem;}
	[data-subarea="exhibit"] .item_wrap												{margin-bottom:4em;}
	[data-subarea="exhibit"] .item_wrap ul											{gap:1em;}
	[data-subarea="exhibit"] .item_wrap ul li										{flex: 0 1 calc((100% - 1em) / 2);}
	[data-subarea="exhibit"] .item_wrap ul li .text									{padding:1em 0;}
  	[data-subarea="exhibit"] .item_wrap ul li .text dt								{font-size:1.063em;}
	[data-subarea="exhibit"] .item_wrap ul li .text dd								{font-size:.94em;}
}

@media all and (max-width:468px) {
	[data-subarea="exhibit"] .imgText_list .text_wrap .text > dt				{font-size:1.35rem;}
}

@media all and (max-width:368px) {
	[data-subarea="exhibit"] .item_wrap ul li										{flex: 0 1 100%;}
}


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

 						열람/복제

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

[data-subarea="view"] .guide_list>li .icon1::before		{ width:clamp(52px, 5vw, 72px); height:clamp(53px, 5vw, 73px);background-image:url(/resource/mahan/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/mahan/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/mahan/images/contents/icon_guide02.svg); }

/* 문의 */
[data-subarea="view"] .contact											{ display:flex; flex-wrap:wrap; gap:.5em }
[data-subarea="view"] .contact>li										{ width:calc((100% - 1em) / 2); }
[data-subarea="view"] .contact>li>dl										{ display:flex; flex-wrap:wrap; background:rgba(0,0,0,.08) }
[data-subarea="view"] .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="view"] .contact>li>dl>dd									{ position:relative; padding:20px; padding-right:0; }

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

@media all and (max-width:668px) {
	[data-subarea="view"] .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/mahan/images/contents/icon_guide06.svg); }
[data-subarea="donate"] .guide_list>li .icon2::before		{width:clamp(52px, 5vw, 72px); height:clamp(53px, 5vw, 73px);background-image:url(/resource/mahan/images/contents/icon_guide05.svg); }
[data-subarea="donate"] .guide_list>li .icon3::before		{ width:clamp(52px, 5vw, 72px); height:clamp(53px, 5vw, 73px);background-image:url(/resource/mahan/images/contents/icon_guide07.svg); }

.basic_ul																			{ margin-top:1em;}
.basic_ul>li																		{ position:relative; padding-left:12px; line-height:1.28; font-size:1.13rem; font-weight:300; color:var(--color-base)}
.basic_ul>li::before																	{ content:''; display:block; position:absolute; left:0px; top:8.5px; width:5px; height:5px; background:var(--color-point); border-radius:100%;}
.basic_ul>li+li																		{ margin-top:10px; }
.basic_ul>li strong																	{ font-weight:bold;}

@media all and (max-width:1368px) {
  .basic_ul>li																		{ font-size:1.1rem; }
  .basic_ul>li:before																	{ top:7.5px; }
}

@media all and (max-width:1024px) {
  .basic_ul>li																	{ font-size:1.03rem; }
  .basic_ul>li:before																{ top:6.5px; width:5px; height:5px; }
}

@media all and (max-width:868px) {
   .basic_ul>li																	{ font-size:1rem; }
   .basic_ul>li:before															{ top:6px; }
}



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

 					    한문화 발상지 익산

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

[data-subarea="k-culture"] .imgText_list .text_wrap .s_text                     {margin-top:1.5em;}
[data-subarea="k-culture"] .imgText_list .text_wrap .s_text dt                  { position:relative; font-size:1.38em; font-weight:600; line-height:1; padding-bottom:clamp(0.75em, 1vw + 0.3em, 0.75em);}
[data-subarea="k-culture"] .row_list>li:nth-child(1) .img_box					{ background:url(/resource/mahan/images/contents/img_k-culture01.jpg) no-repeat 50% 50% / cover }
[data-subarea="k-culture"] .row_list>li:nth-child(2) .img_box					{ background:url(/resource/mahan/images/contents/img_k-culture02.jpg) no-repeat 50% 50% / cover ;height:1000px;}
[data-subarea="k-culture"] .row_list>li:nth-child(3) .img_box					{ background:url(/resource/mahan/images/contents/img_k-culture03.jpg) no-repeat 50% 50% / cover }

@media all and (max-width:1568px) {
    [data-subarea="k-culture"] .imgText_list .text_wrap .s_text dt 				    { font-size:1.28em; }
}

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

@media all and (max-width:1368px) {
    [data-subarea="k-culture"] .row_list>li:nth-child(2) .img_box                   {height:320px;}
    [data-subarea="k-culture"] .imgText_list .text_wrap .s_text dt 				    { font-size:1.167em; }
}

@media all and (max-width:1024px) {
    [data-subarea="k-culture"] .row_list>li:nth-child(2) .img_box                       {height:300px;}
}

@media all and (max-width:868px) {
    [data-subarea="k-culture"] .row_list>li:nth-child(2) .img_box                       {height:250px;}
}

@media all and (max-width:668px) {
    [data-subarea="k-culture"] .row_list>li:nth-child(2) .img_box                       {height:200px;}
}

@media all and (max-width:468px) {
    [data-subarea="k-culture"] .row_list>li:nth-child(2) .img_box 					{ height:150px; }						
}