@charset "utf-8"; 

h4							{position:relative; font-family: 'S-Core Dream'; font-weight:500; font-size:1.5em; color:#111; letter-spacing:-1.75px; line-height:1.2; padding:0 0 20px 20px;}
h4:before					{content:''; display:inline-block; position:absolute; left:0; top:3px; width:6px; height:25px; background:var(--color1); border-radius:5px;}
h4 span						{font-size:18px; letter-spacing:-0.75px; color:#797979; margin-left:10px;}
h5							{position:relative; font-family: 'S-Core Dream'; font-weight:500; letter-spacing:-1px; margin-bottom:15px; font-size:1.2em; color:var(--color1); padding-left:27px;} 
h5:before					{position:absolute; z-index:1; top:5px; left:0; content:''; width:18px; height:18px; border-radius:3px; background:var(--color1);}
h5:after					{position:absolute; top:11px; left:5px; content:''; display:inline-block; border: solid #fff; border-width:0 2px 2px 0; padding:2px; transform:rotate(-45deg); z-index:1;}
.sub_wrap h6				{font-family: 'S-Core Dream'; display:block; font-weight:400; color:#333; font-size:0.95em; margin-bottom:10px; letter-spacing:-.75px;}
.sub_wrap h6 i				{color:var(--color1); margin-right:7px;}
.sub_txtline				{font-weight:500; box-shadow:inset 0 -10px 0 #c1e4ff; padding:0 3px; color:#000;}

.sub_cont01					{text-align:justify;} 
.sub_cont02					{padding-left:10px; text-align:justify;}  
.sub_list01					{position:relative; list-style:none; padding:3px 0 3px 12px; line-height:150%;}
.sub_list01:after			{position:absolute; content:''; display:block; left:0; top:14px; width:4px; height:4px; background:var(--color3); border-radius:100%;}
.sub_list02					{position:relative; list-style:none; padding:1px 0 1px 12px;}
.sub_list02:after			{position:absolute; content:''; display:block; left:0; top:14px; width:5px; height:1px; background:#222;}
.sub_cont01>li:first-child, .sub_cont02>li:first-child	{padding-top:0;}

.sub_table					{border-top:1px solid #333; border-collapse:collapse; width:100%; table-layout:fixed; font-size:0.95em;} 
.sub_table thead th			{font-family: 'S-Core Dream'; font-weight:500; color:#111; padding:13px 8px; border-bottom:1px solid #dddee0; border-right:1px solid #dddee0; border-left:1px solid #dddee0; text-align:center; background-color:#f5f5f5; }
.sub_table thead th:first-child	{border-left-color:#f5f5f5;}
.sub_table thead th:last-child	{border-right-color:#f5f5f5;}
.sub_table tbody th			{font-family: 'S-Core Dream'; color:#333; line-height:150%; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; text-align:center;}
.sub_table thead th[colspan]	{padding:5px;}
.sub_table tbody td			{line-height:150%; padding:15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fff; }
.sub_table tbody td:first-child{border-left-color:#fff;}
.sub_table tbody th:last-child, .sub_table tbody td:last-child	{border-right-color: #fff;}
.sub_table tfoot th			{font-family: 'S-Core Dream'; color:#333; line-height:150%; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #fff; background:#e5e5e5; text-align:center;}
.sub_table tfoot td			{line-height:150%; padding:15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#e5e5e5;}
.sub_table tfoot td:last-child	{border-right-color:#fff;}
.sub_table .pzero           {padding:13px 0;}

@media screen and (max-width:1024px) { 
	h4						{font-size:1.2em; padding:0 0 12px 12px; letter-spacing:-1px;}
	h4:before				{top:3px; width:5px; height:18px;}
	h4 span					{font-size:16px;}
	h5						{font-size:1.1em; margin-bottom:10px; padding-left:23px;}
	h5:before				{top:4px; width:16px; height:16px;}
	h5:after				{top:9px; left:4px;}

	.sub_list01				{padding:2px 0 2px 10px;}
	.sub_list01:after		{top:12px;}

	.sub_table thead th, .sub_table tbody th, .sub_table tbody td	{padding:10px 5px; font-size:0.95em;}
}	

/* 서브 디자인  ================================================================================== */
.intGreet figure img			{box-shadow:0 0 20px 1px rgba(0,0,0,.08); width:100%;}
.intGreet .tit					{position:relative; padding:50px 20px 30px 60px; margin:-140px -20px 0 40px; font-family: 'S-Core Dream'; font-size:1.7em; color:#111;  letter-spacing:-1.5px; line-height:1.4; background:#fff; z-index:1;}
.intGreet .tit strong           {color:var(--color1); font-weight:700;}
.intGreet .cont					{padding:0 50px 0 100px; display:grid; gap:25px; word-break:keep-all; background:#fff; position:relative; z-index:1;}
.intGreet .cont>div				{font-family: 'S-Core Dream'; line-height:1.65; letter-spacing:-1px;}
.intGreet .cont strong			{font-size:19px; color:#111; font-weight:500;}
.intGreet .cont .sign			{font-family: 'S-Core Dream'; text-align:right; color:#111; font-weight:700; letter-spacing:-.75px;line-height:1.5; font-size:1.1em;}

.introBiz                       {display:grid; gap:20px; margin-top:20px;}
.introBiz .depth1				{position:relative; width:80%; margin:0 auto; padding:25px 30px;}
.introBiz .depth1:after, 
.introBiz .depth1:before		{position:absolute; content:''; display:block; border:12px solid var(--color1); height:100%; width:30px; top:0;}
.introBiz .depth1:before		{left:0; border-right:none; }
.introBiz .depth1:after		    {right:0; border-left:none; }
.introBiz .depth1 p			    {font-family: 'S-Core Dream'; font-weight:600; letter-spacing:-2px; font-size:1.7em;color:#111; line-height:1.2;}
.introBiz .depth1 span			{display:block; margin-top:12px; font-family: 'Paperlogy'; letter-spacing:0; color:#333; font-size:1.2em; line-height:1.4;}
.introBiz .depth1 span strong	{color:var(--color1); font-weight:700;}
.introBiz .depth2 p			    {font-family: 'Paperlogy'; font-weight:700; font-size:1.6em;color:var(--color1); line-height:1.4;}
.introBiz .depth2 span			{font-family: 'Paperlogy'; display:block; margin-top:10px; color:#333; font-size:1.2em; line-height:1.4;}
.introBiz .depth3               {position:relative; display:flex; gap:5px; margin:10px 0;}
.introBiz .depth3 li            {font-family: 'S-Core Dream'; width:100%; border-radius:80px; padding:25px 20px; background:var(--gra1); color:#fff; border:10px solid #f3f6fb;}
.introBiz .depth3 li strong     {display:block; font-weight:500; letter-spacing:-1px; font-size:1.3em; margin-top:5px;}
.introBiz .depth3 li:nth-child(2) {background:var(--gra);}
.introBiz .depth3 .plus         {font-family: 'Paperlogy'; font-size:1.2em; font-weight:700; position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; width:60px; height:60px; line-height:60px; background:var(--color3); padding:0; border:0;}
.introBiz .depth4               {position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; background:#f2f5fa; border-radius:30px; padding:35px; margin-top:25px;}
.introBiz .depth4 li	        {position:Relative; font-family: 'S-Core Dream'; font-size:1.05em; background:#fff; font-weight:500; color:#333; letter-spacing:-1px; box-shadow:0 0 20px 1px rgba(0,0,0,0.03); border-radius:10px; padding:20px; overflow:hidden;}
.introBiz .depth4:before		{content:''; display:block; position:absolute; top:-125px; left:50%; transform:translateX(-50%); border:80px solid transparent; border-bottom:30px solid #f2f5fa;}
.introBiz .depth4:after		    {content:''; position:absolute; display:block; top:-20px; left:50%; transform:translateX(-50%); width:120px; height:20px; background:#f2f5fa;}
.introBiz .depth5               {display:flex; gap:10px; text-align:center;}
.introBiz .depth5 li            {position:relative; flex:1; background:var(--color1); border-radius:15px; padding:15px 10px 12px 10px; letter-spacing:-1px;}
.introBiz .depth5 li:nth-child(odd)   {background:var(--color2);}
.introBiz .depth5 li strong     {display:block; color:#fff; font-family: 'S-Core Dream'; font-weight:500; margin-bottom:15px;}
.introBiz .depth5 li p          {background:#fff; padding:20px 0; border-radius:10px; font-size:0.95em; line-height:1.4;}
.introBiz .depth6               {position:relative; background:#f0f0f0; border-radius:30px; padding:35px; margin-top:40px;}
.introBiz .depth6>strong		{position:absolute; left:0; right:0; top:-15px; margin:auto; width:120px; font-family: 'S-Core Dream'; font-weight:500; font-size:1.1em; color:#000; letter-spacing:-1px; display:inline-block; padding-bottom:15px; background:#f0f0f0; z-index:1;}
.introBiz .depth6>strong:before	{content:''; display:block; position:absolute; top:-110px; left:50%; transform:translateX(-50%); border:80px solid transparent; border-bottom:30px solid #f0f0f0; z-index:-1;}
.introBiz .depth6 ul            {display:grid; gap:10px; text-align:left;}
.introBiz .depth6 ul li	        {display:flex; align-items:center; height:70px; gap:30px; font-family: 'S-Core Dream'; background:#fff; color:#333; letter-spacing:-1px; overflow:hidden; box-shadow:0 0 20px 1px rgba(0,0,0,0.03); border-radius:10px;}
.introBiz .depth6 ul li p       {display:flex; justify-content:space-between; align-items:center; padding:0 20px; background:#71788c; color:#fff; height:100%;  width:250px;}
.introBiz .depth6 ul li p>span:first-child  {font-family: 'Paperlogy'; font-weight:500; letter-spacing:0;}
.introBiz .depth6 ul li p>span  {font-family: 'S-Core Dream';}
.introBiz2                      {margin:0;}
.introBiz2 .depth1 p            {font-family: 'Paperlogy'; letter-spacing:0; font-weight:700;}
.introBiz2 .depth1 p strong     {font-family: 'Paperlogy'; color:var(--color1); font-weight:700;}

.introVision                    {display:grid; gap:25px; text-align:center; padding-top:10px;}
.introVision>dl					{display:grid; grid-template-columns:100px auto; gap:0 20px;}
.introVision>dl>dt				{font-family: 'S-Core Dream'; color:#111; font-size:1.1em; text-align:left; letter-spacing:-1px; font-weight:500;}
.introVision .depth1 ul         {display:grid; grid-template-columns:repeat(3, 1fr); gap:12px 7px;}
.introVision .depth1 ul li      {font-family: 'S-Core Dream'; background:var(--color1); color:#fff; border-radius:50px; padding:17px 0; z-index:1;}
.introVision .depth1 ul li:last-child   {position:relative; font-weight:500; font-size:1.1em; color:var(--color1); grid-column: 1 / -1; background:#fff; padding:0;}
.introVision .depth1 ul li:last-child:after {position:absolute; top:-15px; left:0; right:0; content:''; width:80%; height:30px; border:1px dotted var(--color1); margin:auto; border-top:0; z-index:-1; border-radius:0 0 5px 5px;}
.introVision .depth1 ul li:last-child strong    {background:#fff; padding:0 10px;}
.introVision .depth2 ul               {position:relative; display:flex; gap:5px;}
.introVision .depth2 ul li            {font-family: 'S-Core Dream'; width:100%; border-radius:80px; padding:23px 20px; border:3px solid var(--color1); }
.introVision .depth2 ul li strong     {display:block; font-weight:600; letter-spacing:-1px; font-size:1.2em; margin-top:5px; color:#111;}
.introVision .depth2 ul li:nth-child(2) {border-color:var(--color2);}
.introVision .depth2 .plus      {position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; width:55px; height:55px; line-height:55px; background:var(--gra1); color:#fff; padding:0; border:0;}
.introVision .depth3 ul         {display:grid; grid-template-columns:repeat(auto-fill, minmax(400px, 1fr)); gap:12px;}
.introVision .depth3 ul li      {background:#eef2f7; padding:30px 25px; border-radius:20px; text-align:left;}
.introVision .depth3 ul li strong   {font-family: 'S-Core Dream'; font-weight:500; color:var(--color1); display:block; margin-bottom:7px;}
.introVision .depth3 ul li em       {font-family: 'Paperlogy'; display:inline-block; font-weight:700; background:var(--color1); color:#fff; width:25px; vertical-align:top; line-height:25px; text-align:center; border-radius:5px; font-size:0.7em; margin-right:7px;}
.introVision .depth4 dd         {display:flex; background:#f0f0f0; padding:25px; gap:15px; border-radius:10px;}
.introVision .depth4 dd ul      {width:100%; display:grid; gap:10px;}
.introVision .depth4 dd ul li   {font-family: 'S-Core Dream'; background:#fff; color:#333; padding:15px 10px; text-align:left; letter-spacing:-1px; overflow:hidden; box-shadow:0 0 20px 1px rgba(0,0,0,0.03); border-radius:10px;}
.introVision .depth4 dd ul li strong    {color:var(--color1); margin:0 12px; font-weight:500;}
.introVision .depth4 dd ul li:first-child   {background:#71788c; color:#fff; height:56px; line-height:56px; padding:0; text-align:center;}
.introVision .depth4 dd ul:last-child li:last-child   {display:grid; align-items:center; margin-top:-18%; text-align:center;}
.introVision .depth4 dd ul:last-child li:last-child p   {font-size:0.9em; color:#777;}
.introVision .depth4 dd ul:last-child li:last-child i   {color:var(--color2); margin-right:5px;}
.introVision2 ul                {display:flex; gap:15px;}      
.introVision2 ul li             {width:100%; display:grid; align-items:center; padding:0 20px; border-radius:20px; word-break:keep-all; line-height:1.4;}
.introVision2 ul li p           {font-family: 'S-Core Dream'; font-weight:500; letter-spacing:-.75px;}
.introVision2 .depth1           {position:relative;}
.introVision2 .depth1 li        {padding:20px; background:#fff; border:2px solid var(--color1); border-radius:50px; color:#333;}
.introVision2 .depth1:after     {position:absolute; top:0; bottom:0; content:''; width:100%; height:1px; border-top:2px dotted var(--color1); margin:auto; z-index:-1;}
.introVision2 .depth2           {margin:25px 0;}
.introVision2 .depth2 li        {padding:30px 20px; background:#eef2f7; text-align:right;}
.introVision2 .depth2 li p      {color:#0049a3; line-height:1.4; font-size:1.1em;}
.introVision2 .depth2 li p em   {font-family: 'Paperlogy';  font-weight:700; font-size:27px; letter-spacing:0; display:inline-block; margin-right:3px;}
.introVision2 .depth3           {font-family: 'S-Core Dream'; font-size:1.1em; font-weight:500; letter-spacing:-1px; background:var(--color1); color:#fff; padding:18px; border-radius:50px; }
.introVision .depth5 dd         {font-family: 'S-Core Dream'; font-size:1.1em; font-weight:500; letter-spacing:-1px; background:var(--color1); color:#fff; padding:18px; border-radius:50px; }
.introVision .depth6 ul         {display:grid; grid-template-columns:repeat(4, 1fr); gap:15px 0;}
.introVision .depth6 ul li      {position:relative; font-family: 'S-Core Dream'; line-height:1.4; background:#fff; letter-spacing:-1px; border:2px solid var(--color1); color:#333; border-radius:50px; padding:18px 0; font-weight:500;}
.introVision .depth6 ul li span {display:block; color:#777; font-size:17px;}
.introVision .depth6 ul li em   {font-family: 'Paperlogy';  font-weight:700; font-size:25px; display:inline-block; margin-right:3px; letter-spacing:0;}
.introVision .depth6 ul li:first-child   {position:relative; font-weight:500; font-size:1.05em; color:var(--color1); grid-column: 1 / -1; background:#fff; padding:0; border:0; z-index:1;}
.introVision .depth6 ul li:first-child:after {position:absolute; top:10px; left:0; right:0; content:''; width:85%; height:30px; border:1px dotted var(--color1); margin:auto; border-bottom:0; z-index:-1; border-radius:5px 5px 0 0;}
.introVision .depth6 ul li:first-child strong    {background:#fff; padding:0 10px;}
.introVision .depth6 ul li:nth-child(odd)  {border-color:#129aa8;}
.introVision .depth6 .plus      {font-family: 'Paperlogy'; font-weight:500; font-size:1.1em; position:absolute; right:-25px;top:0;bottom:0; margin:auto; width:40px; height:40px; line-height:40px; background:var(--gra1); color:#fff; z-index:1; border-radius:50%;}
.introVision .depth7 ul         {display:flex; gap:10px;}      
.introVision .depth7 ul li      {font-family: 'S-Core Dream'; color:#222; font-weight:500; width:100%; display:grid; align-items:center; padding:30px 20px; background:#eef2f7; border-radius:20px; word-break:keep-all;}
.introVision .depth8 ul         {gap:5px;}
.introVision .depth8 ul li      {background:#71788c; font-weight:400; color:#fff; padding:20px; border-radius:10px;}

.introGroup                     {position:relative; display:grid; gap:40px; margin-bottom:60px; text-align:center;}
.introGroup:after               {content:''; display:inline-block; width:1px; height:100%; background:#ddd; position:absolute; left:0; top:0; right:0; margin:auto; z-index:-2;}
.introGroup>ul                  {position:relative; display:flex; justify-content:space-between;}
.introGroup>ul>li               {position:relative; font-family: 'S-Core Dream'; width:250px; height:65px; font-size:0.95em; display:grid; align-items:center; border-radius:5px;}
.introGroup>ul>li span          {font-size:16px; margin-top:-15px; color:#777;}
.introGroup .depth1             {width:85%; margin:0 auto;}
.introGroup .depth1:after       {content:''; height:1px; width:100%; background:#ddd; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:-1;}
.introGroup .depth1 li          {background:#fff; border:2px solid #06356b; color:#06356b;}
.introGroup .depth1 li:nth-child(2) {background:#06356b; color:#fff;}
.introGroup .depth1 li:nth-child(2) span    {color:#fff; opacity:0.9;}
.introGroup .depth2             {width:85%; margin:-20px auto -40px auto; justify-content:flex-end;}
.introGroup .depth2 li          {background:#71788c; color:#fff;}
.introGroup .depth2 li span     {color:#fff; opacity:0.8;}
.introGroup .depth2:after       {content:''; height:1px; width:50%; background:#ddd; position:absolute; top:0; right:0; bottom:0; margin:auto; z-index:-1;}
.introGroup .depth3             {justify-content:center;}
.introGroup .depth3 li          {background:var(--color1); color:#fff;}
.introGroup .depth4             {width:85%; margin:-40px auto;}
.introGroup .depth4 li          {background:#71788c; color:#fff;}
.introGroup .depth4 li span     {color:#fff; opacity:0.8;}
.introGroup .depth4:after       {content:''; height:1px; width:100%; background:#ddd; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:-1;}
.introGroup .depth5 dl          {width:28%; margin:0 auto;  background:#fff;}
.introGroup .depth5 dl dt       {font-family: 'S-Core Dream'; line-height:62px; border-radius:5px; background:#15a4a8; color:#fff; margin:0 auto;}
.introGroup .depth5 dl dd       {text-align:left; font-size:0.9em; padding:10px 0;}
.introGroup .depth5 dl dd>p     {font-family: 'S-Core Dream'; text-align:center; font-weight:500; margin-bottom:5px;}
.introGroup .depth4_1           {margin:-40px auto 0 auto;}
.introGroup .depth6             {position:relative; display:flex; gap:15px; padding-top:30px; background:#fff;}
.introGroup .depth6 dl          {position:relative; width:100%; border:2px solid #eaeaea; border-radius:10px;}
.introGroup .depth6 dl dt       {font-family: 'S-Core Dream'; line-height:58px; background:#eaeaea; color:#333; font-weight:500; font-size:0.95em;}
.introGroup .depth6 dl dd       {text-align:left; font-size:0.9em; padding:15px; word-break:keep-all;}
.introGroup .depth6 dl dd>p     {font-family: 'S-Core Dream'; text-align:center; font-weight:500; margin-bottom:5px; color:var(--color1);}
.introGroup .depth6 dl:before   {content:''; height:30px; width:1px; background:#ddd; position:absolute; top:-30px; left:0; right:0; margin:auto;}
.introGroup .depth6 dl:first-child:before, .introGroup .depth6 dl:last-child:before  {display:none;}
.introGroup .depth6:before      {width:77%; content:''; height:30px; border:1px solid #ddd; border-bottom:0; position:absolute; top:0; left:0; right:0; margin:auto;}


.introMap #map_canvas			{position:relative; width:100%; aspect-ratio:6 / 2.5; border:1px solid #dfdfdf;}
.introMap ul					{padding:30px 0; display:flex; justify-content:space-evenly; align-items:center; border-bottom:1px solid #ddd;}
.introMap>ul>ul					{padding:0; border:0; gap:0 30px;}
.introMap ul li					{position:relative; color:#777;}
.introMap>ul>li:first-child		{font-family: 'S-Core Dream'; font-weight:500; font-size:1.1em; color:#333; letter-spacing:-1px; display:grid; grid-template-columns:30px auto; width:55%; line-height:1.5;}
.introMap>ul>ul>li				{font-family: 'Paperlogy'; padding-left:55px; font-size:0.95em; letter-spacing:0;}
.introMap strong				{font-family: 'Paperlogy'; display:block; font-size:15px;color:#111; font-weight:700;}
.introMap i						{cursor:auto;}
.introMap>ul>ul>li i			{position:absolute; top:5px; left:0; background:#f0f0f0; color:#000; width:45px; line-height:45px; border-radius:100%; text-align:center;}
.introMap>ul>li:first-child i	{font-size:25px; margin:5px 10px 0 0; color:var(--color1);}
.introMap .mapoverlay			{position:relative;margin-left:5px;bottom:45px;padding:5px 12px; background:#fff; box-shadow:0 0 10px 1px rgba(0,0,0,0.1);  border-radius:5px;}
.introMap .mapoverlay::after	{position:absolute;content:'';left:50%;bottom:-16px;width:16px;height:16px; background:url('../img/sub/map_localimg.png') no-repeat;}
.introMap .mapoverlay .title span	{font-family: 'S-Core Dream'; color:#000; font-size:15px;}
.introMap .mapoverlay .add		{display:none;}


@media screen and (max-width:1024px) {
    .intGreet .tit                  {padding:40px 20px 20px 30px; font-size:1.4em; margin:-10% -20px 0 20px;}
    .intGreet .cont                 {gap:15px; padding:0 0 0 50px;}
    .intGreet .cont strong          {font-size:17px;}

    .introBiz                       {gap:10px;}
    .introBiz .depth1               {width:100%;}
    .introBiz .depth1:after, .introBiz .depth1:before   {border-width:10px; width:25px;}
    .introBiz .depth1 p             {font-size:1.3em; letter-spacing:-1px;}
    .introBiz .depth1 span          {font-size:1em; margin-top:7px;}
    .introBiz .depth2 p             {font-size:1.4em;}
    .introBiz .depth2 span          {font-size:1.1em; margin-top:5px;}
    .introBiz .depth3               {margin:0; gap:0;}
    .introBiz .depth3 li            {padding:20px;}
    .introBiz .depth3 li strong     {font-size:1.1em; margin-top:3px;}
    .introBiz .depth3 .plus         {width:50px; height:50px; line-height:50px;}
    .introBiz .depth4               {padding:20px; gap:7px; margin-top:20px; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));}
    .introBiz .depth4:after         {width:80px; height:15px; top:-15px;}
    .introBiz .depth4:before        {top:-100px; border-width:65px; border-bottom-width:25px;}
    .introBiz .depth4 li            {font-size:1em; padding:15px; display:grid; align-items:center;}
    .introBiz .depth5               {gap:5px; flex-wrap:wrap;}
    .introBiz .depth5 li            {flex:1 1 40%; padding:10px 7px 7px 7px;}
    .introBiz .depth5 li strong     {margin-bottom:10px;}
    .introBiz .depth5 li p          {padding:15px 10px;}
    .introBiz .depth6               {padding:20px; border-radius:20px;}
    .introBiz .depth6>strong        {top:-20px; width:100px;}
    .introBiz .depth6>strong:before {top:-95px; border-width:70px; border-bottom-width:25px;}
    .introBiz .depth6 ul li         {height:auto; gap:20px;}
    .introBiz .depth6 ul li p       {padding:10px; width:30%; display:grid; text-align:center; justify-content:unset;}
    .introVision                    {gap:15px;}
    .introVision>dl                 {display:block;}
    .introVision>dl>dt              {text-align:center; margin-bottom:10px;}
    .introVision>dl>dt br           {display:none;}
    .introVision .depth1 ul         {gap:10px 5px;}
    .introVision .depth1 ul li      {padding:12px 10px;}
    .introVision .depth1 ul li:last-child   {font-size:1em;}
    .introVision .depth2 ul         {gap:0;}
    .introVision .depth2 ul li      {paddinG:15px 10px; border-width:2px;}
    .introVision .depth2 ul li strong   {font-size:1.1em; margin-top:3px;}
    .introVision .depth2 .plus      {width:42px; height:42px; line-height:42px;}
    .introVision .depth3 ul         {gap:7px;}
    .introVision .depth3 ul li      {padding:20px 15px;}
    .introVision .depth3 ul li strong   {margin-bottom:5px;}
    .introVision .depth3 ul li em   {width:23px; line-height:23px;}
    .introVision .depth4 dd         {padding:10px; display:grid;}
    .introVision .depth4 dd ul      {display:block;}
    .introVision .depth4 dd ul li:first-child   {height:auto; line-height:1.2; padding:12px 10px;}
    .introVision .depth4 dd ul li      {padding:10px; margin-bottom:5px; text-align:center;}
    .introVision .depth4 dd ul li:last-child    {margin:0;}
    .introVision .depth4 dd ul:last-child li:last-child {margin:0;}
    .introVision .depth4 dd ul li strong    {display:block; margin:0 0 3px 0;}
    .introVision2 ul                {gap:10px;}
    .introVision2 .depth1 li        {padding:15px 10px;}
    .introVision2 .depth2           {gap:5px; margin:15px 0;}
    .introVision2 .depth2 li        {padding:20px 15px;}
    .introVision2 .depth2 li p      {font-size:1em; font-weight:400;}
    .introVision2 .depth2 li p em   {font-size:23px;}
    .introVision2 .depth3, .introVision .depth5 dd           {font-weight:400; padding:15px 10px;}
    .introVision .depth6 ul         {gap:10px 0;}
    .introVision .depth6 ul li      {padding:15px 10px;}
    .introVision .depth6 ul li em   {font-size:20px;}
    .introVision .depth6 ul li:first-child:after    {display:none;}
    .introVision .depth7 ul         {gap:5px; flex-wrap:wrap;}
    .introVision .depth7 ul li      {flex:1 1 40%; padding:15px 10px;}

    .introGroup                     {gap:10px;}
    .introGroup>ul                  {gap:15px;}
    .introGroup>ul>li               {width:90%; padding:10px; height:auto;}
    .introGroup>ul>li span          {margin:0; line-height:1.2;}
    .introGroup .depth1             {width:100%;}
    .introGroup .depth2             {width:100%; margin:0;}
    .introGroup .depth2 li          {width:30%;}
    .introGroup .depth3 li, .introGroup .depth5 dl          {width:50%;}
    .introGroup .depth4             {margin:0; width:100%;}
    .introGroup .depth5 dl dt       {width:100%; line-height:1.2; padding:12px;}
    .introGroup .depth5 dl dd       {padding:5px 0 10px 0;}
    .introGroup .depth6             {padding-top:20px; gap:5px;}
    .introGroup .depth6 dl:before   {height:20px; top:-20px;}
    .introGroup .depth6 dl dt       {line-height:1.2; padding:12px 10px;}
    .introGroup .depth6 dl dd       {padding:5px 10px 10px 10px;}
     


	.introMap ul						{padding:15px 5px; display:grid; justify-content:unset; gap:3px 0;}
	.introMap>ul>ul>li					{padding:0;}
	.introMap>ul>ul>li i				{position:relative; top:0; width:32px; line-height:32px; margin-right:7px; font-size:13px;}
	.introMap strong					{display:inline-block; font-size:15px; margin:0; margin-right:10px;}
	.introMap>ul>li:first-child			{width:100%; font-size:1.05em; line-height:1.3; grid-template-columns:40px auto;}	
	.introMap>ul>li:first-child i		{width:32px; height:32px; line-height:32px; margin:0 7px 0 0; font-size:13px; text-align:Center; background:#f0f0f0; color:#000; border-radius:100%;}
}	






/* 시설이용안내  ================================================================================== */
.UseGuideWrap                        { position:relative; }
.UseGuideWrap li                    {  display: flex;gap:40px;  padding:30px 0; }
.UseGuideWrap li:first-child   {padding-top:20px; }
.UseGuideWrap li:not(:last-of-type)   {border-bottom:1px solid #eee; }
.UseGuideWrap li figure          {  width:130px; height:130px; border-radius:50%; background:#f5f5f5;display: flex; flex-direction: column; justify-content:center; align-items:center;  }
.UseGuideWrap li .cont            {  flex:2; display: flex; flex-direction: column; justify-content:center; }
.UseGuideWrap li .cont .tit            {font-size:1.1em; font-family: 'S-Core Dream'; font-weight:600;letter-spacing:-1px;  color:var(--color1); padding-bottom:15px; display: flex;  align-items:center; gap:10px; }
.UseGuideWrap li .cont .tit span            {display:inline-block; font-family: 'S-Core Dream';font-weight:500; font-size:0.7em; background:var(--color1); border-radius:50%; width:33px; height:33px;line-height:33px;color:#fff; text-align:center; } 
.UseGuideWrap li .cont .txt            {padding-left:10px;line-height:1.3;  }
.UseGuideWrap li .cont .txt p          {position:relative;font-family: 'S-Core Dream'; font-size:0.95em; padding:0 0 4px 12px; line-height:1.4;}
.UseGuideWrap li .cont .txt p::after			{position:absolute; content:'';  left:0; top:8px; width:4px; height:4px; background:var(--color3); border-radius:100%;}


.UseGuideHelpBox                   {position:relative;  padding:25px 25px 25px 110px; border:1px solid #dfdfdf; background:#f3f4f5; margin-top:30px;  }
.UseGuideHelpBox::before      {position:absolute;content:'';left:25px; top:50%; width:60px; height:100%; background:url('../img/sub/use01_06.png') no-repeat 0 50%;  transform: translateY(-50%); opacity:0.8; }


@media screen and (max-width:1024px) {
    .UseGuideWrap li                    { gap:30px;  padding:25px 0; }
    .UseGuideWrap li figure          {  width:110px; height:110px; }
    .UseGuideWrap li .cont .tit     {font-size:1.05em;  padding-bottom:10px;    }
    .UseGuideWrap li .cont .tit span            { width:28px; height:28px;line-height:28px;  } 
    .UseGuideHelpBox                   { padding:20px 20px 20px 110px;  margin-top:20px;   }
}
@media screen and (max-width:768px) { 
    .UseGuideWrap li                    { gap:20px;   font-size:0.95em;}
    .UseGuideWrap li figure          {  width:90px; height:90px; } 

    .UseGuideHelpBox                   {font-size:0.95em; padding-left:90px;}
    .UseGuideHelpBox::before      { left:20px;  width:50px; background-size:100% auto;  }
}
@media screen and (max-width:580px) {  
    .UseGuideWrap li                    { flex-direction: column;justify-content:center;  align-items:center;  }
    .UseGuideWrap li .cont            {width:100%; }
}

/* 시설이용안내  ================================================================================== */