@charset "utf-8";

/* margin */
.mt2em	{margin-top:2em}
.mb2em	{margin-bottom:2em}
.mt0	{margin-top:0 !important;}

/* 공통 제목 */
.tit_line                   {text-align:center; font-size:3.12em; font-weight:900; font-family:var(--font-pre); color:#222; position:relative; line-height:1}
.tit_line:before            {content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:.15em; left:0; z-index:-2}
.tit_line span              {display:inline-block; position:relative;}
.tit_line span:before       {content:""; display:block;  width:120%; height:100%; background:#fff; position:absolute; top:0; left:-10%; z-index:-1}
@media all and (max-width:1024px){
    .tit_line               {font-size:2.5em}
}
@media all and (max-width:768px){
    .tit_line               {font-size:2.2em;}
}

.tit_normal                 {margin-bottom:.5em; display:flex; flex-wrap:wrap; align-items:baseline; font-size:2.4em; font-weight:900}
.tit_normal strong          {font-size:1.2em; font-weight:900}
.tit_normal span            {display:block; width:23px; height:1em; position:relative; overflow:hidden; line-height:5000; text-indent:-1000%; margin:0 .3em}
.tit_normal span:before     {content:""; display:block; width:100%; height:4px; background:#222; position:absolute; top:.6em; left:0;}
@media all and (max-width:1024px){
    div:has(.tit_normal + .scrollTable) .tit_normal{margin-bottom:0}
}
@media all and (max-width:768px){
    .tit_normal             {font-size:1.8em;}
}

/* tit */
.tit01{font-family:var(--font-jalnan); font-size:1.8em; font-weight:normal; color:#222; position:relative; margin:.5em 0}
.tit01:before{content:""; display:block; width:21px; height:13px; background:url(/economy/resource/images/contents/icon_h.svg) no-repeat; position:absolute; top:-.39em; left:-.3em}

.tit02{font-weight:600; font-size:1.75em; margin:.5em 0}

/* tit_flex */
.tit_flex{display:flex;flex-flow: row wrap;align-items: baseline;justify-content: space-between;margin:.5em 0;}
.tit_flex > .tit01,
.tit_flex > .tit02{margin:0;}
.tit_flex h4 + p,
.tit_flex h5 + p{font-size:1.06em;color:var(--color-base);opacity:.7;line-height:1.3;} 

/* box */
.basic_box{border:1px solid #ddd; border-radius:1em; position:relative; padding:1em 1.5em}
.basic_box:before{content:""; display:block; width:3px; height:1.5em; background:var(--color-point); position:absolute; top:1em; left:-2px}


/* 절차도 */
.basic_step                             {display:flex; justify-content:flex-start; flex-wrap:wrap; text-align:center; gap:1em}
.basic_step li                          {width:calc((100% / 5) - 1em); border:2px solid #17b09f; border-radius:20px; position:relative; padding-top:.8em; margin-top:.5em}
.basic_step li strong                   {display:flex; align-items:center; justify-content:center; position:absolute; top:-1em; left:0; right:0; margin:auto; background:#17b09f; border-radius:50px; width:max-content; height:2em; font-weight:600; color:#fff; padding:0 1em; border-left:5px solid #fff; border-right:5px solid #fff;}
.basic_step li p                        {display:flex; justify-content:center; align-items:center; line-height:1.3; flex-wrap:wrap; min-height:6em; font-size:1.1em; padding:1em}
.basic_step li:not(:has(span)) p        {height: 100%;}
.basic_step li span                     {font-size:1em; color:#777; padding:.25em; border-top:1px dashed #ddd; display:block;}
/* 절차도 : color */
.basic_step li:nth-child(2)             {border-color:#55c275;}
.basic_step li:nth-child(2) strong      {background:#55c275;}
.basic_step li:nth-child(3)             {border-color:#a9b827;}
.basic_step li:nth-child(3) strong      {background:#a9b827;}
.basic_step li:nth-child(4)             {border-color:#d2a856;}
.basic_step li:nth-child(4) strong      {background:#d2a856;}
.basic_step li:nth-child(5)             {border-color:#e45931;}
.basic_step li:nth-child(5) strong      {background:#e45931;}
@media all and (max-width:1024px){
    .basic_step li                      {width:calc((100% / 3) - 1em);}
    .basic_step li p                    {min-height:5em;}
    .basic_step li p br                 {display:none;}
}
@media all and (max-width:768px){
    .basic_step li                      {width:calc((100% / 2) - .5em);}
    .basic_step li p br                 {display:none;}
}
@media all and (max-width:460px){
    .basic_step li                      {width:100%;}
    .basic_step li p                    {min-height:3em; padding:.8em 1em 1em}
}

/* 이미지 : figure */
.basic_img              {border-radius:0 20px 0 20px; overflow:hidden; text-align:center;}
.basic_img img          {width:100%;}
.basic_img figcaption   {font-family:var(--font-pre); color:#777; text-align:right; margin-top:1em}
@media all and (max-width:768px){
    .basic_img figcaption{text-align:center;}
}

/* ul */
.basic_ul > li                      {position:relative; padding-left:.6em}
.basic_ul > li:before               {content:""; display:block; width:4px; height:4px; background:var(--color-mint); position:absolute; top:.55em; left:0;}
.basic_ul > li:not(:first-child)    {margin-top:.25em}

/* map_box */
.map_wrap											{ position:relative; overflow:hidden; width:100%; height:550px; border:0; border-radius:20px}
.map_wrap .root_daum_roughmap						{ width:calc(100% + 2px); height:calc(100% + 1px) !important; left:-1px; top:-1px}
@media all and (max-width:1024px){
    .map_wrap										{ height:380px; }
}
@media all and (max-width:668px){
    .map_wrap										{ height:320px; }
}

/* basic_con */
.basic_con              							{border-radius:20px; overflow:hidden; text-align:center;padding:2em;background:#f4f4f4;}
.basic_con.line										{border:1px solid #ddd; background:#fff;}

/* flex_con */
.flex_con											{display:flex;gap:2em;flex-wrap:wrap;}
.flex_con .con										{flex:1;display: flex;flex-direction: column;}
.flex_con.col02 .con								{width:calc((100% - 2em) / 2);}
.flex_con .con .basic_con							{flex: 1;display:flex;align-items:center;justify-content:center;}


@media all and (max-width:1024px){
  .flex_con												{gap:.5em;}
  .flex_con .con										{flex:auto;width:100% !important;}
  .flex_con .con .basic_con								{flex:auto;}
}

/* 테이블 */
table													{ border-spacing:0; border-collapse:collapse; color:#222;}
table.basic_table										{ width:100%; margin-top:20px; border-top:2px solid var(--color-point);}
table.basic_table.ml25									{ width:calc(100% - 25px); }
table.basic_table thead th								{ padding:15px 10px; background:#f3f3f3; border:1px solid #ddd; font-weight:600;  font-size:1.06em}
table.basic_table thead tr:nth-of-type(1) th			{ border-top-width:0px; }
table.basic_table thead tr.none th						{ border-bottom-width:0px;}
table.basic_table thead tr.none + tr th					{ border-top:1px solid #ddd;}
table.basic_table thead th[rowspan]						{ border-right:1px solid #ddd;}
table.basic_table tbody th								{ background-color:#f8f9fa; border:1px solid #ddd; }
table.basic_table th,
table.basic_table td									{ padding:15px 10px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; }
table.basic_table td small								{ font-size:.75em; }
table.basic_table td strong								{ font-weight:bold }
table.basic_table th									{ text-align:center; }
table.basic_table * + textarea							{ margin-top:.5em }

/* tbody */
table.basic_table thead + tbody tr td					{ text-align:center;}
table.basic_table tbody td								{ background:#fff; border:1px solid #ddd;text-align:left; border-top:none}
table.basic_table tbody tr td:nth-of-type(1),
table.basic_table tbody tr th:nth-of-type(1),
table.basic_table thead tr th:nth-of-type(1)			{ border-top-width:0px; border-left-width:0;}
table.basic_table tbody tr td:nth-last-of-type(1),
table.basic_table tbody tr th:nth-last-of-type(1),
table.basic_table thead tr th:nth-last-of-type(1)		{ border-right-width:0;}
table.basic_table tbody th								{ background:#fafafa; font-weight:400 }
table.basic_table tbody tr th:nth-of-type(1)			{ border-right-width:1px; }
table.basic_table tbody tr th:nth-of-type(2):nth-last-of-type(1) { border-right-width: 1px; }


/* table total */
table.basic_table .total th,
table.basic_table .total td								{ background-color:#f6fbff; font-weight:600;}
table.basic_table .total th								{ font-weight:700;}


table.basic_table td:has(.basic_ul)                     {text-align:left;}
table.basic_table .basic_ul								{ margin-top:0;}
table.basic_table .basic_ul>li							{ font-size:1rem; }

table.basic_table .ul_center							{ display:flex; justify-content:center; align-items:center; }
.basic_table + p,
.scrollTable + p								        { margin-top:10px; }

/* table scroll mobile */
.scrollTable									        { width:100%;}
.mob_info										        { display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:5px 0 5px 22px; font-size:.9rem;text-align:left;}
.mob_info:before								        { content:''; display:block; position:absolute; top:8px; left:0px; width:15.5px; height:15px; background:url(/economy/resource/images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; opacity:.64}

@media all and (max-width:1024px) {
    /* 테이블 */
    table.basic_table tbody th,
    table.basic_table td						        { font-size:.92rem; }
    .scrollTable						                { overflow:auto;}
    .scrollTable .basic_table                           { width:1024px; margin-top:0px;}
    .mob_info							                { display:block; margin-bottom:5px;}
    table.basic_table thead th					        { padding:13px 9px;}

    table.basic_table .basic_ul>li				        { font-size:.92rem; }
    table.basic_table .basic_ul>li+li			        { margin-top:5px; }
    table.basic_table .basic_ul>li:before		        { top:6px; }
}

/* basic_btn */
p:has(.basic_btn)	{display:flex; justify-content:center; flex-wrap:wrap; margin-top:2em;}
.basic_btn			{display:flex; justify-content:center; flex-wrap:wrap; align-items:center; position:relative; padding:.7em 1.5em; font-size:1.2em; font-weight:600; color:#fff; background:var(--color-point); border-radius:.5em; min-width:170px; text-align:center;}
.basic_btn.green	{background:var(--color-green);}
.basic_btn.blue		{background:var(--color-blue);}
.basic_btn.link:after{content:""; display:block; width:2em; height:1em; background:url(/economy/resource/images/common/icon_logout.svg) no-repeat center right; filter:brightness(100);}
.basic_btn.small{padding:.3em 1em;font-size:.96em;font-weight:400;min-width:auto}
.basic_btn.small:after {width:1.5em}

/* 인사말 */
[data-subarea="greeting"]                           {background:url(/economy/resource/images/contents/center/greetings_illu_bg.png) no-repeat bottom right / 65%;}
[data-subarea="greeting"]:before                    {content:""; display:block; width:40%; height:55%; position:absolute; right:-20px; bottom:0; background:url(/economy/resource/images/contents/center/greetings_illu.svg) no-repeat bottom right;}
[data-subarea="greeting"] .visual_box:before        {background-image:url(/economy/resource/images/contents/center/greetings_bg.jpg);}
[data-subarea="greeting"] > p                       {margin-top:2em; font-size:1.12em; padding-right:30%}
[data-subarea="greeting"] > p:last-child strong     {font-weight:900; font-size:1.2em;}
@media all and (max-width:1024px){
    [data-subarea="greeting"] > p                   {margin-top:1em; font-size:1.1em; padding-right:20%}
}
@media all and (max-width:768px){
    [data-subarea="greeting"] > p                   {padding-right:0}
}
@media all and (max-width:640px){
    [data-subarea="greeting"]:before                {width:47%}
}
@media all and (max-width:460px){
    [data-subarea="greeting"]:before                {width:52%}
}

/* 연혁 및 기능 */
[data-subarea="vision"] .visual_box:before              {background-image:url(/economy/resource/images/contents/center/vision_bg.jpg);}

[data-subarea="vision"]>ol                              {display:flex; justify-content:center; flex-wrap:wrap; margin-top:3em; position:relative;}
[data-subarea="vision"]>ol>li:first-child               {text-align:center; font-family:var(--font-jalnan); background:linear-gradient(to right, #f59435, #e45931); width:20%; display:flex; justify-content:center; align-items:center; padding:3em 0; border-radius:80px 20px 80px 20px; position:relative; box-shadow:5px 0 10px rgba(0, 0, 0, .2); margin-bottom:5em}
[data-subarea="vision"]>ol>li:first-child:before        {content:""; display:block; width:100%; height:100%; background:linear-gradient(to right, #17b09f, #a9b827, #e45931); position:absolute; top:.8em; left:.8em; border-radius:80px 20px 80px 20px; z-index:-1; opacity:.15; box-shadow:5px 0 10px rgba(0, 0, 0, .2);}
[data-subarea="vision"]>ol>li:first-child span          {display:block; background:url(/economy/resource/images/contents/center/vision_icon.svg) no-repeat center 0 / 3em; padding-top:3.4em; color:#fff; font-size:1.75em}
@media all and (max-width:1400px){
    [data-subarea="vision"]>ol>li:first-child span      {font-size:1.5em;}
}
@media all and (max-width:1200px){
    [data-subarea="vision"]>ol>li:first-child           {min-width:250px; padding:2em 0; border-radius:50px 20px 50px 20px}
    [data-subarea="vision"]>ol>li:first-child:before    {border-radius:50px 20px 50px 20px; top:.5em; left:.5em}
    [data-subarea="vision"]>ol>li:first-child span      {background-size:2.5em; padding-top:3em}
}
@media all and (max-width:768px){
    [data-subarea="vision"]>ol                          {margin-top:1.5em}
    [data-subarea="vision"]>ol>li:first-child           {min-width:220px; margin-bottom:3.5em}
    [data-subarea="vision"]>ol>li:first-child span      {background-size:1.5em; padding-top:2em}
}

[data-subarea="vision"]>ol>li:nth-child(2)                                      {flex:1 0 100%; position:absolute; left:0; top:0; width:100%;}
[data-subarea="vision"]>ol>li:nth-child(2) ol                                   {display:flex; justify-content:space-between; flex-wrap:wrap; gap:20%; color:#fff;}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li                                {width:33%; position:relative;}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li:before                         {content:""; display:block; background:var(--color-point); width:100%; height:calc(100% + 1em); position:absolute; top:0; left:1em; z-index:-1; border-radius:30px 10px 30px 10px;}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li:nth-child(2):before            {background:#17b09f; left:auto; right:1em}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li:after                          {content:""; display:block; width:45px; height:29px; position:absolute; top:0; bottom:0; background-repeat:no-repeat; margin:auto}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li:first-child:after              {background-image:url(/economy/resource/images/contents/center/vision_arr_blue.svg); right:-5em;}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li:nth-child(2):after             {background-image:url(/economy/resource/images/contents/center/vision_arr_mint.svg); left:-5em;}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li strong                         {padding:1em 0 .2em 2em; display:block; font-size:1.62em; font-weight:900; position:relative;}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li:nth-child(2) strong            {padding:1em 0 .2em 1em;}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li strong::after                  {content:""; display:block; width:40px; height:33px; position:absolute; top:.7em; right:0; background-repeat:no-repeat; background-position:center}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li:first-child strong:after       {background-image:url(/economy/resource/images/contents/center/vision_icon01.svg);}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li:nth-child(2) strong:after      {background-image:url(/economy/resource/images/contents/center/vision_icon02.svg); right:1.5em}
/*[data-subarea="vision"]>ol>li:nth-child(2) ol>li:nth-child(2) li:last-child     {flex:1 0 100%}*/

[data-subarea="vision"]>ol>li:nth-child(2) ol ul                                {color:#444; box-shadow:5px 0 10px rgba(0, 0, 0, .4); border-radius:50px 10px 50px 10px; padding:1.5em 2em; display:flex; justify-content:space-between; flex-wrap:wrap; background:#fff; gap:.2em 0}
[data-subarea="vision"]>ol>li:nth-child(2) ol ul li                             {flex:0 1 50%; position:relative; padding-left:.8em; font-size:1.12em}
[data-subarea="vision"]>ol>li:nth-child(2) ol ul li:before                      {content:""; display:block; width:.35em; height:.35em; background:var(--color-point); position:absolute; left:0; top:.5em;}
[data-subarea="vision"]>ol>li:nth-child(2) ol>li:nth-child(2) li:before         {background:#17b09f;}
@media all and (max-width:1400px){
    [data-subarea="vision"]>ol>li:nth-child(2) ol ul                            {padding:1.5em;}
    [data-subarea="vision"]>ol>li:nth-child(2) ol ul li                         {font-size:1em; letter-spacing:-1px;}
}
@media all and (max-width:1200px){
    [data-subarea="vision"]>ol>li:nth-child(2)                                  {position:relative; margin-bottom:3em}
    [data-subarea="vision"]>ol>li:nth-child(2):after                            {content:""; display:block; width:45px; height:29px; position:absolute; top:-3.5em; background-repeat:no-repeat; margin:auto; background-image:url(/economy/resource/images/contents/center/vision_arr_blue.svg); right:0; left:0; margin:auto; transform:rotate(-90deg);}
    [data-subarea="vision"]>ol>li:nth-child(2) ol                               {gap:0}
    [data-subarea="vision"]>ol>li:nth-child(2) ol>li                            {width:calc(50% - 2em);}
    [data-subarea="vision"]>ol>li:nth-child(2) ol>li:after                      {display:none;}
    [data-subarea="vision"]>ol>li:nth-child(2) ol>li strong                     {font-size:1.4em}

    [data-subarea="vision"]>ol>li:nth-child(2) ol ul                            {border-radius:30px 10px 30px 10px;}
}
@media all and (max-width:768px){
    [data-subarea="vision"]>ol>li:nth-child(2)                                  {margin-bottom:2em}
    [data-subarea="vision"]>ol>li:nth-child(2):after                            {width:35px; height:22px; top:-2.5em}
    [data-subarea="vision"]>ol>li:nth-child(2) ol>li                            {width:calc(50% - 1.5em);}
    [data-subarea="vision"]>ol>li:nth-child(2) ol>li strong::after              {height:30px;}

    [data-subarea="vision"]>ol>li:nth-child(2) ol ul                            {display:block; min-height:calc(100% - 4em); border-radius:20px 10px 20px 10px; padding:1em; word-break:break-all;}
    [data-subarea="vision"]>ol>li:nth-child(2) ol ul li                         {letter-spacing:inherit; padding-left:.6em}
    [data-subarea="vision"]>ol>li:nth-child(2) ol ul li:before                  {width:.25em; height:.25em; top:.7em}
}
@media all and (max-width:768px){
    [data-subarea="vision"]>ol>li:nth-child(2)                                  {margin-bottom:1em}
}

[data-subarea="vision"]>ol>li:nth-child(3)                                      {flex:1 0 100%; display:flex; justify-content:center; flex-wrap:wrap; align-items:center; padding-left:5em; position:relative;}
[data-subarea="vision"]>ol>li:nth-child(3):before                               {content:""; display:block; width:29px; height:33px; background:url(/economy/resource/images/contents/center/vision_arr_gray.svg) no-repeat; position:absolute; top:-3.5em; left:0; right:0; margin:auto;}
[data-subarea="vision"]>ol>li:nth-child(3) strong                               {border-radius:50px; background:#17b06d; position:absolute; color:#fff; font-size:1.62em; font-weight:900; display:flex; gap:0 .5em; align-items:center; padding:0 1em; left:0; top:0; bottom:0; margin:auto; height:3.7em}
[data-subarea="vision"]>ol>li:nth-child(3) strong:after                         {content:""; display:block; width:35px; height:31px; background:url(/economy/resource/images/contents/center/vision_icon03.svg) no-repeat center;}
[data-subarea="vision"]>ol>li:nth-child(3) strong:before                        {content:""; display:block; position:absolute; right:-7px; top:0; bottom:0; margin:auto; width:0; height:0; border-style: solid; border-width: 8px 0px 8px 8px; border-color: transparent transparent transparent #17b06d;}

[data-subarea="vision"]>ol>li:nth-child(3) ul                                   {display: flex; justify-content: space-between; flex-wrap:wrap; align-items: center; padding:1.5em 1.5em 1.5em 5em; width: 100%; border-radius: 20px; border: 1px solid transparent; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #0fafa1, #7dd12b, #e55631) border-box;}
[data-subarea="vision"]>ol>li:nth-child(3) ul li                                {display:flex; justify-content:center; position:relative; border:3px solid #17b09f; color:#17b09f; border-radius:50px; padding:.6em 0; gap:.2em; font-size:1.2em; font-weight:400; align-items:center; width:19%}
[data-subarea="vision"]>ol>li:nth-child(3) ul li:before                         {content:""; display:block; width:22px; height:22px; border-radius:50%; background:url(/economy/resource/images/contents/check.svg)no-repeat center / 11px #17b09f;}
[data-subarea="vision"]>ol>li:nth-child(3) ul li:nth-child(2)                   {border-color:#55c275; color:#55c275;}
[data-subarea="vision"]>ol>li:nth-child(3) ul li:nth-child(2):before            {background-color:#55c275}
[data-subarea="vision"]>ol>li:nth-child(3) ul li:nth-child(3)                   {border-color:#a9b827; color:#a9b827;}
[data-subarea="vision"]>ol>li:nth-child(3) ul li:nth-child(3):before            {background-color:#a9b827}
[data-subarea="vision"]>ol>li:nth-child(3) ul li:nth-child(4)                   {border-color:#c89430; color:#c89430;}
[data-subarea="vision"]>ol>li:nth-child(3) ul li:nth-child(4):before            {background-color:#c89430}
[data-subarea="vision"]>ol>li:nth-child(3) ul li:nth-child(5)                   {border-color:#e45931; color:#e45931;}
[data-subarea="vision"]>ol>li:nth-child(3) ul li:nth-child(5):before            {background-color:#e45931}
@media all and (max-width:1200px){
    [data-subarea="vision"]>ol>li:nth-child(3):before                           {display:none}
    [data-subarea="vision"]>ol>li:nth-child(3) strong                           {height:2.8em; font-size:1.4em}
    [data-subarea="vision"]>ol>li:nth-child(3) ul                               {padding:1em 1.5em 1em 3.5em}
    [data-subarea="vision"]>ol>li:nth-child(3) ul li                            {font-size:1em}
}
@media all and (max-width:768px){
    [data-subarea="vision"]>ol>li:nth-child(3)                                  {padding-left:1em}
    [data-subarea="vision"]>ol>li:nth-child(3) strong                           {height:90%; border-radius:20px; padding:0 .8em}
    [data-subarea="vision"]>ol>li:nth-child(3) ul                               {gap:.5em; padding-left:7.4em;}
    [data-subarea="vision"]>ol>li:nth-child(3) ul li                            {width:calc((100% / 3) - 1em); flex-grow: 1;}
}
@media all and (max-width:768px){
    [data-subarea="vision"]>ol>li:nth-child(3) ul li                            {width:calc((100% / 2) - .5em); flex-grow: 1;}
}
@media all and (max-width:420px){
    [data-subarea="vision"]>ol>li:nth-child(3)                                  {padding-left:0}
    [data-subarea="vision"]>ol>li:nth-child(3) strong                           {position:relative; height:2.5em; top:1em; width:80%; justify-content:center;}
    [data-subarea="vision"]>ol>li:nth-child(3) strong:before                    {display:none;}
    [data-subarea="vision"]>ol>li:nth-child(3) ul                               {gap:.5em; padding:1.8em 1em 1em;}
}

.wrap .contents > div[data-subarea="target"]                {background:#f4f4f4; border-radius:30px; padding:1em 1.5em 2em; margin-bottom:4em}

[data-subarea="target"] div                                 {position:relative; padding-top:1em}
[data-subarea="target"] div:not(:first-child)               {margin-top:2em;}
[data-subarea="target"] div:before,
[data-subarea="target"] div:after                           {content:""; display:block; width:11px; height:11px; border-radius:50%; background:linear-gradient(to right, #294d90, #1787b0); box-shadow:5px 0 10px rgba(0, 0, 0, .2); position:absolute; top:2em}
[data-subarea="target"] div:before                          {right:1em;}
[data-subarea="target"] div:after                           {right:calc(1em + 17px);}
[data-subarea="target"] div:nth-child(2):before,
[data-subarea="target"] div:nth-child(2):after              {background:linear-gradient(to right, #17b09f, #1787b0);}
[data-subarea="target"] div:nth-child(3):before,
[data-subarea="target"] div:nth-child(3):after              {background:linear-gradient(to right, #55c275, #24a84a);}

[data-subarea="target"] h4                                  {background:linear-gradient(to right, #294d90, #1787b0); box-shadow:5px 0 10px rgba(0, 0, 0, .2); border-radius:42px 10px 42px 10px; color:#fff; display:flex; justify-content:center; align-items:center; gap:.5em; padding:2em 0; position:absolute; top:0; left:-3em; width:220px; z-index:1}
[data-subarea="target"] div:nth-child(2) h4                 {background:linear-gradient(to right, #17b09f, #1787b0);}
[data-subarea="target"] div:nth-child(3) h4                 {background:linear-gradient(to right, #55c275, #24a84a);}

[data-subarea="target"] h4 i                                {display:block; width:28px; height:28px; background-repeat:no-repeat; background-size:auto 100%; background-position:center 0; background-image:url(/economy/resource/images/contents/center/vision_icon04.svg); margin-top:-.5em}
[data-subarea="target"] div:nth-child(2) h4 i               {background-image:url(/economy/resource/images/contents/center/vision_icon05.svg); margin-top:-.25em}
[data-subarea="target"] div:nth-child(3) h4 i               {background-image:url(/economy/resource/images/contents/center/vision_icon06.svg);}

[data-subarea="target"] h4 span                             {font-family:var(--font-jalnan); font-weight:normal; font-size:1.5em; line-height:1}

[data-subarea="target"] div h4 + *                          {background:#fff; border-radius:30px 10px 30px 10px; padding:2em 2em 2em calc(220px - 1em);}
[data-subarea="target"] div:first-child h4 + *              {font-size:1.56em; font-weight:600; text-align:center; padding:1em 2em;}

@media all and (max-width:1400px){
    [data-subarea="target"] h4                              {padding:1.8em 0; width:180px; left:-2em}
    [data-subarea="target"] h4 span                         {font-size:1.4em;}

    [data-subarea="target"] div h4 + *                      {padding:2em 2em 2em calc(180px - 1em);}
    [data-subarea="target"] div:first-child h4 + *          {padding:1em 2em 1em calc(180px - 1em); font-size:1.4em}
}
@media all and (max-width:1024px){
    [data-subarea="target"] h4                              {width:150px}
    [data-subarea="target"] h4 i                            {width:22px; height:22px;}
    [data-subarea="target"] h4 span                         {font-size:1.3em;}

    [data-subarea="target"] div h4 + *                      {padding:2em 1em 2em calc(150px - 2em);}
    [data-subarea="target"] div:first-child h4 + *          {padding:1em 1em 1em calc(150px - 2em); font-size:1.4em;}
}
@media all and (max-width:768px){
    .wrap .contents > div[data-subarea="target"]            {padding:1em; margin-bottom:3em}
    [data-subarea="target"] div                             {padding-top:0;}

    [data-subarea="target"] h4                              {position:relative; border-radius:20px 10px 20px 10px; left:-.5em; padding:1.2em 0 1em}

    [data-subarea="target"] div h4 + *                      {margin-top:-1em; padding:2em 1em 1.5em}
    [data-subarea="target"] div:first-child h4 + *          {padding:2em 1em 1em; font-size:1.2em;}
}

[data-subarea="history"] .visual_box:before                 {background-image:url(/economy/resource/images/contents/center/history_bg.jpg);}
[data-subarea="history"] .history_wrap                      {display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:stretch;}
[data-subarea="history"] .history_wrap > *                  {flex:0 1 40%}
[data-subarea="history"] .history_wrap > *:last-child       {flex:0 1 50%}

[data-subarea="history"] .history_wrap h5                   {color:#17b09f; font-size:1.8em; position:relative;}
[data-subarea="history"] .history_wrap h5:before            {content:""; display:block; width:calc(100% - 3.5em); height:1px; position:absolute; right:0; top:0; bottom:0; margin:auto; background:#ddd;}
[data-subarea="history"] .history_wrap dl                   {padding-left:6.5em; display:flex; flex-wrap:wrap; align-items:baseline; gap:.3em 0}
[data-subarea="history"] .history_wrap dt                   {width:4em; font-size:1.15em; font-weight:400}
[data-subarea="history"] .history_wrap dd                   {width:calc(100% - 5em); font-size:1.12em}
[data-subarea="history"] .history_wrap .point               {position:relative; display:inline-block; font-size:1.25em}
[data-subarea="history"] .history_wrap .point:before        {content:""; display:block; width:100%; height:.4em; background:rgba(23, 176, 159, .1); position:absolute; bottom:.1em; left:0;}
[data-subarea="history"] .history_wrap .basic_img			{ position:relative; height:0; padding-top:25.2%; overflow:hidden; }
[data-subarea="history"] .history_wrap .basic_img img		{ position:absolute; min-width:100%; min-height:100%; left:50%; top:50%; object-fit: cover; -o-object-fit: cover; transform:translate(-50%, -50%);}
@media all and (max-width:940px){
    [data-subarea="history"] .history_wrap > *              {flex:0 1 35%}
    [data-subarea="history"] .history_wrap > *:last-child   {flex:0 1 60%}
}
@media all and (max-width:768px){
    [data-subarea="history"] .history_wrap                  {display:block;}
	[data-subarea="history"] .history_wrap .basic_img		{ padding-top:62.968%; }
}
@media all and (max-width:460px){
    [data-subarea="history"] .history_wrap div:not(:first-child) h5               {margin-top:.5em; font-size:1.5em}
    [data-subarea="history"] .history_wrap dl               {padding-left:2em}
    [data-subarea="history"] .history_wrap dt               {width:3em;}
    [data-subarea="history"] .history_wrap dd               {width:calc(100% - 3.5em); font-size:1em}
    [data-subarea="history"] .history_wrap .point           {position:relative; display:inline-block; font-size:1.12em}
}


/* 조직도 */
[data-subarea="org"]    ol                                      {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:relative; padding:5em 0; margin-bottom:3em; gap:3em}
[data-subarea="org"]    ol:before                               {content:""; display:block; width:110%; height:100%; position:absolute; top:0; left:-5%; border-radius:30px; z-index:-1; background:#f4f4f4;}
[data-subarea="org"]    ol:after                                {content:""; display:block; width:60%; height:1px; background:#ccc; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; z-index:-1}

[data-subarea="org"]    ol>li:first-child                       {text-align:center; font-family:var(--font-jalnan); background:linear-gradient(to right, #f59435, #e45931); width:18%; display:flex; justify-content:center; align-items:center; padding:3em 0; border-radius:80px 20px 80px 20px; position:relative; box-shadow:5px 0 10px rgba(0, 0, 0, .2);}
[data-subarea="org"]    ol>li:first-child:before                {content:""; display:block; width:100%; height:100%; background:linear-gradient(to right, #17b09f, #a9b827, #e45931); position:absolute; top:.8em; left:.8em; border-radius:80px 20px 80px 20px; z-index:-1; opacity:.15; box-shadow:5px 0 10px rgba(0, 0, 0, .2);}
[data-subarea="org"]    ol>li:first-child span                  {display:block; background:url(/economy/resource/images/contents/center/vision_icon.svg) no-repeat center 0 / 3em; padding-top:3.4em; color:#fff; font-size:1.75em}

[data-subarea="org"]    ol>li:nth-child(2),
[data-subarea="org"]    ol>li:nth-child(3)                      {border-radius:30px 10px 30px 10px; font-weight:400; font-size:1.37em; display:flex; justify-content:center; align-items:center; color:#fff; padding:1em 2em; gap:.5em; min-width:15%}
[data-subarea="org"]    ol>li:nth-child(2)                      {background:#1787b0}
[data-subarea="org"]    ol>li:nth-child(3)                      {background:#17b09f}

[data-subarea="org"]    ol>li:nth-child(2) i,
[data-subarea="org"]    ol>li:nth-child(3) i                    {width:25px; height:25px; background:url(/economy/resource/images/contents/center/org_icon.svg) no-repeat center / cover;}

[data-subarea="org"]    ol>li:nth-child(4)                      {margin-left:2%}
[data-subarea="org"]    ol>li:nth-child(4) ul                   {position:relative;}
[data-subarea="org"]    ol>li:nth-child(4) ul:before            {content:""; display:block; width:1px; height:calc(100% - ((100% / 3) - .5em)); background:#ccc; position:absolute; top:0; bottom:0; margin:auto; left:-2em}
[data-subarea="org"]    ol>li:nth-child(4) li                   {border-radius:40px; border-width:3px; border-style:solid; padding:.8em 2em; display:flex; flex-wrap:wrap;  align-items:center; font-size:1.12em; font-weight:400; background:#fff; gap:.5em; position:relative;}
[data-subarea="org"]    ol>li:nth-child(4) li:not(:first-child) {margin-top:.5em;}
[data-subarea="org"]    ol>li:nth-child(4) li:first-child       {border-color:#17b09f; color:#17b09f}
[data-subarea="org"]    ol>li:nth-child(4) li:nth-child(2)      {border-color:#55c275; color:#55c275}
[data-subarea="org"]    ol>li:nth-child(4) li:nth-child(3)      {border-color:#e45931; color:#e45931}
[data-subarea="org"]    ol>li:nth-child(4) li:first-child:before{content:""; display:block; width:2em; height:1px; background:#ccc; position:absolute; left:-2em; top:0; bottom:0; margin:auto; z-index:-1}
[data-subarea="org"]    ol>li:nth-child(4) li:nth-child(3):before{content:""; display:block; width:2em; height:1px; background:#ccc; position:absolute; left:-2em; top:0; bottom:0; margin:auto; z-index:-1}

[data-subarea="org"]    ol>li:nth-child(4) i                    {display:block; width:22px; height:22px; border-radius:50%; background-image:url(/economy/resource/images/contents/check.svg); background-repeat:no-repeat; background-position:center; background-size:60%}
[data-subarea="org"]    ol>li:nth-child(4) li:first-child i     {background-color:#17b09f}
[data-subarea="org"]    ol>li:nth-child(4) li:nth-child(2) i    {background-color:#55c275}
[data-subarea="org"]    ol>li:nth-child(4) li:nth-child(3) i    {background-color:#e45931}
@media all and (max-width:1800px){
    [data-subarea="org"]    ol:before                                   {width:calc(100% + 4em); left:-2em;}
}
@media all and (max-width:1400px){
    [data-subarea="org"]    ol                                          {gap:1.5em}
    [data-subarea="org"]    ol:before                                   {width:calc(100% + 2em); left:-1em;}

    [data-subarea="org"]    ol>li:first-child                           {width:22%; padding:2em 0; border-radius:50px 10px 50px 10px}
    [data-subarea="org"]    ol>li:first-child:before                    {border-radius:50px 10px 50px 10px}
    [data-subarea="org"]    ol>li:first-child span                      {background-size:55px; font-size:1.4em; padding-top:3em}

    [data-subarea="org"]    ol>li:nth-child(2),
    [data-subarea="org"]    ol>li:nth-child(3)                          {font-size:1.2em; padding:1em 1.5em}

    [data-subarea="org"]    ol>li:nth-child(4) li                       {font-size:1em}
}
@media all and (max-width:820px){
    [data-subarea="org"]    ol                                          {display:block; padding:3em 2em}
    [data-subarea="org"]    ol:after                                    {width:1px; height:calc(100% - 10em);}
    [data-subarea="org"]    ol>li:first-child                           {margin:0 auto 2em; min-width:200px;}

    [data-subarea="org"]    ol>li:nth-child(2),
    [data-subarea="org"]    ol>li:nth-child(3)                          {width:50%; margin:0 auto 1em; min-width:204px;}

    [data-subarea="org"]    ol>li:nth-child(4)                          {margin-left:0;}
    [data-subarea="org"]    ol>li:nth-child(4) ul                       {display:flex; justify-content:space-between; flex-wrap:wrap; gap:1em; margin-top:3em; position:relative;}
    [data-subarea="org"]    ol>li:nth-child(4) ul:before                {width:calc((100% / 3) * 2 + .6em); height:1px; top:-.8em; left:0; right:0; bottom:auto}
    [data-subarea="org"]    ol>li:nth-child(4) li                       {flex:1 0 calc((100% / 3) - 1em); justify-content:center; padding:1em 0}
    [data-subarea="org"]    ol>li:nth-child(4) li:not(:first-child)     {margin-top:0;}
    [data-subarea="org"]    ol>li:nth-child(4) li:first-child:before,
    [data-subarea="org"]    ol>li:nth-child(4) li:nth-child(3):before   {width:1px; height:1em; left:0; right:0; top:-1em; bottom:auto;}
}
@media all and (max-width:540px){
    [data-subarea="org"]    ol                                          {padding:2em 1em}

    [data-subarea="org"]    ol>li:first-child                           {width:22%; padding:1.5em 0; border-radius:30px 10px 30px 10px}
    [data-subarea="org"]    ol>li:first-child:before                    {border-radius:30px 10px 30px 10px}
    [data-subarea="org"]    ol>li:first-child span                      {background-size:45px; font-size:1.3em; padding-top:2.8em}

    [data-subarea="org"]    ol>li:nth-child(4) ul                       {display:block; margin-top:2em; background:#fff; border-radius:20px; padding:1em; border:1px solid #ccc;}
    [data-subarea="org"]    ol>li:nth-child(4) ul::before               {display:none;}
    [data-subarea="org"]    ol>li:nth-child(4) li                       {padding:.8em 0}
    [data-subarea="org"]    ol>li:nth-child(4) li:not(:first-child)     {margin-top:1em}
}


/* 오시는 길 */
[data-subarea="directions"] .visual_box:before              {background-image:url(/economy/resource/images/contents/center/directions_bg.jpg);}

[data-subarea="directions"] .map_wrap                       {top:-7.5em; margin-bottom:-5em}

[data-subarea="directions"] .info                           {display:flex; justify-content:space-between; flex-wrap:wrap; background:#f7f7f7; padding:1.5em; border-radius:20px}
[data-subarea="directions"] .info > li                      {flex:1 0 35%; display:flex; flex-wrap:wrap; align-items:center; gap:1em}
[data-subarea="directions"] .info > li:first-child          {flex:1 0 65%;}
[data-subarea="directions"] .info i                         {display:block; width:79px; height:79px; border:1px solid #ddd; border-radius:10px; position:relative; background-color:#fff;}
[data-subarea="directions"] .info i:before                  {content:""; display:block; width:35px; height:35px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
[data-subarea="directions"] .info i:after                   {content:""; display:block; width:30%; height:30%; border-radius:50%; background:#c3e0fc; opacity:.3; position:absolute; top:25%; left:30%; right:0; bottom:0; margin:auto;}
[data-subarea="directions"] .info li:nth-child(2) i::after  {background:#eb6231; opacity:.2}
[data-subarea="directions"] .info li:first-child i:before   {background:url(/economy/resource/images/contents/center/directions_icon01.svg) no-repeat center;}
[data-subarea="directions"] .info li:nth-child(2) i:before  {background:url(/economy/resource/images/contents/center/directions_icon02.svg) no-repeat center / 85%;}
[data-subarea="directions"] .info dt                        {font-size:1.12em; opacity:.6}
[data-subarea="directions"] .info dd                        {font-size:1.25em; font-weight:400}
@media all and (max-width:1400px){
    [data-subarea="directions"] .info i                     {width:60px; height:60px;}
    [data-subarea="directions"] .info dt                    {font-size:1em;}
    [data-subarea="directions"] .info dd                    {font-size:1.15em;}
}
@media all and (max-width:768px){
    [data-subarea="directions"] .info i                     {background:#ececec; border:0; border-radius:50%}
    [data-subarea="directions"] .info > li,
    [data-subarea="directions"] .info > li:first-child      {flex:1 0 100%}
    [data-subarea="directions"] .info > li:first-child      {border-bottom:1px; padding-bottom:1em; border-bottom:1px solid #e4e4e4; margin-bottom:1em;}
}
@media all and (max-width:540px){
    [data-subarea="directions"] .info li                    {display:block; text-align:center;}
    [data-subarea="directions"] .info i                     {width:60px; height:60px; margin:0 auto .5em;}
}

/* 완주군 산업 통계 */
[data-subarea="chart"] .visual_box:before                       {background-image:url(/economy/planweb/upload/board/4028a6029c73b08a019c78625a5601c4/original/b6bcf8d2-4013-47f3-b151-ba534fb69722.jpg);}
[data-subarea="chart"] .scrollTable,
[data-subarea="chart"] .scroll									{width:100%;}
[data-subarea="chart"] .min										{min-height:400px;}
[data-subarea="chart"] .donut.mini canvas						{max-width:480px;margin:0 auto;}

@media all and (max-width:1024px){
  [data-subarea="chart"] .scroll								{width:1024px;}
  [data-subarea="chart"] .scroll.donut							{width:100%;max-width:1024px;min-width:700px;}
  [data-subarea="chart"] .donut.mini canvas						{max-width:initial;}
  [data-subarea="chart"] .basic_con.mb2em						{margin-bottom:0;}
  [data-subarea="chart"] .mob_info								{margin-top:0;}
  [data-subarea="chart"] .con:has(.scroll.donut) .mob_info		{display:none;}
}

@media all and (max-width:760px){
  [data-subarea="chart"] .con:has(.scroll.donut) .mob_info		{display:block;}
}

/* 대관시설 안내 */
[data-subarea="place"] .visual_box:before                       {background-image:url(/economy/resource/images/contents/place/place_bg.jpg);}

[data-subarea="place"] .cont_wrap                               {position:relative;}
[data-subarea="place"] .cont_wrap > ul > li                     {display:flex; flex-wrap:wrap; align-items:center; gap:4em}
[data-subarea="place"] .cont_wrap > ul > li:not(:first-child)   {margin-top:4em;}

[data-subarea="place"] .cont_wrap > ul > li p                   {width:600px; position:relative;}
[data-subarea="place"] .cont_wrap > ul > li p:before            {content:""; display:block; width:100%; height:100%; border-radius:30px 0 30px 0; position:absolute; top:1em; left:1em; background:#2692ab; opacity:.1; z-index:-1;}
[data-subarea="place"] .cont_wrap > ul > li p img               {width:100%; border-radius:30px 0 30px 0;}
[data-subarea="place"] .cont_wrap > ul > li p a                 {display:none;}

[data-subarea="place"] .cont_wrap > ul > li dl                  {width:calc(100% - 600px - 4em); position:relative;}
[data-subarea="place"] .cont_wrap > ul > li dt                  {font-family:var(--font-pre); font-weight:600; font-size:1.25em; line-height:1.25; color:#2692ab; margin-bottom:1em;}
[data-subarea="place"] .cont_wrap > ul > li dt strong           {font-family:var(--font-paper); font-weight:400; font-size:1.8em; display:block; color:#222}

[data-subarea="place"] .cont_wrap > ul > li li                  {background:#f4f4f4; border-radius:30px; padding:.5em; display:flex; align-items:center;}
[data-subarea="place"] .cont_wrap > ul > li li:not(:first-child){margin-top:.5em;}
[data-subarea="place"] .cont_wrap > ul > li li strong           {background:#2692ab; font-weight:400; color:#fff; display:inline-block; padding:.2em 1em; border-radius:30px; margin-right:1em;}
[data-subarea="place"] .cont_wrap > ul > li li:not(:has(strong)){padding-left:1.5em; padding-right:1.5em; font-weight:600}

[data-subarea="place"]:has(.cont_wrap) .basic_btn				{position:absolute; right:0; top:0;}
@media all and (max-width:1400px){
    [data-subarea="place"] .cont_wrap > ul > li p               {width:450px;}

    [data-subarea="place"] .cont_wrap > ul > li dl              {width:calc(100% - 450px - 4em);}
    [data-subarea="place"] .cont_wrap > ul > li dt strong       {font-size:1.6em}
}
@media all and (max-width:1024px){
    [data-subarea="place"] .cont_wrap > ul > li                 {gap:2em 3em}
    [data-subarea="place"] .cont_wrap > ul > li p               {width:320px;}

    [data-subarea="place"] .cont_wrap > ul > li dl              {width:calc(100% - 320px - 3em);}
    [data-subarea="place"] .cont_wrap > ul > li dt strong       {font-size:1.4em}
}
@media all and (max-width:768px){
    [data-subarea="place"] .cont_wrap > ul > li:not(:first-child){border-top:1px dashed #ddd; padding-top:2em; margin-top:2em;}
    [data-subarea="place"] .cont_wrap > ul > li p,
    [data-subarea="place"] .cont_wrap > ul > li dl              {width:100%}
    [data-subarea="place"]:has(.cont_wrap) .basic_btn			{position:relative; margin-top:1em}
}

[data-subarea="enterprise"] .visual_box:before                   {background-image:url(/economy/resource/images/contents/center/enterprise_bg.jpg);}
[data-subarea="enterprise"] .basic_img   						 {background:#f4f4f4; padding:2em}
[data-subarea="enterprise"] .basic_img img 						 {max-width:1150px; margin:auto;}

/* readyBox */
.sub_wrap:has(.readyBox) .sub_contents{min-height:auto;}

.readyBox                            { text-align:center;padding:5em 0; word-break:keep-all; font-family:var(--font-gi);}
.readyBox h1                         { margin-bottom:20px; font-weight:normal; font-size:3em; line-height:1.2; position:relative;}
.readyBox h1:before                  { content:""; display:block; width:7em; height:6em; margin:0 auto 1em; background:url("/economy/resource/images/contents/ready.svg") no-repeat center;}
.readyBox h1 span                    { color:#244A72;}
.readyBox p                          { color:#343434; font-size:1.2em; font-family:var(--font-nexon);}
.readyBox .redeay_bar                { display:block; width:40%; margin:3em auto; height:5px; position:relative}
.readyBox .redeay_bar:before,
.readyBox .redeay_bar:after          { content:""; display:block; height:100%; position:absolute; top:0; left:0; }
.readyBox .redeay_bar:before         { width:100%; background:#ddd; }
.readyBox .redeay_bar:after          { width:0; background:var(--color-point); animation: redeayBar 5s ease-in-out infinite normal forwards; }
@keyframes redeayBar                 { 0%{width:0; left:0; right:auto; }  49%{width:100%; left:0; right:auto; } 51%{width:100%; left:auto; right:0; } 100%{width:0%; left:auto; right:0;} }
@media all and (max-width:1024px){
    .readyBox h1                     { font-size:2em; }
    .readyBox p                      { font-size:1em; }
    .readyBox .redeay_bar            { width:60% }
}
@media all and (max-width:767px){
    .readyBox                        { padding:3em 0 }
}