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

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

 					                공통        

**********************************************************************/
.basic_p                                                    {font-size:1.167em;}
table.basic_table thead th                              {background:#f0f3f9;}

.basic_btn a[target="_blank"] span:after,
.basic_btn button[target="_blank"] span:after       {filter: brightness(0) invert(1);background: url(/resource/strange/images/common/icon_newtab.svg) no-repeat 50% 50%;}


/*info_box*/
.info_box                                               {padding: .75em;border-radius: 8px;background: #f8f8f8;color: #333;border: 1px dotted #d2d2d2;font-size: 1.06em;}
.info_box span                                          {display:block;position:relative;padding-left:25px;}
.info_box span::before                                       {content:'!';position:absolute;left:0;top:3.5px;display:inline-block;width:20px;line-height: 20px;border-radius: 100%;margin-right: 8px;height:20px;border: 1px solid #888;color:#333;text-align: center;font-size:.88em;}
.info_box.red                                               {background: #fff5f7;color: #c11b31;border: 1px dotted #e9c8cd;}
.info_box.red span::before                                       {border:1px solid #d7929b;color:#c11b31;}
.info_box strong                                            {font-weight :700;}

/*box_round*/
.box_round										{ display:flex; flex-wrap:wrap; gap:.94em }
.box_round>li									{  display:flex; flex-flow:column; justify-content:space-between; flex: 0 1 calc((100% - .94em) / 2);  padding:2.25em; background:var(--color-white);border:1px solid #ddd;border-radius:10px; }
.box_round>li dl									{ display:flex; flex-flow:column;  gap:1.56em;line-height:1 }
.box_round>li dl>dt								{ font-size:1.375em; font-weight:700; }
.box_round>li dl>dd								{ line-height:1.4; opacity:.94; font-size:1.1em;}


@media all and (max-width:1468px){
    /*box_round*/
    .box_round										{ gap:.7em }
    .box_round>li									{ flex: 0 1 calc((100% - .7em) / 2); padding:1.5em; }
    .box_round>li dl									{ gap:1em; }
    .box_round>li dl>dt								{ font-size:1.2em; }
}

@media all and (max-width:1368px){
    /*box_round*/
    .box_round>li dl				                { gap:1.5em; }
}


@media all and (max-width:1268px){
    .basic_p                                         {font-size:1.1em;}
}

@media all and (max-width:1024px){
    /*info_box*/
    .info_box span::before                          {top:0;}
}


@media all and (max-width:668px) {
    /*box_round*/
    .box_round>li                                       { flex:0 1 100%; min-width:inherit}
    .box_round>li dl>dt								{ font-size:1.167em; }
}

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

 					이상한 교도소 소개

**********************************************************************/
[data-subarea="introduce"] .flex								{ display:flex;gap:0 4em;border-radius: 1.25em;padding: 4em;background:#fff;border: 3px solid #f1f1f1;justify-content: space-between;--sizeWidth:660px;align-items: center;}
[data-subarea="introduce"] .flex.reverse						{flex-direction: row-reverse;margin-top:4em;}
[data-subarea="introduce"] .flex .text_wrap						{width:calc(100% - var(--sizeWidth) - 4em);}
[data-subarea="introduce"] .flex .text_wrap p					{font-size:1.188em;color:var(--color-base1);letter-spacing:-0.045em;line-height:1.5;font-weight:400;}
[data-subarea="introduce"] .flex .text_wrap p strong			{font-size:1.68em;font-weight:700;color:var(--color-point);}
[data-subarea="introduce"] .flex .text_wrap p strong .quote{display:inline-block;background:url('/resource/strange/images/contents/icon_quote.png') no-repeat center top / auto 10px;width:12px;height:10px;vertical-align: text-top;}
[data-subarea="introduce"] .flex .text_wrap p strong .quote.right{transform: scale(-1,-1);}
[data-subarea="introduce"] .flex .text_wrap p + p			{margin-top:1.5em;}
[data-subarea="introduce"] .flex .img_box						{width:var(--sizeWidth);border-radius:10px;overflow:hidden;}
[data-subarea="introduce"] .flex .img_box img					{width:100%;}

@media all and (max-width:1568px){
  [data-subarea="introduce"] .flex									{padding: 3em;gap:0 3em;--sizeWidth:580px;}
  [data-subarea="introduce"] .flex.reverse							{margin-top:3em;}
  [data-subarea="introduce"] .flex .text_wrap						{width:calc(100% - var(--sizeWidth) - 3em);}
}

@media all and (max-width:1468px){
  	[data-subarea="introduce"] .flex								{--sizeWidth:480px;}
    [data-subarea="introduce"] .flex .text_wrap p					{font-size:1.125em}
    [data-subarea="introduce"] .flex .text_wrap p strong .quote		{background-size:auto 9px;width:11px;height:9px;}
    [data-subarea="introduce"] .flex .text_wrap p + p			{margin-top:1.375em;}

}

@media all and (max-width:1368px){
    [data-subarea="introduce"] .flex								{--sizeWidth:420px;padding: 2.5em;gap:2.5em 0;}
    [data-subarea="introduce"] .flex .text_wrap						{width:calc(100% - var(--sizeWidth) - 2.5em);}
    [data-subarea="introduce"] .flex .text_wrap p					{font-size:1.063em}
    [data-subarea="introduce"] .flex .text_wrap p strong .quote		{background-size:auto 8px;width:10px;height:8px;}
    [data-subarea="introduce"] .flex .text_wrap p + p			{margin-top:1.25em;}
}

@media all and (max-width:1268px){
    [data-subarea="introduce"] .flex								{flex-wrap:wrap;flex-direction: column;}
    [data-subarea="introduce"] .flex .text_wrap						{width:100%;}
    [data-subarea="introduce"] .flex .text_wrap p strong .quote		{background-size:auto 7px;width:9px;height:7px;}
    [data-subarea="introduce"] .flex .img_box						{width:100%;}
}

@media all and (max-width:768px){
 	[data-subarea="introduce"] .flex								{padding: 2em;gap:2em 0;}
 	[data-subarea="introduce"] .flex.reverse						{margin-top:2em;}
    [data-subarea="introduce"] .flex .text_wrap p strong			{font-size:1.5em;}
    [data-subarea="introduce"] .flex .text_wrap p strong .quote		{background-size:auto 6px;width:8px;height:6px;}
    [data-subarea="introduce"] .flex .text_wrap p + p				{margin-top:1.125em;}
}

@media all and (max-width:468px){
  	[data-subarea="introduce"] .flex								{padding: 1.5em;gap:1.5em 0;}
  	[data-subarea="introduce"] .flex.reverse						{margin-top:1.5em;}
    [data-subarea="introduce"] .flex .text_wrap p					{font-size:1em;}
    [data-subarea="introduce"] .flex .text_wrap p strong		{font-size:1.375em;}
    [data-subarea="introduce"] .flex .text_wrap p strong .quote		{background-size:auto 5px;width:7px;height:5px;}
    [data-subarea="introduce"] .flex .text_wrap p + p				{margin-top:1em;}
}

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

 					        관람안내

**********************************************************************/
[data-subarea="guide"] .guide_list                                  {display:flex;gap:2em;}
[data-subarea="guide"] .guide_list > li                             {flex:0 1 auto;width: 25%;display:flex;flex-flow:column;border:1px solid #ddd;border-radius:10px;overflow: hidden; text-align:center;}
[data-subarea="guide"] .guide_list > li:first-child                 {width: 50%;}
[data-subarea="guide"] .guide_list > li dl							{display: flex;flex-direction: column;height: 100%;}
[data-subarea="guide"] .guide_list > li dl dt                       {display: block;color:#fff;background:var(--color-point);font-size:1.375em;font-weight: 400;padding: 1em 2em;}
[data-subarea="guide"] .guide_list > li dl dd                       {padding: 2em;flex: 1;display: flex;flex-direction: column;justify-content: center;}
[data-subarea="guide"] .guide_list > li dl dd .info_box				{padding-left:0;}
[data-subarea="guide"] .guide_list > li dl dd .info_box span::before{position: initial;}
[data-subarea="guide"] .guide_list > li dl dd .icon                 {width: 100px;height: 100px;background:#f5f5f5;border-radius:100%;display: block;margin: 0 auto 1.75em;}
[data-subarea="guide"] .guide_list > li dl dd .icon::before         {content:'';display:block;width:100%;height:100%;background-repeat:no-repeat; background-position:center; background-size:100%;}
[data-subarea="guide"] .guide_list > li dl dd .icon.icon1::before  {background-image:url(/resource/strange/images/contents/icon_guide01.svg);}
[data-subarea="guide"] .guide_list > li dl dd .icon.icon2::before  {background-image:url(/resource/strange/images/contents/icon_guide02.svg);}
[data-subarea="guide"] .guide_list > li dl dd .icon.icon3::before  {background-image:url(/resource/strange/images/contents/icon_guide03.svg);}
[data-subarea="guide"] .guide_list > li dl dd .icon.icon4::before  {background-image:url(/resource/strange/images/contents/icon_guide04.svg);}
[data-subarea="guide"] .guide_list > li dl dd > strong,
[data-subarea="guide"] .guide_list > li dl dd > .season > li strong{display:block;font-size:1.167em;line-height: 1.4;font-weight:500;margin-bottom:.5em}
[data-subarea="guide"] .guide_list > li dl dd .time                 {color:#444;font-weight:300;font-size:1.167em;}
[data-subarea="guide"] .guide_list > li dl dd .time::before         {content:'';display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:6px;width:18px;height:18px;background:url(/resource/strange/images/contents/icon_clock.svg) no-repeat center center / 100%;}
[data-subarea="guide"] .guide_list > li dl dd > .season             {display:flex;justify-content:center;margin-bottom: 1.5em;}
[data-subarea="guide"] .guide_list > li dl dd > .season > li + li{border-left: 1px dotted #ddd;margin-left: 3em;padding-left: 3em;}

[data-subarea="guide"] .not_list                                            {display: flex;flex-flow: column;gap: .75em;}
[data-subarea="guide"] .not_list>li                                       {position: relative;width: 100%;padding-left: 1.375em;line-height: 1.2;opacity: .84;}
[data-subarea="guide"] .not_list>li::before                              { position: absolute;left: 0;top: .15em;width: 18px;height: 18px;line-height: 18px;background: var(--color-base1);content: '!';color:var(--color-white);font-size:12px;text-align:center;border-radius:100%;}
[data-subarea="guide"] .prohibit .not_list>li::before                     {content:'×';background:#c7000c;line-height:17px;}
[data-subarea="guide"] .not_list>li strong                              {font-weight :700;}


@media all and (max-width:1268px){
    [data-subarea="guide"] .guide_list                                      {gap:1em;}
    [data-subarea="guide"] .guide_list > li dl dt                           {font-size: 1.25em;padding: .88em 1.75em;}
    [data-subarea="guide"] .guide_list > li dl dd                          {padding:1.75em;}
    [data-subarea="guide"] .guide_list > li dl dd > .season > li + li  {margin-left: 2.5em;padding-left: 2.5em;}
    [data-subarea="guide"] .guide_list > li dl dd > strong,
    [data-subarea="guide"] .guide_list > li dl dd > .season > li strong,
    [data-subarea="guide"] .guide_list > li dl dd .time                 {font-size: 1.067em;}
    [data-subarea="guide"] .guide_list > li dl dd .time::before         {width:16px;height:16px;}
    [data-subarea="guide"] .guide_list > li dl dd .icon                 {margin-bottom:1.25em;}
    [data-subarea="guide"] .guide_list > li dl dd > .season             {margin-bottom: 1.375em;}
}

@media all and (max-width:1024px){
    [data-subarea="guide"] .guide_list                                          {flex-wrap:wrap;}
    [data-subarea="guide"] .guide_list > li                                 {width:calc((100% - 1em) / 2);}
    [data-subarea="guide"] .guide_list > li:first-child                 {width: 100%;}
    [data-subarea="guide"] .guide_list > li dl dt                           {padding: .75em 1.5em;}
    [data-subarea="guide"] .guide_list > li dl dd                           {padding:1.5em;}
    [data-subarea="guide"] .guide_list > li dl dd .icon                 {width:90px;height:90px;margin-bottom:1.125em;}
    [data-subarea="guide"] .guide_list > li dl dd .time::before        {width:14px;height:14px;}
    [data-subarea="guide"] .guide_list > li dl dd > .season             {margin-bottom:1.25em;}

    [data-subarea="guide"] .not_list>li::before                              { top: .08em;width: 16px;height: 16px;line-height: 16px;}
    [data-subarea="guide"] .prohibit .not_list>li::before                   {line-height:15px;}
}

@media all and (max-width:468px){
    [data-subarea="guide"] .guide_list > li                                 {width:100%;}
    [data-subarea="guide"] .guide_list > li dl dd .icon                 {width:80px;height:80px;}
    [data-subarea="guide"] .guide_list > li dl dd > .season             {flex-flow:column;margin-bottom: 1.125em;gap: 1.25em;}
    [data-subarea="guide"] .guide_list > li dl dd > .season > li + li  {margin-left:0;padding-left:0;padding-top:1.25em;border-left:none;border-top: 1px dotted #ddd;}
}



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

 					        주변 관광지

**********************************************************************/
[data-subarea="tour"] .tour_list                                {counter-reset: item;}
[data-subarea="tour"] .tour_list li								{ display:flex;gap:0 4em;counter-increment: item;border-radius: 1.25em;padding: 4em;background:#fff;border: 3px solid #f1f1f1;justify-content: space-between;--sizeWidth:660px;align-items: center;}
[data-subarea="tour"] .tour_list li	+ li                        {margin-top:1.5em;}
[data-subarea="tour"] .tour_list li .img_box                        {width:var(--sizeWidth);border-radius:10px;overflow: hidden;}
[data-subarea="tour"] .tour_list li .img_box img                    {width:100%;}
[data-subarea="tour"] .tour_list li .text_wrap                        {width:calc(100% - var(--sizeWidth) - 4em);}
[data-subarea="tour"] .tour_list li .text_wrap dt                    {font-size:1.68em;font-weight:700;position:relative;/*padding-left: 40px;*/}
/*[data-subarea="tour"] .tour_list li .text_wrap dt::before            {content:counter(item) "";position:absolute;top: 4px;left:0;background:url(/resource/strange/images/contents/icon_tour.svg) no-repeat center / 100%;width: 28px;height: 34px;line-height: 32px;display:block;color: var(--color-point);font-size: 1rem;font-weight:600;text-align:center;}*/
[data-subarea="tour"] .tour_list li .text_wrap dd                    {margin-top: 1.375em;display:flex;flex-flow:column;gap: 1.25em;color:#555;}
[data-subarea="tour"] .tour_list li .text_wrap dd p                  {font-size:1.167em;}
[data-subarea="tour"] .tour_list li .text_wrap dd .tel               {position:relative;padding-left: 22px;font-size: 1.167em;}
[data-subarea="tour"] .tour_list li .text_wrap dd .tel::before       {content:'';position:absolute;top: 7px;left:0;display:block;width:16px;height:16px;background:url(/resource/strange/images/contents/icon_tel.svg) no-repeat center / 100%;}

@media all and (max-width:1568px){
  [data-subarea="tour"] .tour_list li									{padding: 3em;gap:0 3em;--sizeWidth:580px;}
  [data-subarea="tour"] .tour_list li .text_wrap						{width:calc(100% - var(--sizeWidth) - 3em);}
}

@media all and (max-width:1468px){
  	[data-subarea="tour"] .tour_list li								{--sizeWidth:480px;}
    [data-subarea="tour"] .tour_list li .text_wrap dd           {gap:1em;margin-top: 1.25em;}
    [data-subarea="tour"] .tour_list li .text_wrap dd p,
    [data-subarea="tour"] .tour_list li .text_wrap dd .tel 					{font-size:1.125em}
    [data-subarea="tour"] .tour_list li .text_wrap dd .basic_btn        {margin-top:10px;}
}

@media all and (max-width:1368px){
    [data-subarea="tour"] .tour_list li								{--sizeWidth:420px;padding: 2.5em;gap:2.5em 0;}
    [data-subarea="tour"] .tour_list li.text_wrap						{width:calc(100% - var(--sizeWidth) - 2.5em);}
    [data-subarea="tour"] .tour_list li .text_wrap dd p,
    [data-subarea="tour"] .tour_list li .text_wrap dd .tel              {font-size:1.063em;}
}

@media all and (max-width:1268px){
    [data-subarea="tour"] .tour_list li								        {flex-wrap:wrap;flex-direction: column;}
    [data-subarea="tour"] .tour_list li .img_box						{width:100%;}
    [data-subarea="tour"] .tour_list li .text_wrap						{width:100%;}
}

@media all and (max-width:1024px){
    [data-subarea="tour"] .tour_list li .text_wrap dt               {padding-left:38px;}
    [data-subarea="tour"] .tour_list li .text_wrap dt::before       { top: 3px;width: 26px;height: 32px;line-height: 28px;font-size: .94rem;} 
    [data-subarea="tour"] .tour_list li .text_wrap dd .tel             {padding-left:20px;}
    [data-subarea="tour"] .tour_list li .text_wrap dd .tel::before  {top:5px;width:14px;height:14px;}
}

@media all and (max-width:768px){
 	[data-subarea="tour"] .tour_list li								{padding: 2em;gap:2em 0;}
    [data-subarea="tour"] .tour_list li .text_wrap dt 			{font-size:1.5em;padding-left:36px;}
    [data-subarea="tour"] .tour_list li .text_wrap dt::before       { top: 2px;width: 24px;height: 30px;line-height: 27px;}
    [data-subarea="tour"] .tour_list li .text_wrap dd               {margin-top:1em;gap:.88em;}
}

@media all and (max-width:468px){
  	[data-subarea="tour"] .tour_list li								{padding: 1.5em;gap:1.5em 0;}
    [data-subarea="tour"] .tour_list li .text_wrap dt 		        {font-size:1.375em;padding-left:34px;}
    [data-subarea="tour"] .tour_list li .text_wrap dt::before       { top: 1px;width: 22px;height: 28px;line-height: 25px;font-size: .88rem;}
    [data-subarea="tour"] .tour_list li .text_wrap dd               {margin-top:.88em;gap:.5em;}
    [data-subarea="tour"] .tour_list li .text_wrap dd p,
    [data-subarea="tour"] .tour_list li .text_wrap dd .tel					{font-size:1em;}
    [data-subarea="tour"] .tour_list li .text_wrap dd .tel              {padding-left:18px;}
    [data-subarea="tour"] .tour_list li .text_wrap dd .tel::before  {top:4px;width:12px;height:12px;}
}




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

 						찾아오시는 길

**********************************************************************/
[data-subarea="location"] .map_wrap															{ display:flex; flex-wrap:wrap; justify-content:space-between; border:1px solid #ddd;border-radius:1.25em;overflow:hidden;}
[data-subarea="location"] .map_box													{ width:calc(100% - 35em); overflow:hidden; }
[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"] .map_box .root_daum_roughmap .map_border{display:none !important;}
[data-subarea="location"] .info_wrap												{display:flex;flex-flow:column;gap:2em;width:35em;background:var(--color-point);color:var(--color-white);padding: 3em;}
[data-subarea="location"] .info_wrap .title_h4                                      {margin-bottom:0;color: var(--color-white);}
[data-subarea="location"] .info_wrap .map_info > li                                 {color:var(--color-white);}          
[data-subarea="location"] .info_wrap .map_info > li + li                        {margin-top:1.5em}
[data-subarea="location"] .info_wrap .map_info > li  dt                         {font-size: 1.25em;font-weight:700;margin-bottom: .25em;}
[data-subarea="location"] .info_wrap .map_info > li  dd                         {font-size:1.167em;font-weight:300;opacity: .84;}
[data-subarea="location"] .info_wrap .basic_btn                                     {margin-top:10px;}
[data-subarea="location"] .info_wrap .basic_btn a                                   {border-color:var(--color-white);display:block;border-radius:8px;}
[data-subarea="location"] .info_wrap .basic_btn a:focus,
[data-subarea="location"] .info_wrap .basic_btn a:hover                         {background:var(--color-white);}
[data-subarea="location"] .info_wrap .basic_btn a span                         {color:var(--color-white);}
[data-subarea="location"] .info_wrap .basic_btn a:focus span,
[data-subarea="location"] .info_wrap .basic_btn a:hover span                    {color:var(--color-point);}
[data-subarea="location"] .info_wrap .basic_btn a[target="_blank"]:focus span:after, 
[data-subarea="location"] .info_wrap .basic_btn a[target="_blank"]:hover span:after{filter:none;}
[data-subarea="location"] .box                                                      {border:1px solid #ddd;border-radius:10px;padding:2.5em;}
[data-subarea="location"] .box .flex                                            {display:flex;gap: 4em;--sizeIcon:150px;align-items:center;}
[data-subarea="location"] .box .flex + .flex                                    {margin-top:2em;}
[data-subarea="location"] .box .flex .icon                                      {width:var(--sizeIcon);height:var(--sizeIcon);background: #f0f3f9;border-radius: 100%;}
[data-subarea="location"] .box .flex .icon::before                             {content:'';display:block;width:100%;height:100%;background-repeat:no-repeat; background-position:center; background-size:100%;}
[data-subarea="location"] .box .flex .icon.icon1::before                    {background-image:url(/resource/strange/images/contents/icon_loc01.svg);}
[data-subarea="location"] .box .flex .icon.icon2::before                     {background-image:url(/resource/strange/images/contents/icon_loc02.svg);}
[data-subarea="location"] .box .flex .icon.icon3::before                    {background-image:url(/resource/strange/images/contents/icon_loc03.svg);}
[data-subarea="location"] .box .flex > :not(.icon)                              {width: calc((100% - var(--sizeIcon)) - 4em);}
[data-subarea="location"] .box .flex > .basic_ul                                {margin-top:0;}
[data-subarea="location"] .box .flex dl dt                                          {font-size: 1.25em;font-weight: 700;color: var(--color-point);}


@media all and (max-width:1568px) {
	[data-subarea="location"] .map_box												{ width:calc(100% - 30em); }
	[data-subarea="location"] .info_wrap											{ width:30em; padding:2.25em }
    [data-subarea="location"] .box                                                      {padding:2em;}
    [data-subarea="location"] .box .flex                                                {gap:3em;}
}

@media all and (max-width:1368px) {
    [data-subarea="location"] .box .flex dl dt                                      {font-size:1.2em;}
}

@media all and (max-width:1268px) {
	[data-subarea="location"] .map_box												{ width:100%; height:400px;}
	[data-subarea="location"] .info_wrap											{ width:100%; gap:1.5em; padding:2em;}
    [data-subarea="location"] .info_wrap .map_info > li + li                    {margin-top:1em;}
    [data-subarea="location"] .info_wrap .map_info > li  dt                     {font-size:1.167em;}
    [data-subarea="location"] .info_wrap .map_info > li  dd                     {font-size:1.1em;}
    [data-subarea="location"] .box                                                      {padding:1.5em;}
    [data-subarea="location"] .box .flex                                                {gap:2.5em;--sizeIcon: 150px;}
}

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

@media all and (max-width:1024px) {
    [data-subarea="location"] .box .flex                                                {gap:2.5em;--sizeIcon: 120px;}
}

@media all and (max-width:568px) {
	[data-subarea="location"] .map_box												{ height:300px }
    [data-subarea="location"] .box .flex                                            {flex-flow: column;align-items: flex-start;gap:1em;}
    [data-subarea="location"] .box .flex > :not(.icon)                              {width:100%;}
}

@media all and (max-width:468px) {
    [data-subarea="location"] .map_box												{ height:250px }	
	[data-subarea="location"] .info_wrap											{ padding:1.5em; gap:1em;}
    [data-subarea="location"] .info_wrap .map_info > li + li                    {margin-top:.5em}
    [data-subarea="location"] .info_wrap .basic_btn                                 {margin-top:0;}
    [data-subarea="location"] .box                                                      {padding:1.25em;}
    [data-subarea="location"] .box .flex                                                {--sizeIcon: 100px;}
}


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

						    시설 안내도 

**********************************************************************/
[data-subarea="exhibition" ] .img img                                           {width:100%;}
[data-subarea="exhibition" ] .list													{ position:relative; counter-reset:title; z-index:2; border-radius: 0 0 1.25em 1.25em;border: 1px solid #ddd;padding:3em; background:#fff; 
																						display:flex; flex-wrap:wrap; gap:1em 2em;  }

[data-subarea="exhibition" ] .list > li												{ width:calc((100% - 8em) / 5); display:flex; align-items:baseline; }
[data-subarea="exhibition" ] .list > li > a											{display:block;font-size:1.167em; position:relative; padding-left:40px; line-height:1.3em; font-weight:500;}
[data-subarea="exhibition" ] .list > li > a::before										{ counter-increment:title; content:counter(title) " "; display:flex; justify-content:center; align-items:center; position:absolute; left:0px; top:-4px; width:30px;
																						 height:30px; box-sizing:border-box; background:var(--color-point); border-radius:100%; line-height:1em; font-size:13px; font-weight:600; text-align:center; color:#fff; 
																						 transition:all ease 0.2s}
[data-subarea="exhibition" ] .list > li > a:hover::before								{ background:#dc2c44}
[data-subarea="exhibition"] .modal													{ position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; z-index:999;	}
[data-subarea="exhibition"] .modal::before											{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.5); backdrop-filter:blur(10px); transition:opacity 0.2s ease; opacity:0; content:''; }
[data-subarea="exhibition"] .modal													{ display:none; }
[data-subarea="exhibition"] .modal.active											{ display:block; }
[data-subarea="exhibition"] .modal.active::before									{ opacity:1; }
[data-subarea="exhibition"] .modal .cont											{ position:absolute; width:90%; max-width:720px; max-height:90vh;overflow-x:hidden; overflow-y:auto; border-radius:1.25em; background:#fff; left:50%; top:50%; transform:translate(-50%,-50%); padding:2.5em}
[data-subarea="exhibition"] .modal .cont .swiper 								{ width:50%; border-radius:1.25em;}
[data-subarea="exhibition"] .modal .cont .text									{ width:46%; }	
[data-subarea="exhibition"] .modal .cont .text p								{ font-size:1.067em; line-height:1.4; background:#f7f7f7; border-radius:10px; padding:1.5em;}
[data-subarea="exhibition"] .modal .cont .swiper-slide							{ position:relative;padding-top:66%; height:0;background:url(../images/common/img_none.png) no-repeat 50% 50% / cover #fafafa;   }
[data-subarea="exhibition"] .modal .cont .swiper-slide img						{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%;  object-fit:cover; -o-object-fit:cover; transform:translate(-50%,-50%); transition:all 0.5s;}		
[data-subarea="exhibition"] .modal .cont .swiper_control						{position: absolute;display: flex;background: #fff; width:fit-content; bottom:1em; left:50%; z-index:2;  padding: .5em .75em .5em 1.25em;border-radius:35px; transform:translateX(-50%); }
[data-subarea="exhibition"] .modal .cont .swiper_prev,
[data-subarea="exhibition"] .modal .cont .swiper_next,
[data-subarea="exhibition"] .modal .cont .swiper_auto							{ width:30px; height:30px; }
[data-subarea="exhibition"] .modal .cont .swiper 								{ width:100%;}
[data-subarea="exhibition"] .modal .cont .text									{ width:100%; margin-top:2em; }
[data-subarea="exhibition"] .modal .cont::-webkit-scrollbar 					{ -webkit-appearance: none; width:5px;} 
[data-subarea="exhibition"] .modal .cont::-webkit-scrollbar-thumb 				{ background-color:#7e7e7e; border-radius:10px; border:1px solid #7e7e7e; } 
[data-subarea="exhibition"] .modal .cont::-webkit-scrollbar-track 				{ border-radius:10px; background-color: #d2d2d2 ; }

[data-subarea="exhibition"] .modal .cont .swiper_control:has(.swiper-button-lock){display:none; }

@media all and (max-width:1668px) {
	[data-subarea="exhibition" ] .list > li > a											{ font-size:1.067em; }
}

@media all and (max-width:1568px) {
	[data-subarea="exhibition" ] .list > li											{ width:calc((100% - 6em) / 4); }
}

@media all and (max-width:1268px) {
    [data-subarea="exhibition" ] .list > li											{ width:calc((100% - 4em) / 3); }
    [data-subarea="exhibition"] .modal .cont	                                 {padding:2em;}
}

@media all and (max-width:1024px) {
    [data-subarea="exhibition"] .modal .cont .text p                       {padding:1.25em;}
}

@media all and (max-width:968px) {
	[data-subarea="exhibition" ] .list												{ margin-top:-10px; }
  	[data-subarea="exhibition" ] .list > li > a										{padding-left:36px;}
  	[data-subarea="exhibition" ] .list > li > a::before									{ width:26px; height:26px; font-size:12px; }
}

@media all and (max-width:868px) {
	[data-subarea="exhibition" ] .list												{ padding:2em; }
	[data-subarea="exhibition" ] .list > li											{ width:calc((100% - 2em) / 2); }
}

@media all and (max-width:668px) {
	[data-subarea="exhibition" ] .list												{ padding:1.5em; }
	[data-subarea="exhibition" ] .list > li											{ width:100%; }
    [data-subarea="exhibition"] .modal .cont	                                 {padding:1.5em;}
    [data-subarea="exhibition"] .modal .cont .swiper_control               {bottom:.5em;}
	[data-subarea="exhibition"] .modal .cont .swiper_prev,
	[data-subarea="exhibition"] .modal .cont .swiper_next,
	[data-subarea="exhibition"] .modal .cont .swiper_auto						{ width:25px; height:25px; }
	[data-subarea="exhibition"] .modal .cont .swiper_page						{ width:73px; }
    [data-subarea="exhibition"] .modal .cont .basic_btn.center                 {margin-top:20px;}
}

@media all and (max-width:468px) {
    [data-subarea="exhibition"] .modal .cont	                                 {padding:1.25em;}
    [data-subarea="exhibition"] .modal .cont .text p                       {padding:1em;}
}


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

 					      대관 안내

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

[data-subarea="rental"] .process                                            {display:flex;align-items: stretch;justify-content: space-between;gap:0 2em;}
[data-subarea="rental"] .process > li                                       {width:calc((100% - 6em) / 4);position:relative;display: flex;background: #ffffff;align-items: center;border-radius: 10px;padding: 1.375em;border: 1px solid var(--color-point);border-bottom: 4px solid var(--color-point);}
[data-subarea="rental"] .process > li .box                                {position:Relative;display:flex;flex-flow:column;gap: .5em;align-items:center;width: 100%;text-align: center;}
[data-subarea="rental"] .process > li:last-child::before,
[data-subarea="rental"] .process > li:last-child::after                     {display:none;}
[data-subarea="rental"] .process > li::after                            {content:'';display:inline-block;width: 2em;height: 1px;position:absolute;top: 50%;z-index: -1;right: -2em;background: #d2d2d2;}
[data-subarea="rental"] .process > li::before                        {content:'';display:inline-block;--sizeWidth:14px;width:var(--sizeWidth);height:var(--sizeWidth);border: 3px solid var(--color-point);background: #ffffff;border-radius:100%;z-index: 1;position:absolute;top: 50%;right: calc((var(--sizeWidth) / -2) - 2.125em);transform: translateY(-50%);}
[data-subarea="rental"] .process > li .box .step                          {display:flex;gap:0 .5em;align-items:center;opacity: .84;font-size:1em;color: var(--color-point);}
[data-subarea="rental"] .process > li .box .step::before,
[data-subarea="rental"] .process > li .box .step::after                   {content:'';display:block;width:16px;height:1px;background: var(--color-point);opacity: .84;}
[data-subarea="rental"] .process > li .box .title                        {font-size: 1.375em;color: #012a87;font-weight:700;}
[data-subarea="rental"] .process > li .box .target                        {font-size:1em;display: block;padding: .25em 1.25em;border: 1px solid var(--color-point);color: var(--color-point);border-radius:2em;margin-top: .25em;}
[data-subarea="rental"] .process > li.iksan .box .target                  {border-color: #d2d2d2;color: #444;}
[data-subarea="rental"] .process > li .box .text                                 {display:flex;width:100%;align-items:center;flex-wrap: wrap;gap: .25em 1em;justify-content: center;border-top: 1px solid rgba(0,0,0,.1);text-align:center;position:relative;padding-top:1em;margin-top: 1em;}
[data-subarea="rental"] .process > li .box .text li                           {color: #666;font-size: 1.06em;}
[data-subarea="rental"] .process > li .box .text li::before                  {content:'';display: inline-block;width: 4px;vertical-align: middle;height: 4px;background: rgba(0, 0, 0, .2);border-radius:100%;margin-right:1em;}
[data-subarea="rental"] .process > li .box .text li:first-child::before      {display:none;}


@media all and (max-width:1268px){
    [data-subarea="rental"] .process                                        {gap:0 1em;}
    [data-subarea="rental"] .process > li                                   {width:calc((100% - 3em) / 4);}
    [data-subarea="rental"] .process > li::before                           {right: calc((var(--sizeWidth) / -2) - 1.125em);}
    [data-subarea="rental"] .process > li::after                            {width:1em;right:-1em;}
    [data-subarea="rental"] .process > li .box .title                       {font-size:1.25em;}
    [data-subarea="rental"] .process > li .box .text                        {gap:.5em;}
    [data-subarea="rental"] .process > li .box .text li::before             {margin-right:.5em;}
}

@media all and (max-width:1024px){
    [data-subarea="rental"] .process                                           {flex-wrap:wrap;gap:1em;width: calc(100% - 2em);}
    [data-subarea="rental"] .process  > li                                 {width:calc((100% - 1em) / 2);}
    [data-subarea="rental"] .process > li .box .step::before,
    [data-subarea="rental"] .process > li .box .step::after                 {width:12px;}
    [data-subarea="rental"] .process > li .box .text                        {margin-top:.75em;padding-top:.75em;}
}

@media all and (max-width:568px){
    [data-subarea="rental"] .process                                        {width:100%;}
    [data-subarea="rental"] .process  > li                                 {width:100%;padding:1.25em;}
    [data-subarea="rental"] .process > li::before                   {--sizeWidth:12px;right: 50%;top: inherit;bottom: calc((var(--sizeWidth) / -2) - 1.375em);transform: translateY(0) translateX(50%);}
    [data-subarea="rental"] .process > li::after                    {width: 1px;right: 50%;height: 1em;top: inherit;bottom: -1em;}
}