@charset "utf-8"; 

h4							{position:relative; font-family: 'S-Core Dream'; font-weight:500; font-size:1.4em; color:#111; letter-spacing:-1.75px; line-height:1.2; padding:0 0 20px 27px;}
h4:before					{position:absolute; top:3px; left:0; content:''; width:12px; height:17px; background:var(--color1); transform:skewX(-20deg);}
h4:after					{position:absolute; top:12px; left:5px; content:''; width:10px; height:15px; background:var(--color2); transform:skewX(-20deg);}
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.15em; 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:#111; font-size:0.95em; margin-bottom:10px; letter-spacing:-.5px;}
.sub_wrap h6 i				{color:var(--color1); margin-right:7px;}
.sub_txtline				{font-weight:500; box-shadow:inset 0 -10px 0 #daf0ff; 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:before			{position:absolute; content:''; display:block; left:0; top:14px; width:4px; height:4px; background:var(--color1); border-radius:100%;}
.sub_list02					{position:relative; list-style:none; padding:1px 0 1px 12px;}
.sub_list02:before			{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:13px 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;}

.sub_step					{display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:12px; text-align:center; margin-top:10px;}
.sub_step dl				{position:relative; display:grid; align-items:center; background:#edf0f5; border-radius:15px; padding:15px 10px 12px 10px; letter-spacing:-1px;}
.sub_step dl:before			{content:''; position:absolute; top:29px; right:-15px; width:15px; height:3px; background:var(--color1);}
.sub_step dl:after			{content:''; position:absolute; top:21px; right:-25px; background:transparent; border:9px solid transparent; border-left:9px solid var(--color1); z-index:1;}
.sub_step dl:last-child:before, .sub_step dl:last-child:after	{display:none;}
.sub_step dl dt				{color:#111; font-family: 'S-Core Dream'; letter-spacing:-1px;}
.sub_step dl dd				{background:#fff; padding:15px 10px; border-radius:10px; font-size:0.95em; line-height:1.4; margin-top:10px;}
.sub_step em                {font-family: 'pretendard'; font-weight:500; position:absolute; top:-12px; left:12px; width:38px; height:38px; line-height:32px; border:3px solid #fff; background:var(--color1); color:#fff; font-size:0.8em; letter-spacing:0; border-radius:20px;}


@media screen and (max-width:1024px) { 
	h4						{font-size:1.2em; padding:0 0 12px 18px; letter-spacing:-1px;}
	h4:before				{width:8px; height:15px;}
    h4:after                {top:8px; left:4px; width:7px; height:12px;}
	h4 span					{font-size:16px;}
	h5						{font-size:1.05em; 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;}

	.sub_step					{gap:10px;}
	.sub_step dl				{padding:8px;}
	.sub_step dl dt				{font-size:1em;}
	.sub_step dl dd				{padding:10px 5px; border-radius:5px; margin-top:5px;}
	.sub_step dl:after			{top:auto; right:49%; bottom:-17px; border-left:9px solid transparent; border-top:9px solid var(--color1);}
	.sub_step dl dd br, .sub_step dl:before	{display:none;}
    .sub_step em                {top:-5px; width:30px; line-height:26px; height:30px; border-width:2px;}
}	


/* 서브 디자인  ================================================================================== */
.introHead                      {margin-bottom:20px;}
.introHead .tit                 {font-family: 'S-Core Dream'; font-weight:500; letter-spacing:-1.5px; font-size:1.5em; color:var(--color1); margin-bottom:20px;}
.introHead .cont                {word-break:keep-all; line-height:1.6;}
.introHead .sign                {font-family: 'S-Core Dream'; text-align:right; margin-top:20px;}
.introHead .sign strong         {color:#111; font-size:23px; margin-left:7px;}

.introGoal                      {position:relative; text-align:center; border:1px solid #ddd; border-radius:20px; padding:100px 0 40px 0;}
.introGoal .depth1              {display:flex;}
.introGoal .depth1>li           {flex:1; position:relative; border-right:1px dotted #ccc; padding:0 25px;}
.introGoal .depth1>li:last-child    {border:0;}
.introGoal .depth1>li:first-child   {position:absolute; top:40px; border:0; width:100%;}
.introGoal .depth1>li:first-child strong    {background:#e8e8e8; padding:5px 20px; border-radius:50px; font-weight:400; color:#333;}
.introGoal .depth1>li:first-child:after {position:absolute; top:10px; left:0; right:0; content:''; width:78%; height:40px; border:2px dotted #ccc; margin:auto; border-bottom:0; z-index:-1; border-radius:5px 5px 0 0;}
.introGoal .depth1>li>span      {position:relative; display:inline-block; width:110px; height:110px; line-height:110px; border-radius:50%; text-align:center; background:#108ef5; color:#fff; font-size:30px; box-shadow:0 0 15px 1px rgba(0,0,0,0.1);}
.introGoal .depth1>li>span:after    {position:absolute; top:-10px; left:-10px; width:calc(100% + 20px); height:calc(100% + 20px); background:#edf0f5; border-radius:100%; content:''; display:block; z-index:-1;}
.introGoal .depth1>li:nth-child(3)>span {background:#00457e;}
.introGoal .depth1>li:nth-child(4)>span {background:#1fa38b;}
.introGoal .depth1>li:last-child>span {background:#92b000;}
.introGoal .depth1>li>p         {font-family: 'S-Core Dream'; font-weight:500; letter-spacing:-1px; font-size:1.05em; color:#111; margin:20px 0 12px 0;}
.introGoal .depth1>li>em        {position:absolute; right:-20px; top:40%; display:inline-block; width:42px; line-height:42px; background:#fff; box-shadow:0 0 20px 1px rgba(0,0,0,0.15); border-radius:50%; font-size:1.1em; font-weight:500; color:#111;}
.introGoal .sub_cont01          {word-break:keep-all; text-align:left; font-size:0.95em;}
.introGoal .depth2              {font-family: 'S-Core Dream'; font-size:1.1em; letter-spacing:-1px; font-weight:500; position:relative; background:#012d5e; color:#fff; width:95%; margin:40px auto 0 auto; border-radius:50px; padding:17px 10px;}
.introGoal .depth2:before       {content:''; display:block; position:absolute; top:-20px; left:50%; transform:translateX(-50%); background:transparent; border:10px solid transparent; border-bottom:10px solid #012d5e;}


.introMap #map_canvas			{position:relative; width:100%; aspect-ratio:6 / 2.5; border:1px solid #dfdfdf;}
.introMap ul					{padding:25px 20px; display:grid; gap:7px 0; border-bottom:1px solid #ddd;}
.introMap>ul>ul					{display:flex; 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-size:1.05em; color:#333; letter-spacing:-1px;line-height:1.5;}
.introMap>ul>ul>li				{font-family: 'Paperlogy'; font-size:0.95em; letter-spacing:0;}
.introMap strong				{font-family: 'Paperlogy'; margin-right:15px; font-size:15px;color:#111; font-weight:700;}
.introMap i						{cursor:auto; background:#f0f0f0; color:#000; width:45px; line-height:45px; border-radius:100%; text-align:center; margin-right:10px;}
.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) {
    .introHead .tit                 {font-size:1.2em; margin-bottom:10px;}
    .introHead .cont .h20p          {height:10px !important;}
    .introHead .sign                {margin-top:10px;}
    .introHead .sign  strong        {font-size:18px;}
    .introGoal                      {padding:60px 0 20px 0;}   
    .introGoal .depth1>li:first-child   {top:20px;}
    .introGoal .depth1>li           {padding:0 20px;}
    .introGoal .depth1>li>em        {top:28%; width:32px; line-height:32px;}
    .introGoal .depth1>li>p         {margin:15px 0 7px 0;}
    .introGoal .depth1>li>span      {width:70px; height:70px; line-height:65px; font-size:20px;}
    .introGoal .depth1>li>span:after    {width:calc(100% + 16px); height:calc(100% + 16px); top:-8px; left:-8px;}
    .introGoal .depth2              {padding:15px 0; margin-top:30px;}


	.introMap ul                    {padding:15px 5px; gap:5px 0;}
    .introMap>ul>u                  {display:grid; gap:5px 0;}
    .introMap i                     {width:32px; line-height:32px; margin-right:7px; font-size:13px;}
	.introMap>ul>li:first-child     {font-size:1.05em; line-height:1.3;}	
    .introMap strong                {font-size:14px; margin-right:7px;}
}