@charset "utf-8"; 

h4							{font-family: 'S-CoreDream-5Medium'; position:relative; font-size:1.5em; color:#111; letter-spacing:-1.75px; line-height:1.2; margin-bottom:20px; padding-left:28px;}
h4::before					{position:absolute; top:5px; left:0; content:''; width:11px; height:11px; background:var(--color1); z-index:1;}
h4::after					{position:absolute; top:14px; left:8px; content:''; width:11px; height:11px; background:var(--color2);}
h4 span						{font-size:18px; letter-spacing:-0.75px; color:#797979; margin-left:10px;}
h5							{font-family: 'S-CoreDream-6Bold'; font-size:1.2em; line-height:1.3; margin-bottom:15px;  color:var(--color1); letter-spacing:-.5px; } 
h5 span						{font-size:16px; letter-spacing:-0.75px; color:#797979; margin-left:5px;}
.sub_txtline				{font-weight:500; box-shadow: inset 0 -10px 0 #ddecff; padding:0 3px; color:#000;}
.sub_wrap h6				{display:block; font-weight:500; color:#111; font-size:1em;}
.sub_wrap h6 i				{color:var(--color1); margin-right:7px;}

.sub_cont01					{padding-left:5px; 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(--color1); 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_step						{position:relative; display:flex; gap:30px;}
.sub_step li					{position:relative; flex:1; background:#e7eef4; color:#414141; border-radius:10px; height:90px; display:grid; place-items:center; text-align:center;}
.sub_step li:before				{position:absolute; content:''; top:45%; right:-20px; border:solid #b9b9b9; border-width:3px 3px 0 0; padding:4px; transform:rotate(45deg);}
.sub_step li:after				{position:absolute; content:''; top:51%; right:-20px; width:20px; border-top:1px dashed #adadad;}
.sub_step li:last-child:after, .sub_step li:last-child:before	{display:none;}


/* 교육소개  ================================================================================== */
.eduTop						{margin-bottom:40px; text-align:center; border-radius:50px; border:6px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(to right, rgb(24,174,168) 0%, rgba(0,96,169,1) 100%); background-origin: border-box; background-clip: content-box, border-box;}
.eduTop p					{font-family: 'S-CoreDream-5Medium'; font-size:1.3em; padding:18px 10px; letter-spacing:-1px; color:#333; line-height:1.4;}
.eduTop strong				{font-family: 'S-CoreDream-6Bold'; color:#111;}
 

.eduTop02						{margin-bottom:30px; text-align:center; border-radius:1em; border:4px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(to right, rgb(24,174,168) 0%, rgba(0,96,169,1) 100%); background-origin: border-box; background-clip: content-box, border-box;}
.eduTop02 p                  {font-family: 'S-CoreDream-5Medium'; font-size:1.15em; padding:20px; letter-spacing:-1px; color:#333; line-height:1.5;}

@media screen and (max-width:768px) { 
    .eduTop02						{  border-width:3px; } 
    .eduTop02 p                  { font-size:1.05em; padding:17px;   }
}


.eduIntro					{position:relative; margin-bottom:30px;}
.eduIntro01                   {border-radius:1em; border:1px solid #ddd; padding:40px  ; }
.eduIntro01 ul				{display:grid; grid-template-columns:repeat(3, 1fr); background:#eee; padding:15px; border-radius:10px; width:80%; margin:0 auto;}
.eduIntro01 ul li			{font-family: 'S-CoreDream-5Medium'; position:relative; text-align:Center;}
.eduIntro01 ul:last-child	{background:#e7eef4;}
.eduIntro01 .box li			{background:var(--color1); color:#fff; padding:17px 10px; font-size:1.05em; border-radius:50px; letter-spacing:-1px;}
.eduIntro01 .box li:nth-child(2)	{background:none; color:#333; font-size:0.95em;}
.eduIntro01 .box li:last-child	{background:#e9ae1c;}
.eduIntro01 .arrow			{background:none; padding:10px 15px;}
.eduIntro01 .arrow li:after	{content:''; width:3px; height:90px; background:#a7b8cf; position:absolute; top:0;bottom:-20px;right:0;left:0; margin:auto;}
.eduIntro01 .arrow li:before	{content:''; display:block; position:absolute; top:-25px; left:50%; transform:translateX(-50%); background:transparent; border:10px solid transparent; border-bottom:12px solid #a7b8cf;}
.eduIntro01 .arrow li:last-child:After	{background:#f5d37f;}
.eduIntro01 .arrow li:last-child:before	{border-bottom-color:#f5d37f;}
.eduIntro01 .arrow p		{line-height:1.2; color:#777; margin-right:50px;}
.eduIntro01 .arrow li:last-child p	{margin:0 0 0 50px;}
.eduIntro01 .arrow li:nth-child(2):after, .eduIntro01 .arrow li:nth-child(2):before	{display:none;}
.eduIntro01 .cross span		{content:''; width:3px; height:280px; border-left:4px dotted #a7b8cf; position:absolute; top:0;bottom:-20px;right:0;left:0; margin:auto; transform:rotate(65deg);}
.eduIntro01 .cross span:last-child	{transform:rotate(-65deg); border-left-color:#e8be56;}
.eduIntro01 .cross span:before	{content:''; display:block; position:absolute; top:-25px; left:50%; transform:translateX(-60%); background:transparent; border:10px solid transparent; border-bottom:12px solid #8ea2be;}
.eduIntro01 .cross span:last-child:before	{border-bottom-color:#e8be56;}

.eduIntro02					{display:flex; justify-content:center; padding:180px 0 100px 0; margin-bottom:40px;}
.eduIntro02 li:last-child	{position:relative; font-family: 'S-CoreDream-6Bold'; display:grid; font-size:1.5em; letter-spacing:-1px; line-height:1.4; align-items:center; text-align:center; width:300px; height:300px; color:#22305c; border:30px solid #eee; border-radius:100%;
							background:url('../img/common/acc_symbol2.png') no-repeat center 50%; background-size:100px auto;}
.eduIntro02 li:last-child:after	{content:''; display:block; position:absolute; left:-21%; width:140%; height:140%; border:2px dotted #d1d1d1; border-radius:100%;}
.eduIntro02 li:last-child span	{position:absolute; content:''; display:block; width:10px; height:10px; background:var(--color1); border-radius:50%; z-index:1;}
.eduIntro02 li:last-child span:nth-child(2)	{top:-54px; left:50%;}
.eduIntro02 li:last-child span:nth-child(3)	{top:30%; left:-50px;}
.eduIntro02 li:last-child span:nth-child(4)	{top:30%; right:-50px;}
.eduIntro02 li:last-child span:nth-child(5)	{left:0; bottom:-11px;}
.eduIntro02 li:last-child span:nth-child(6)	{right:0; bottom:-11px;}
.eduIntro02 li:last-child span:after	{position:absolute; content:''; border:solid #c1c7cb; border-width:0 5px 5px 0; padding:5px; border-radius:2px; z-index:1;}
.eduIntro02 li:last-child span:nth-child(2):after	{top:30px; right:-100px; transform:rotate(-15deg);}
.eduIntro02 li:last-child span:nth-child(3):after	{top:-95px; right:-65px; transform:rotate(-75deg);}
.eduIntro02 li:last-child span:nth-child(4):after	{bottom:-90px; left:-3px; transform:rotate(45deg);}
.eduIntro02 li:last-child span:nth-child(5):after	{left:-50px; top:-80px; transform:rotate(-140deg);}
.eduIntro02 li:last-child span:nth-child(6):after	{top:40px; left:-120px; transform:rotate(140deg);}
.eduIntro02 .list			{position:absolute; width:30%;}
.eduIntro02 .list:first-child	{top:-10px; left:35%; width:auto;}
.eduIntro02 .list:nth-child(2)	{top:32%; left:0;}
.eduIntro02 .list:nth-child(3)	{top:35%; right:0;}
.eduIntro02 .list:nth-child(4)	{left:0; bottom:0;}
.eduIntro02 .list:nth-child(5)	{right:0; bottom:0;}
.eduIntro02 dl dt			{font-family: 'S-CoreDream-5Medium'; letter-spacing:-.75px; color:#fff; background:var(--color1); padding:50px; padding:7px 15px 7px 7px; border-radius:50px 15px 15px 50px; display:inline-block;}
.eduIntro02 dl dt i			{background:#fff; color:var(--color1);width:32px; line-height:32px; text-align:center; border-radius:50%; margin-right:8px; font-size:16px;}
.eduIntro02 dl dd			{font-size:0.95em; margin-top:7px;}
.eduIntro02_list			{display:none;}

.eduIntro03					{display:grid; gap:15px;}
.eduIntro03>p				{font-family: 'S-CoreDream-6Bold'; font-size:1.6em; padding:0 0 20px 140px; text-align:Center; letter-spacing:-1px; color:#333; position:Relative;}
.eduIntro03>p:After			{content:''; display:block; position:absolute; left:56%; bottom:-20px; transform:translateX(-50%); border:200px solid transparent; border-bottom:60px solid #e5eff6; z-index:-1;}
.eduIntro03>dl				{position:relative; display:grid; grid-template-columns:120px auto; gap:20px;}
.eduIntro03>dl dt			{display:grid; align-items:Center;}
.eduIntro03>dl dt p			{font-family: 'S-CoreDream-5Medium'; color:#000; font-size:1.1em; line-height:1.5;}
.eduIntro03 .tit			{font-family: 'S-CoreDream-5Medium'; padding:15px 10px; text-align:Center; background:#858b95; color:#fff; border-radius:10px 10px 0 0; font-size:1.05em;}
.eduIntro03 .depth1	ul		{display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; align-items:center; margin-top:5px; border:2px solid #858b95; border-top:0; padding:20px; border-radius:0 0 10px 10px;}
.eduIntro03 .depth1	ul li	{font-family: 'S-CoreDream-5Medium'; padding:20px; background:#eee; border-radius:10px; text-align:Center; color:#111;}
.eduIntro03 .depth2 .tit	{background:var(--color1);}
.eduIntro03 .depth2 .wrap	{margin-top:10px; border:2px solid var(--color1); border-top:0; padding:20px; border-radius:0 0 10px 10px;}
.eduIntro03 .depth2 ul		{display:flex; gap:10px; justify-content:space-around; margin:-10px 0 15px 0; text-align:Center;}
.eduIntro03 .depth2 ul li	{font-family: 'S-CoreDream-5Medium'; color:#000;}
.eduIntro03 .depth2 .arrow	{display:grid; grid-template-columns:auto auto 25%; gap:20px;}
.eduIntro03 .depth2 dl		{background:#eee; border-radius:10px; padding:20px; text-align:center; position:relative;}
.eduIntro03 .depth2 dl:after	{position:absolute; content:''; right:-15px; top:45%; border: solid #ccc; border-width:4px 4px 0 0; padding:5px; border-radius:2px; transform:rotate(45deg);}
.eduIntro03 .depth2 dl:last-child:After	{display:none;}
.eduIntro03 .depth2 dl dt	{font-family: 'GmarketSansBold'; color:var(--color1); letter-spacing:0; font-size:0.85em;}
.eduIntro03 .depth2 dl dd	{display:flex; gap:10px; justify-content:center; align-items:center;}
.eduIntro03 .depth3 .tit	{background:#22305c;}
.eduIntro03 .depth3 .wrap	{display:grid; grid-template-columns:45% auto 45%; margin-top:10px;}
.eduIntro03 .depth3 dl dt	{font-family: 'S-CoreDream-6Bold'; color:#22305c; font-size:1.1em; margin-bottom:10px;}
.eduIntro03 .depth3 dl:first-child dt	{text-align:center;}
.eduIntro03 .depth3 dl:first-child dd	{position:relative; display:grid; grid-template-columns:repeat(3, 1fr); gap:5px; padding-right:40px;}
.eduIntro03 .depth3 dl:first-child dd p	{font-family: 'S-CoreDream-5Medium'; background:#eee; border-radius:5px; padding:10px 0; text-align:Center; font-size:0.9em;}
.eduIntro03 .depth3 dl:last-child dd	{display:Grid;}
.eduIntro03 .depth3 dl		{position:relative; border:2px solid #22305c; border-top:0; padding:10px 20px 20px 20px; border-radius:0 0 10px 10px; display:grid; }
.eduIntro03 .depth3 dl:first-child:after	{content:''; display:block; position:absolute; right:-55px; top:45%; transform:translateY(-50%); border:40px solid transparent; border-left:35px solid #afb8ce; z-index:1;}
.eduIntro03 .depth3 dl:first-child:before	{content:''; position:absolute; display:block; right:20px; top:45%; transform:translateY(-50%); width:35px; height:50px; background:linear-gradient(to right, #fff, #afb8ce); z-index:-1;}
.eduIntro03 .depth3 ul		{display:grid; text-align:Center; align-items:center; gap:10px; padding:20px 0;}
.eduIntro03 .depth3 ul li	{font-family: 'S-CoreDream-4Regular'; color:#333; display:grid; align-items:center; height:100%; background:#e7eef4;}
.eduIntro03 .depth3 .part	{position:absolute; right:0; top:0; display:inline-block; border-radius:20px 0 0 20px; margin:0; font-family : 'Noto Sans KR', sans-serif; background:#858b95; color:#fff; padding:3px 10px 5px 15px; font-size:0.95em;}
.eduIntro03 .depth3 .part strong	{border:1px solid #fff; padding:0 5px; margin-left:5px; font-size:0.9em; border-radius:2px;}
.eduIntro03 .depth3 dd span	{font-family: 'S-CoreDream-4Regular'; display:inline-block; background:#22305c; color:#fff; padding:2px 12px; margin-right:10px; border-radius:3px; font-size:0.9em; }
.eduIntro03 .depth3 dd .sub_list01	{display:inline-block;}
.eduIntro03 .depth3:after	{content:''; display:block; position:absolute; left:56%; bottom:-45px; transform:translateX(-50%); border:100px solid transparent; z-index:-1; border-bottom:35px solid #ccc; opacity:0.5;}
.eduIntro03 .depth4			{position:relative; grid-template-columns:1fr; gap:10px; text-align:center; padding-top:30px;}
.eduIntro03 .depth4 dt		{font-family: 'S-CoreDream-6Bold'; font-size:1.1em; color:var(--color1); border:2px solid var(--color1); padding:15px; border-radius:5px; background:#fff;}
.eduIntro03 .depth4 dd		{display:flex; gap:10px;}
.eduIntro03 .depth4 dd p	{font-family: 'S-CoreDream-5Medium'; width:100%; background:var(--gra1); color:#fff; padding:17px 10px; border-radius:5px;}
.eduIntro03 .depth4 dd strong	{border:1px solid #fff; padding:0 10px; margin-left:7px; font-size:0.9em; border-radius:2px;}
.eduIntro03 .depth4 dd span		{font-family: 'S-CoreDream-5Medium'; background:#ffeb3b; color:var(--color1); padding:2px 10px; margin-right:10px; font-size:0.9em; border-radius:3px; letter-spacing:-1px;}

.eduIntro04					{display:flex; justify-content:center; padding:20px 0 40px 0; margin-bottom:40px;}
.eduIntro04 li:last-child	{position:relative; font-family: 'S-CoreDream-6Bold'; display:grid; font-size:1.5em; letter-spacing:-1px; line-height:1.4; align-items:center; text-align:center; width:300px; height:300px; color:#22305c; border:30px solid #eee; border-radius:100%;
							background:url('../img/common/acc_symbol2.png') no-repeat center 50%; background-size:100px auto;}
.eduIntro04 li:last-child:after	{content:''; display:block; position:absolute; left:-21%; width:140%; height:140%; border:2px dotted #d1d1d1; border-radius:100%;}
.eduIntro04 li:last-child span	{position:absolute; content:''; display:block; width:10px; height:10px; background:var(--color1); border-radius:50%; z-index:1;}
.eduIntro04 li:last-child span:nth-child(3)	{top:10%; left:-28px;}
.eduIntro04 li:last-child span:nth-child(4)	{top:10%; right:-28px;}
.eduIntro04 li:last-child span:nth-child(5)	{left:-18px; bottom:10px;}
.eduIntro04 li:last-child span:nth-child(6)	{right:-18px; bottom:10px;}
.eduIntro04 li:last-child span:after	{position:absolute; content:''; border:solid #c1c7cb; border-width:0 5px 5px 0; padding:5px; border-radius:2px; z-index:1;}
.eduIntro04 li:last-child span:nth-child(3):after	{top:-80px; right:-150px; transform:rotate(-50deg);}
.eduIntro04 li:last-child span:nth-child(4):after	{bottom:-100px; left:24px; transform:rotate(38deg);}
.eduIntro04 li:last-child span:nth-child(5):after	{left:-40px; top:-95px; transform:rotate(-130deg);}
.eduIntro04 li:last-child span:nth-child(6):after	{top:60px; left:-130px; transform:rotate(140deg);}
.eduIntro04 .list			{position:absolute; width:30%;}
.eduIntro04 .list:first-child	{top:15%; left:0;}
.eduIntro04 .list:nth-child(2)	{top:0; right:0;}
.eduIntro04 .list:nth-child(3)	{left:0; bottom:0;}
.eduIntro04 .list:nth-child(4)	{right:0; bottom:0;}
.eduIntro04 dl dt			{font-family: 'S-CoreDream-5Medium'; letter-spacing:-.75px; color:#fff; background:var(--color1); padding:50px; padding:7px 15px 7px 7px; border-radius:50px 15px 15px 50px; display:inline-block;}
.eduIntro04 dl dt i			{background:#fff; color:var(--color1);width:32px; line-height:32px; text-align:center; border-radius:50%; margin-right:8px; font-size:16px;}
.eduIntro04 dl dd			{font-size:0.95em; margin-top:7px;}

.eduIntro05					{display:grid; gap:30px; text-align:Center; margin-top:-20px;}
.eduIntro05>dl				{position:relative;}
.eduIntro05>dl>dt			{font-family: 'S-CoreDream-5Medium'; padding:15px 10px;  background:var(--color1); color:#fff; border-radius:10px 10px 0 0; font-size:1.1em;}
.eduIntro05>dl>dd			{margin-top:5px; border:2px solid var(--color1); border-top:0; padding:30px; border-radius:0 0 10px 10px;}
.eduIntro05 .depth1>dd		{display:flex; gap:20px;}
.eduIntro05 .depth1>dd>dl	{position:relative; flex:1; border:6px solid #eee; padding:35px 35px 30px 35px; border-radius:20px;}
.eduIntro05 .depth1>dd>dl dt	{font-family: 'S-CoreDream-6Bold'; color:#111; font-size:1.1em; padding:0 15px; position:absolute; top:-15px; background:#fff;}
.eduIntro05 .depth1>dd>dl dd	{display:grid; gap:5px; font-size:0.95em; text-align:left;}
.eduIntro05 .depth1>dd>dl dd strong	{font-family: 'S-CoreDream-5Medium'; display:inline-block; background:#e7eef4; text-align:center; color:var(--color1); padding:2px 10px; min-width:65px; margin-right:12px; border-radius:3px; font-size:0.9em; }
.eduIntro05 .depth1>dd>dl:last-child dd strong	{min-width:90px;}
.eduIntro05 .depth2>dt		{background:#858b95;}
.eduIntro05 .depth2>dd		{border-color:#858b95; display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; padding:20px;}
.eduIntro05 .depth2 dl		{padding:20px; background:#eee; border-radius:10px; font-size:0.95em;}
.eduIntro05 .depth2 dl dt	{font-family: 'S-CoreDream-5Medium'; color:#111; margin-bottom:5px; font-size:1.05em;}
.eduIntro05 .depth3>dt		{background:#858b95;}
.eduIntro05 .depth3>dd		{border-color:#858b95; display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; padding:20px;}
.eduIntro05 .depth3>dd p	{font-family: 'S-CoreDream-5Medium'; padding:17px; background:#eee; border-radius:10px; font-size:0.95em; color:#111;}
.eduIntro05 .arrow:before	{content:''; display:block; position:absolute; top:-130px; left:50%; transform:translateX(-50%); border:70px solid transparent; border-bottom:30px solid #e2eaf4; z-index:1;}
.eduIntro05 .arrow:after	{content:''; position:absolute; display:block; top:-30px; left:50%; transform:translateX(-50%); width:90px; height:20px; background:linear-gradient(to top, #fff, #e2eaf4);}

.eduStep					{position:Relative; display:grid; gap:10px; margin:40px 0; text-align:center;}
.eduStep:after				{position:absolute; top:9%; left:9.5%; content:''; display:block; height:82%; width:1px; background:#e1e1e1; z-index:-1;}
.eduStep li					{position:relative; display:grid; grid-template-columns:18% auto; gap:25px; align-items:center;}
.eduStep li:after			{position:absolute; top:50%; left:0; content:''; display:block; height:1px; width:100%; border-top:1px dashed #ccc; z-index:-1;}
.eduStep li>strong			{position:relative; font-family: 'S-CoreDream-5Medium'; background:var(--color1); color:#fff; display:grid; align-items:center; border-radius:50px; padding:15px;}
.eduStep li>strong:after	{position:absolute; content:''; left:50%; bottom:-16px; border:solid #26539c; border-width:0 3px 3px 0; padding:4px; transform: rotate(45deg); opacity:0.8; border-radius:2px;}
.eduStep li>p				{position:relative; font-family: 'S-CoreDream-4Regular'; border:4px solid #e2e2e2; background:#fff; border-radius:5px 5px 40px 5px; padding:18px; color:#000;}
.eduStep li>p:before		{position:absolute; top:0;bottom:0; left:-11px; margin:auto; content:''; display:block; height:8px; width:8px; border-radius:100%; background:#333f6f; border:5px solid #e2e2e2;}
.eduStep li:last-child strong:After	{display:none;}

.eduIntro01_01				{display:grid; grid-template-columns:repeat(4, 1fr); gap:5px; text-align:Center;}
.eduIntro01_01 li			{font-family: 'S-CoreDream-5Medium'; background:#e7eef4; color:#333; padding:20px; border-radius:10px;}
.eduIntro01_01 li:nth-child(even)	{background:#eee;}


.eduStep02                    {position:relative;display: flex; flex-flow:wrap; justify-content: space-between;  gap:1.5em; }
.eduStep02 li                 {position:relative;flex:1; border:1px solid var(--color2);; padding:1em; text-align:center; display: flex; flex-direction: column; align-items:center; gap:15px;  border-radius:0.7em; }
.eduStep02 li:not(:last-of-type) ::before   {position:absolute; content:''; top:calc(50% - 8px); right:-1em; width:10px;height:10px;border:solid #aaa; border-width:2px 2px 0 0;  transform: rotate(45deg);  }
.eduStep02 li .no          { display:inline-block; padding:7px 20px ;line-height:1.1; font-size:0.95em; color:#fff; background:var(--color1); border-radius:50px; }
.eduStep02 li .cont          { font-size:0.9em;line-height:1.4; padding-bottom:5px;}

@media screen and (max-width:768px) { 
    .eduStep02                { display: grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); padding-right:1em; }
}
@media screen and (max-width:450px) { 
    .eduStep02                { grid-template-columns:repeat(1, 1fr); padding-right:0; }
    .eduStep02 li:not(:last-of-type) ::before   {top:initial;bottom:-1em; right:calc(50% - 5px); transform: rotate(135deg);   }
}




/* 사업단소개  ================================================================================== */
.introCont figure				{position:relative; margin-bottom:50px;}
.introCont figure img			{border-radius:60px 10px 10px 10px;}
.introCont dl dt				{font-family: 'S-CoreDream-3Light'; position:absolute; background:var(--color1); color:#fff; top:110px; right:-30px; font-size:1.6em; padding:50px; line-height:1.4; border-radius:10px 10px 60px 10px;}
.introCont dl dt span			{font-family: 'S-CoreDream-4Regular'; display:block; font-size:20px; margin-bottom:10px;}
.introCont dl dt strong			{font-family: 'S-CoreDream-6Bold';}
.introCont dl dd				{display:grid; gap:20px; font-size:1.05em; letter-spacing:-1px; padding:0 10px; line-height:1.6; text-align:justify;}
.introCont .sign				{font-family: 'S-CoreDream-4Regular'; text-align:right; margin-top:-30px;}
.introCont .sign strong			{font-family: 'S-CoreDream-6Bold'; font-size:26px; color:#000; letter-spacing:3px; margin-left:7px; }

.introBiz01						{display:grid; gap:8px; }
.introBiz01	dl					{display:grid; grid-template-columns:230px auto; background:#f5f5f5; border-radius:50px 5px 40px 50px;}
.introBiz01	dl dt				{font-family: 'S-CoreDream-5Medium'; letter-spacing:-1px; display:grid; align-items:center; text-align:Center; border-radius:50px; border:2px solid #2c579f; background:#fff; color:#2c579f;}
.introBiz01	dl:nth-child(even) dt	{color:Var(--color2); border-color:var(--color2);}
.introBiz01	dl dd				{padding:18px; color:#111;}
.introBiz02						{display:grid; gap:10px;}
.introBiz02>dl					{position:relative; display:grid; grid-template-columns:100px auto; }
.introBiz02>dl>dt				{font-family: 'S-CoreDream-5Medium'; color:#111; font-size:1.05em; padding-top:20px;}
.introBiz02 .depth1 dd			{font-family: 'S-CoreDream-5Medium'; border-radius:50px; text-align:center; font-size:1.2em; padding:20px; border:4px solid #e2e2e2; color:#111;}
.introBiz02 .depth1 dd strong	{font-family: 'S-CoreDream-6Bold'; background:var(--gra1); -webkit-background-clip:text; color:transparent;}
.introBiz02 .depth2 dd>p		{font-family: 'S-CoreDream-5Medium'; color:#333; text-align:center; font-size:1.2em; margin:20px 0 15px 0;}
.introBiz02 .depth2 dd>p em		{font-family: 'SpoqaHanSansNeo-Regular'; display:inline-block; background:#22305c; color:#fff; width:32px; height:32px; line-height:32px; font-size:14px; border-radius:100%; text-align:Center; vertical-align:middle; margin:0 1px;}
.introBiz02 .depth2 dd>ul		{display:grid; grid-template-columns:repeat(3, 1fr); gap:15px; text-align:center;}
.introBiz02 .depth2 dd>ul>li span	{display:block;}
.introBiz02 .depth2 dd>ul>li span:first-child	{font-family: 'S-CoreDream-5Medium'; background:var(--gra1); color:#fff; border-radius:10px 10px 0 0; padding:10px; letter-spacing:-1px;}
.introBiz02 .depth2 dd>ul>li span:last-child	{height:85px; display:grid; align-items:Center; border-radius:0 0 10px 10px; box-shadow:0 0 15px 1px rgba(0,0,0,.1); padding:0 20px; letter-spacing:-1px; line-height:1.4;}
.introBiz02 .depth2 dd>ul>li span em	{display:block; font-size:16px; letter-spacing:0;}
.introBiz02 .depth3>dd			{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
.introBiz02 .depth3>dd>dl		{display:grid; grid-template-columns:50px auto; box-shadow:0 0 15px 1px rgba(0,0,0,.1); align-items:Center; padding:15px 10px; border-radius:50px;}
.introBiz02 .depth3>dd>dl dt	{font-family: 'GmarketSansBold'; display:block; background:var(--gra); color:#fff; width:46px; height:46px; line-height:48px; text-align:center; border-radius:100%;}
.introBiz02 .depth3>dd>dl dd		{font-family: 'S-CoreDream-4Regular'; text-align:Center;}
.introBiz02 .depth3>dd>dl dd span	{display:block; color:#111; font-family: 'SpoqaHanSansNeo-Regular'; font-weight:700; margin-bottom:2px;} 
.introBiz02 .depth3				{margin:10px 0 50px 0;}
.introBiz02 .depth3:before		{content:''; display:block; position:absolute; bottom:-100px; left:55%; transform:translateX(-50%); border:45px solid transparent; border-top:25px solid #e2eaf4; z-index:1;}
.introBiz02 .depth3:after		{content:''; position:absolute; display:block; bottom:-30px; left:55%; transform:translateX(-50%); width:50px; height:20px; background:linear-gradient(to bottom, #fff, #e2eaf4);}
.introBiz02 .depth4 dd>ul		{display:grid; grid-template-columns:25% auto 25%; gap:7px;}
.introBiz02 .depth4 dd>ul li	{position:relative; padding:15px 0; color:#fff; background:var(--color1); font-weight:500; border-radius:5px; letter-spacing:-1px; text-align:center; font-size:0.95em;}
.introBiz02 .depth5 dd>ul li	{display:grid; align-items:center; background:#858b95; padding:17px 5px 17px 5px; line-height:1.4;}
.introBiz02 .depth5 dd>ul>li:nth-child(2)	{background:none; padding:0;}
.introBiz02 .depth5 dd>ul ul	{display:grid; grid-template-columns:repeat(3, 1fr); gap:5px;}
.introBiz02 .depth5 em			{position:absolute; left:-3px; top:-3px; font-family: 'GmarketSansMedium'; display:block; background:#fff; color:#333; width:28px; height:28px; line-height:32px; font-size:14px; border-radius:5px; text-align:center;}
.introBiz02 .depth6>dd			{display:grid; grid-template-columns:repeat(4, 1fr); gap:5px;}
.introBiz02 .depth6 em			{display:inline-block; background:#858b95; color:#fff; width:25px; height:25px; line-height:24px; font-size:13px; border-radius:50%; text-align:center; margin-right:7px;}
.introBiz02 .depth6 ul			{display:grid; gap:5px;}
.introBiz02 .depth6 ul li		{display:flex; align-items:center; background:#eee; padding:10px 5px; color:#333; font-size:0.9em; line-height:1.4; border-radius:5px;}

.introChart						{position:relative; margin-bottom:50px; display:grid; gap:10px;}
.introChart:after				{content:''; display:block; position:absolute; top:0; left:54.5%; width:1px; height:51.2%; background:#d6dce5; z-index:-1;}
.introChart>dl					{position:relative; display:grid; grid-template-columns:65px auto; gap:20px;}
.introChart>dl>dt				{display:flex; justify-content:space-between; text-align:center; gap:3px;}
.introChart>dl>dt p				{font-family: 'S-CoreDream-4Regular'; display:grid; align-items:center; background:#858b95; color:#fff; border-radius:3px; font-size:0.95em;}
.introChart>dl>dt p:last-child, .introChart>dl>dt>div p	{border:1px dashed #858b95; background:#fff; color:#333;}
.introChart>dl>dt>div			{display:grid; gap:5px;}
.introChart>dl dd>ul li span	{font-size:0.9em; margin-top:-10px;}
.introChart .depth1				{padding-left:90px;}
.introChart .depth1 p			{font-family: 'S-CoreDream-5Medium'; background:#22305c; width:230px; color:#fff; margin:0 auto; text-align:center; padding:17px 0; font-size:1.1em; border-radius:50px;}
.introChart .depth2 dd>ul		{position:relative; display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; align-items:center;}
.introChart .depth2 dd>ul:after	{content:''; display:block; position:absolute; left:0;right:0; margin:auto; width:50%; height:1px; background:#d6dce5; z-index:-1;}
.introChart .depth2 dd>ul li	{font-family: 'S-CoreDream-5Medium'; border:2px solid #004aa1; color:#004aa1; background:#fff; height:60px; display:grid; align-items:center; text-align:center; border-radius:50px; width:80%; margin:0 auto; line-height:1.3;}
.introChart .depth2 dd>ul>li:nth-child(2)	{background:#1f4893; border-color:#1f4893; color:#fff; height:68px;}
.introChart .depth2 dd>ul>ul	{position:relative; display:grid; gap:5px;}
.introChart .depth2 dd>ul>ul:before		{content:''; display:block; position:absolute; left:0;top:0;bottom:0; margin:auto; width:1px; height:68%; background:#d6dce5; z-index:-1;}
.introChart .depth2 dd>ul>ul>li:before	{content:''; display:block; position:absolute; left:0; margin:auto; width:20%; height:1px; background:#d6dce5; z-index:-1;}
.introChart .depth3				{padding:20px 0 15px 0;}
.introChart .depth3 dd>ul		{position:relative; display:grid; grid-template-columns:repeat(5, 1fr); gap:10px;}
.introChart .depth3 dd>ul li	{position:relative; font-family: 'S-CoreDream-4Regular'; color:#fff; background:#437bc8; height:62px; display:grid; align-items:center; text-align:center; border-radius:5px; line-height:1.35; margin-top:25px;}
.introChart .depth3 dd>ul li:before	{content:''; display:block; position:absolute; top:-25px;left:0;right:0; margin:auto; width:1px; height:25px; background:#d6dce5;}	
.introChart .depth3>dd			{position:relative; background:#fff;}
.introChart .depth3>dd:before	{content:''; display:block; position:absolute; top:0;left:0;right:0; margin:auto; width:81%; height:1px; background:#d6dce5; }
.introChart .depth4				{padding:20px 0 0 0; border-top:1px dashed #8b8b8b;}
.introChart .depth4>dd			{background:none;}
.introChart .depth4>dd:before	{display:none;}
.introChart .depth4 dd>ul li:before	{height:45px; top:-45px; z-index:-1;}
.introChart .depth4 dd>ul li	{background:#5db9c4; margin:0;}
.introChart .depth4 dd>ul li span	{margin-top:-15px;}
.introChart .depth4 dd>ul:first-child>li:nth-child(2):after,
.introChart .depth4 dd>ul:first-child>li:nth-child(3):after	{content:''; display:block; position:absolute; bottom:-10px;left:0;right:0; margin:auto; width:1px; height:12px; background:#d6dce5; z-index:-1;}	
.introChart .depth4 dd>ul:last-child	{padding-top:20px;}
.introChart .depth4 dd>ul:last-child li	{background:#eee; color:#111;}
.introChart .depth4 dd>ul:last-child li:nth-child(2)	{display:flex; grid-column: 2 / span 2; justify-content:center;}
.introChart .depth4 dd>ul:last-child li:nth-child(2):before	{top:-11px;}
.introChart .depth4 dd>ul:last-child li:nth-child(2):after	{content:''; display:block; position:absolute; top:-11px;left:0;right:0; margin:auto; width:51%; height:1px; background:#d6dce5; z-index:-1;}
.introChart .depth4 dd>ul:last-child li span	{color:#888;}

.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; gap:0 30px; align-items:center; border-bottom:1px solid #ddd;}
.introMap>ul>ul					{padding:0; border:0;}
.introMap ul li					{position:relative;  position:Relative; font-size:1em; color:#777;}
.introMap>ul>li:first-child		{font-family: 'S-CoreDream-4Regular'; font-size:1.1em; color:#000;}
.introMap>ul>ul>li				{padding-left:65px;}
.introMap strong				{display:block; font-size:17px; letter-spacing:0; color:#111;}
.introMap i						{cursor:auto;}
.introMap>ul>ul>li i			{position:absolute; top:5px; left:0; background:#f0f0f0; color:#000; width:50px; line-height:50px; border-radius:100%; text-align:center;}
.introMap>ul>li:first-child i	{font-size:28px; margin-right:10px; 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	{color:#333; font-size:15px;}
.introMap .mapoverlay .title span	{font-family: 'S-CoreDream-5Medium';}
.introMap .mapoverlay .add		{display:none;}


/* 전공심화트랙 이수 요건  ================================================================================== */
.trackTable						{position:relative; display:grid; gap:7px;}
.trackTable>dl					{display:grid; grid-template-columns:120px auto; gap:10px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.trackTable>dl>dt				{font-family: 'S-CoreDream-5Medium'; border:1px solid #ccc; color:#333; letter-spacing:-1px; text-align:center; display:grid; align-items:center; border-radius:5px;}
.trackTable .depth1 dt			{font-family: 'S-CoreDream-4Regular'; background:#8e9cb2; color:#fff; border-color:#8e9cb2;}
.trackTable .depth2 dt			{font-family: 'S-CoreDream-4Regular'; background:#b3b7bd; color:#fff; border-color:#b3b7bd;}
.trackTable .head ul			{display:grid; grid-template-columns:repeat(6, 1fr); gap:5px; text-align:center;}
.trackTable .head ul>li			{padding:8px 0; font-size:0.95em; font-family: 'S-CoreDream-4Regular'; border-radius:5px;}
.trackTable .head ul>li:first-child	{grid-column: 1 / span 2;}
.trackTable .head ul>li:nth-child(2)	{grid-column: 3 / span 2;}
.trackTable .head ul>li:nth-child(3)	{grid-column: 5 / span 2;}
.trackTable .head ul>li:nth-child(10)	{grid-column: 1 / span 4;}
.trackTable .head ul>li:nth-child(11)	{grid-column: 5 / span 2;}
.trackTable .head>dt			{}
.trackTable .head .depth1		{background:#1f487c; color:#fff;}
.trackTable .head .depth2		{border:1px solid #1f487c; color:#1f487c;}
.trackTable .head .depth3		{background:#858b95; color:#fff;}
.trackTable .wrap				{display:grid; grid-template-columns:repeat(6, 1fr); gap:5px; text-align:center;}
.trackTable .wrap>li			{display:grid; align-items:center; position:relative; background:#eee; border-radius:10px; padding:10px 0; line-height:1.5; font-size:0.9em;}
.trackTable .wrap>li em			{display:block; font-size:0.85em; opacity:0.7; letter-spacing:0;}
.trackTable .wrap .line			{border:2px dotted var(--color2); background:#fff;}
.trackTable .wrap .blind		{background:#fff;}
.trackTable .part				{position:absolute; left:-1px; top:-1px; width:27px; color:#111; line-height:27px; font-size:13px; border-radius:5px;}
.trackTable .wrap>li .part:nth-child(2)	{top:28px;}
.trackTable .part1				{background:#66cbff;}
.trackTable .part2				{background:#ffcf96;}
.trackTable .part3				{background:#ccccff;}
.trackTable .part4				{background:#8ae9d1;}
.trackTable .info .line			{display:inline-block; border:2px dotted var(--color2); background:#fff; border-radius:5px; width:27px; height:27px; vertical-align:middle;}
.trackTable .info .part			{position:relative; display:inline-block; text-align:Center; margin-right:3px;}


@media screen and (max-width:1400px) { 
	.introCont dl dt				{top:150px; right:0; padding:40px;}
}	

@media screen and (max-width:1024px) { 
	.sub_step				{gap:15px;}
	.sub_step li			{height:75px;}
	.sub_step li:before		{top:46%; right:-14px; padding:3px;}

	.eduTop					{border-width:4px; margin-bottom:20px;}
	.eduTop p				{font-size:1.1em; padding:12px 10px;}
	.eduIntro				{margin-bottom:20px;} 
    .eduIntro01                   {  padding:30px  ; }
	.eduIntro01 ul		 	{padding:10px; width:100%;}
	.eduIntro01 .box li		{padding:10px; font-size:1em;}
	.eduIntro01 .arrow		{padding:0 10px;}
	.eduIntro01 .arrow li:after	{height:110%; width:2px;}
	.eduIntro01 .arrow li:before	{top:-5px; border-width:8px;}
	.eduIntro01 .cross span	{height:180px;}
	.eduIntro01 .cross span:before	{top:-10px; border-width:10px;}
	.eduIntro01_01			{grid-template-columns:repeat(2, 1fr);}
	.eduIntro01_01 li		{padding:15px;}

	.eduIntro02				{padding:40px 0 0 0;}
	.eduIntro02 dl dt		{background:#fff; color:#222; padding:0; line-height:1;}
	.eduIntro02 dl dt i		{background:var(--color1); color:#fff; width:28px; line-height:28px; font-size:13px; margin-right:5px;}
	.eduIntro02 li:last-child	{font-size:1.3em; width:200px; height:200px; border-width:12px; background-size:80px;}
	.eduIntro02 li:last-child:after	{left:-12%; width:120%; height:120%;}
	.eduIntro02 li:last-child span:nth-child(2)	{top:-22px;}
	.eduIntro02 li:last-child span:nth-child(3)	{top:35%; left:-22px;}
	.eduIntro02 li:last-child span:nth-child(4)	{top:35%; right:-22px;}
	.eduIntro02 li:last-child span:nth-child(5)	{left:18px; bottom:-2px;}
	.eduIntro02 li:last-child span:nth-child(6)	{right:18px; bottom:-2px;}
	.eduIntro02 .list		{width:25%;}
	.eduIntro02 .list dd	{display:none;}
	.eduIntro02 .list:nth-child(2), .eduIntro02 .list:nth-child(4)	{text-align:right;}
	.eduIntro02_list		{display:grid; gap:10px; margin:30px 0 20px 0;}
	.eduIntro02_list dl		{border:1px solid #ddd; padding:15px 20px; border-left:5px solid var(--color1);}
	.eduIntro02_list dl dt	{color:#111; font-family: 'S-CoreDream-5Medium';}
	.eduIntro02 li:last-child span:after	{border-width:0 3px 3px 0; padding:3px; border-radius:0;}
	.eduIntro02 li:last-child span:nth-child(2):after	{top:25px; right:-65px;}
	.eduIntro02 li:last-child span:nth-child(3):after	{top:-60px; right:-35px;}
	.eduIntro02 li:last-child span:nth-child(4):after	{bottom:-55px; left:-5px;}
	.eduIntro02 li:last-child span:nth-child(5):after	{left:-33px; top:-40px; transform:rotate(-150deg);}
	.eduIntro02 li:last-child span:nth-child(6):after	{top:22px; left:-60px;}

	.eduIntro03>p			{font-size:1.2em; padding:10px 0 0 70px;}
	.eduIntro03>dl			{grid-template-columns:60px auto; gap:10px;}
	.eduIntro03>dl dt p		{font-size:1em;}
	.eduIntro03 .tit		{padding:10px; font-size:1em;}
	.eduIntro03 .depth1 ul	{padding:10px; gap:5px;}
	.eduIntro03 .depth1 ul li	{padding:10px;}
	.eduIntro03 .depth1 ul li br	{display:none;}
	.eduIntro03 .depth2 .wrap	{padding:10px;}
	.eduIntro03 .depth2 ul		{margin:-10px 0 10px 0; gap:5px;}
	.eduIntro03 .depth2 dl	{padding:10px;}
	.eduIntro03 .depth2 dl:after	{top:43%; right:-13px;}
	.eduIntro03 .depth3 dl	{padding:10px; display:block;}
	.eduIntro03 .depth3 dl:first-child dd p	{padding:5px;}
	.eduIntro03 .depth3 dl dt	{text-align:center; margin-bottom:5px;}
	.eduIntro03 .depth3 dd span	{padding:0 10px;}
	.eduIntro03 .depth3 dl:first-child:before	{right:15px; height:35px;}
	.eduIntro03 .depth3 dl:first-child:after	{right:-40px; border-width:30px; border-left-width:25px;}
	.eduIntro03 .depth3 dl:first-child dd	{grid-template-columns:repeat(2, 1fr);}
	.eduIntro03 .depth3 .part	{position:relative; display:block; margin-bottom:5px; border-radius:20px;}
	.eduIntro03 .depth3:after	{left:53%;}
	.eduIntro03 .depth4		{padding-top:20px; gap:5px;}
	.eduIntro03 .depth4 dt	{padding:10px; font-size:1em;}
	.eduIntro03 .depth4 dd p	{padding:10px;}

	.eduIntro04				{padding:40px 0 0 0;}
	.eduIntro04 dl dt		{background:#fff; color:#222; padding:0; line-height:1;}
	.eduIntro04 dl dt i		{background:var(--color1); color:#fff; width:28px; line-height:28px; font-size:13px; margin-right:5px;}
	.eduIntro04 li:last-child	{font-size:1.3em; width:200px; height:200px; border-width:12px; background-size:80px;}
	.eduIntro04 li:last-child:after	{left:-12%; width:120%; height:120%;}
	.eduIntro04 li:last-child span:nth-child(3)	{top:10px; left:0;}
	.eduIntro04 li:last-child span:nth-child(4)	{top:10px; right:5px;}
	.eduIntro04 li:last-child span:nth-child(5)	{left:-5px; bottom:20px;}
	.eduIntro04 li:last-child span:nth-child(6)	{right:-3px; bottom:20px;}
	.eduIntro04 .list		{width:25%;}
	.eduIntro04 .list dd	{display:none;}
	.eduIntro04 .list:nth-child(1), .eduIntro04 .list:nth-child(3)	{text-align:right;}
	.eduIntro04 li:last-child span:after	{border-width:0 3px 3px 0; padding:3px; border-radius:0;}
	.eduIntro04 li:last-child span:nth-child(3):after	{top:-33px; right:-80px;}
	.eduIntro04 li:last-child span:nth-child(4):after	{bottom:-67px; left:28px;}
	.eduIntro04 li:last-child span:nth-child(5):after	{left:-20px; top:-60px; transform:rotate(-150deg);}
	.eduIntro04 li:last-child span:nth-child(6):after	{top:42px; left:-85px;}

	.eduIntro05				{gap:20px; margin:0;}
	.eduIntro05>dl>dt		{padding:10px; font-size:1em;}
	.eduIntro05>dl>dd		{padding:15px 10px 10px 10px;}
	.eduIntro05 .depth1>dd	{gap:10px;}
	.eduIntro05 .depth1>dd>dl	{padding:20px; border-width:4px;}
	.eduIntro05 .depth1>dd>dl dt	{font-size:1em;}
	.eduIntro05 .depth1>dd>dl dd	{gap:3px;}
	.eduIntro05 .depth1>dd>dl dd strong	{padding:0 7px; font-size:0.85em; margin-right:7px;}
	.eduIntro05 .arrow:after	{width:60px; height:20px; top:-20px;}
	.eduIntro05 .arrow:before	{top:-90px; border-width:50px;; border-bottom-width:20px;}
	.eduIntro05 .depth2>dd	{padding:10px; gap:5px;}
	.eduIntro05 .depth2 dl	{padding:12px;}
	.eduIntro05 .depth2 dl dt	{font-size:1em; margin:0;}
	.eduIntro05 .depth3>dd	{padding:12px; gap:5px;}
	.eduIntro05 .depth3>dd p	{padding:10px;}

	.eduStep				{margin:20px 0;}
	.eduStep li>strong		{padding:10px;}
	.eduStep li>p			{padding:15px;}

	h4						{font-size:1.2em; margin-bottom:15px; padding-left:18px;}
	h4:after				{width:7px; height:7px; top:10px; left:6px;}
	h4:before				{width:7px; height:7px;}
	h5						{font-size:1.05em; margin-bottom:10px;}

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

	.introCont dl dt				{position:relative; top:0; padding:30px; font-size:1.2em; margin:-120px 0 20px 20%;}
	.introCont dl dt span			{font-size:17px; margin-bottom:7px;}
	.introCont dl dd				{font-size:1em; line-height:1.5; gap:25px;}

	.introBiz01 dl					{grid-template-columns:1fr; gap:0; border-radius:50px 50px 10px 10px;}
	.introBiz01 dl dt				{padding:10px;}
	.introBiz01 dl dd				{padding:15px;}
	.introBiz02>dl					{display:block;}
	.introBiz02>dl>dt				{padding:0 0 10px 0; text-align:center;}
	.introBiz02 .depth1 dd			{padding:15px; font-size:1.1em;}
	.introBiz02 .depth2 dd>ul		{grid-template-columns:1fr; gap:10px;}
	.introBiz02 .depth2 dd>p		{font-size:1.1em; margin:15px 0 10px 0;}
	.introBiz02 .depth2 dd>p em		{width:25px; height:25px; line-height:27px; font-size:12px;}
	.introBiz02 .depth2 dd>ul>li span:first-child	{padding:7px 5px; font-size:0.95em;}
	.introBiz02 .depth2 dd>ul>li span:last-child	{height:auto; padding:10px 5px;}
	.introBiz02 .depth3>dd>dl		{padding:10px; grid-template-columns:1fr; border-radius:10px;}
	.introBiz02 .depth3>dd>dl dt	{width:36px; height:36px; line-height:38px; font-size:15px; margin:0 auto;}
	.introBiz02 .depth3:before, .introBiz02 .depth3:after	{left:50%;}
	.introBiz02 .depth4 dd>ul li	{padding:10px 5px; display:grid; align-items:center; line-height:1.3;}
	.introBiz02 .depth5 dd>ul ul	{grid-template-columns:1fr;}
	.introBiz02 .depth2 dd>ul>li span:last-child br,
	.introBiz02 .depth4 dd>ul li br	{display:none;}

	.introChart:after				{left:53%;}
	.introChart>dl					{gap:10px;grid-template-columns:50px auto;}
	.introChart>dl dd>ul li span	{margin-top:0;}
	.introChart .depth1				{padding-left:60px;}
	.introChart .depth1 p			{width:180px; padding:12px 0; font-size:1em;}
	.introChart .depth2 dd>ul li	{height:auto; padding:10px; line-height:1.2; font-size:0.95em; }
	.introChart .depth2 dd>ul>li:nth-child(2)	{width:100%;}
	.introChart .depth3				{padding:0;}
	.introChart .depth3 dd>ul li	{height:auto; padding:10px 5px; font-size:0.95em; margin-top:15px;}
	.introChart .depth3 dd>ul li:before	{top:-15px; height:15px;}
	.introChart .depth4 dt			{padding-top:15px;}
	.introChart .depth4 dd>ul:last-child	{padding-top:5px;}
	.introChart .depth4 dd>ul li:before	{top:-45px; height:45px;}
	.introChart .depth4 dd>ul:first-child>li:nth-child(2):after, .introChart .depth4 dd>ul:first-child>li:nth-child(3):after	{bottom:-11px;}
	.introChart .depth4 dd>ul li span	{margin-top:0; line-height:1.2;}

	.introMap ul						{padding:15px 5px; display:grid; justify-content:unset; gap:3px 0;}
	.introMap ul li, .introMap>ul>li:first-child		{font-size:1.05em;}
	.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 i		{width:32px; line-height:32px; margin-right:7px; font-size:13px; text-align:Center; background:#f0f0f0; color:#000; border-radius:100%;}

	.trackTable>dl					{grid-template-columns:60px auto; gap:5px;}
	.trackTable .head ul>li			{padding:5px 0;}
	.trackTable>dl>dt				{font-size:0.95em; padding:0 5px;}
	.trackTable>dl>dt br			{display:none;}
	.trackTable .wrap>li			{height:auto; padding:8px 20px;}
}	

@media screen and (max-width:768px) { 
	.eduIntro03 .depth1 ul			{grid-template-columns:repeat(2, 1fr);}
	.eduIntro03 .depth2 .arrow		{grid-template-columns:1fr; gap:15px;}
	.eduIntro03 .depth2 dl:after	{padding:4px; top:auto; bottom:-10px; right:50%; border-width:0 3px 3px 0;}
	.eduIntro03 .depth3 dl:first-child dd	{grid-template-columns:1fr; padding-right:30px;}
	.eduIntro03 .depth4:before		{top:-80%;}

	.eduIntro05 .depth1>dd			{display:grid;}
	.eduIntro05 .depth2>dd			{grid-template-columns:repeat(2, 1fr);}

	.eduStep:after					{display:none;}
	.eduStep li						{grid-template-columns:1fr; gap:0;}
	.eduStep li>strong				{border-radius:20px 20px 0 0;}
	.eduStep li>strong:after		{display:none;}
	.eduStep li>p					{border-top:0;}
	.eduStep li>p:after				{position:absolute; content:''; left:49%; bottom:-8px; border:solid #26539c; border-width:0 3px 3px 0; padding:4px; transform: rotate(45deg); opacity:0.8; border-radius:2px;}
	.eduStep li:last-child p:After	{display:none;}
 
    .eduIntro01                   {  padding:20px;   }
}	

@media screen and (max-width:480px) { 
    .eduIntro01                   {  padding:0  ; border:0; }
}