@charset "utf-8";  

/* SUB_TXT  ================================================================================== */
h4								{position:relative; font-size:1.55em; color:#000; letter-spacing:-2px;font-weight:700; line-height:100%; padding:22px 0 30px 0; }
h4:after						{position:absolute; top:0; left:0; content:''; width:45px; height:3px; background:#be1824;   }
h4 span						{font-size:0.75em;color:#be1824;font-weight:500;letter-spacing:-1px;} 
/*
h4:after						{position:absolute; top:2px; left:0; content:''; width:20px; height:20px; background:linear-gradient(45deg, #0063b7, #02cbdf); border-radius:100%;}
h4:before					{position:absolute; z-index:1; top:7px; left:5px; content:''; width:10px; height:10px; background:#fff; border-radius:100%;} */
h5								{position:relative;font-size:1.3em;line-height:1.3;font-weight:700; padding:0 0 25px 13px; color:#111; letter-spacing:-1.5px; } 
h5:after						{position:absolute; top:5px; left:0; content:''; width:4px; height:18px; background:#be1824; border-radius:3px;   }
.sub_txtline				{font-weight:700; box-shadow: inset 0 -10px 0 #fbd8da; padding:0 3px; color:#333;}

h4 .h4_btn					{position:absolute; right:0;top:17px;}
h4 .h4_btn a				{position:relative; display: inline-block; text-align:center;    border-radius:2px; padding: 0 14px;  line-height:38px;  border:1px solid #aaa; background:#fff;color:#464c51; font-size:0.95rem; letter-spacing:-1px;  cursor: pointer;transition:all 0.3s ease;}
h4 .h4_btn a i			{padding-left:10px;font-size:1.1em; }
h4 .h4_btn a:hover				{color:#fff; background:#be1824; border:1px solid #be1824; }


@media screen and (max-width:1024px) { 
h4								{font-size:1.4em; padding:20px 0 30px 0; } 
h4:after						{ width:38px;   }
h5								{font-size:1.2em;  } 
h4 .h4_btn					{ top:14px;}
h4 .h4_btn a				{  padding: 0 12px;  line-height:34px; }
}
@media screen and (max-width:800px) { 
h4								{font-size:1.3em; padding:17px 0 25px 0; } 
h4:after						{ width:34px;   }
h5								{font-size:1.15em;  } 
h4 .h4_btn					{position:relative; right:initial; padding:0 0 10px 0; }
h4 .h4_btn a				{ font-size:0.9rem; }
}

.sub_h4						{position:relative; font-size:1.5em; color:#000; font-weight:500;letter-spacing:-2px; line-height:45px; margin-bottom:25px;  }
.sub_h4 i						{ width:45px; line-height:45px; background:#be1824; color:#fff; text-align:center; border-radius:100%; font-size:1.1em; margin:0 10px 0 0;}

.sub_img									{padding:0 0 50px 0; }
.sub_cont01								{padding-bottom:80px; }   
.sub_cont02								{position:relative;padding-bottom:80px;border-top:1px solid #222; }
.sub_cont02 .inner					{position:relative;padding:25px 10px;border-bottom:1px solid #d2dbe6;display: grid; grid-template-columns:100px 23% auto;  transition:all 0.3s ease;}
.sub_cont02 .inner .no				{ width:70px;height:70px; line-height:70px; background:#f0f0f0;font-size:1.1; color:#666; font-family: 'S-CoreDream-5Medium'; text-align:center; border-radius:50%; transition:all 0.3s ease;}
.sub_cont02 .inner .tit				{ font-size:1.15em;line-height:1.4;font-weight:500;color:#222;letter-spacing:-1px; position:relative; display: flex; flex-direction: column; justify-content:center;   transition:all 0.3s ease;}
.sub_cont02 .inner .txt				{ display: flex; flex-direction: column; justify-content:center;  transition:all 0.3s ease;}
 
 
@media screen and (max-width:1024px) { 
.sub_cont01								{padding-bottom:60px; }   
.sub_cont02 .inner					{ padding:20px 0; grid-template-columns:60px auto;  }
.sub_cont02 .inner .no				{ width:50px;height:50px; line-height:50px;  font-size:1em;   }
.sub_cont02 .inner .tit				{ font-size:1.1em;    }
.sub_cont02 .inner .txt				{ padding:5px 0 0 60px;grid-column: 1 / 3; grid-row: 2 / 3; }
}
@media screen and (max-width:600px) { 
.sub_cont02 .inner .tit				{ font-size:1.05em;    }
.sub_cont02 .inner .txt				{ padding:10px 0 0 10px;font-size:0.95em; }
}
 
 
.sub_list01					{position:relative; list-style:none; padding:0 0 15px 25px; line-height:1.4;background:url('../img/common/icon01.png') no-repeat 0 5px; }
.sub_list01:after			{display:none;}
.sub_list01 i				{ width:23px; line-height:23px; background:#aaa; color:#fff; text-align:center; font-size:0.9em;border-radius:100%;  }
.sub_list01 b				{color:#be1824; }
.sub_list02					{position:relative; list-style:none; padding:1px 0 1px 15px;}
.sub_list02:after			{position:absolute; content:''; display:block; left:4px; top:12px; width:3px; height:3px; background:#be1824; border-radius:50%;}
 

 




/* SUB_TABLE   ==================================================================================== */ 
.sub_table							{border-collapse:collapse; width:100%; table-layout:fixed; border-top:2px solid #313131;} 
.sub_table thead th					{padding:15px 8px; font-weight:500; border-bottom:1px solid #b0b0b1; border-right:1px solid #dadada ; color:#333;  text-align:center; background-color:#f9f9fb; }
.sub_table thead th:last-child		{border-right:1px solid #fff;  }
.sub_table tbody th					{color:#333; font-weight:500; line-height:150%; padding:15px 8px; border-bottom:1px solid #dadada ; border-right:1px solid #dadada ; background:#fbfbfc; text-align:center; }
.sub_table tbody td					{line-height:150%; padding:15px 8px; border-bottom:1px solid #dadada ; border-right:1px solid #dadada ; border-left:1px solid #dadada ; background-color:#ffffff; }
.sub_table tbody td:first-child		{border-left:1px solid #fff; }
.sub_table tbody td:last-child		{border-right:1px solid #fff; }
.sub_table a:link					{color:#333; }
.sub_table tfoot td 				{background:#fafbfc; text-align:center; font-weight:500; padding:15px 8px; border:1px solid #dadada ; border-right:0;}
.sub_table tfoot td:first-child		{border-left:1px solid #f7f7f7;}




/* 단장인사말  ================================================================================== */
.greeting_wrap								{position:relative;}
.greeting_summary						{position:relative;background:url(../img/sub/int01.jpg) no-repeat center 0;background-size:cover;  transition:all 0.4s ease;}
.greeting_summary .txt				{text-align:center; font-family: 'S-CoreDream-5Medium'; color:#fff;padding:100px 50px;font-size:2.2em;letter-spacing:-2px;line-height:1.6;transition:all 0.4s ease;}
.greeting_summary .txt span		{ display:block;font-family: 'S-CoreDream-6Bold'; font-size:1em;letter-spacing:-2px; }
.greeting_cont								{padding:40px 0;line-height:1.6;}
.greeting_tit									{font-size:1.3em;font-weight: 500;color:#000;padding:0 0 20px 0;  }
.greeting_cont p							{line-height:1.6;font-size:1.05em;padding:15px 0;}
.greeting_ceo									{font-size:1.1em;    text-align: right;    font-weight: 600;    line-height:1.6;color:#000;}
.greeting_ceo	 p								{  font-weight: 600; line-height: 1.6;color:#000;  }
.greeting_ceo	 p	span					{font-size:1.3em;    font-weight: 600; color:#000;  }

@media screen and (max-width:1024px) { 
.greeting_summary .txt					{  font-size:2em;padding:70px 50px; line-height:1.5; } 
.greeting_summary .txt br				{ display:none;} 
}
@media screen and (max-width:800px) { 
.greeting_summary .txt				{  font-size:1.8em;}
.greeting_cont								{padding:20px 0; }
.greeting_cont p							{ font-size:1em; }
}
@media screen and (max-width:600px) { 
.greeting_summary .txt				{  padding:40px 30px; font-size:1.5em;  }
}


 



/* 조직도   ==================================================================================== */ 
.organization_chart					{position:relative; overflow:hidden; }
.organization_chart:after			{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:385px; background:#ddd; z-index:-1; } 
.organization_chart .depth1			{position:relative; text-align:center;margin:0 0 80px 0; }
.organization_chart .depth1 li			{position:relative;  }
.organization_chart .depth1:after	{content:''; display:block; clear:both;}
.organization_chart .depth1 .center	{background:#37465e; line-height:60px;} 
.organization_chart .depth1 p				{position:relative;  display:inline-block;   text-align:center; font-weight:400;  background:#053564; color:#fff;   width:250px; padding:13px;letter-spacing:-1px;  border-radius:10px;} 

.organization_chart .depth4					{position:relative;display: flex; flex-flow:wrap;justify-content: space-around;align-items: center;}
.organization_chart .depth4 ul			{position:relative; border:2px solid #96bfe9;background:#fff; padding:4px 8px; border-radius:15px;} 
.organization_chart .depth4 ul li			{position:relative;text-align:center; font-weight:400;  background:#be1824; color:#fff; width:200px; padding:13px 0 ; letter-spacing:-1px;  border-radius:10px;margin:5px 0; } 
.organization_chart .depth4:after			{content:''; display:block; position:absolute; left:calc(50% - 15%); top:50%; width:30%; height:1px; background:#ddd; z-index:-1; }  
  
.organization_chart .line			{position:relative; width:78%; margin:0 auto; padding:0 0 40px 0; border-bottom:1px solid #ddd;}
.organization_chart .depth_box				{position:relative;  }
.organization_chart .depth2			{position:relative;  margin:0 auto; overflow:hidden; padding-top:40px;display:flex; justify-content: space-between;}
.organization_chart .depth2	 div		{position:relative; width:22%;} 
.organization_chart .depth2	 div ul		{position:relative;width:100%;}
.organization_chart .depth2 p		{ position:relative;  display:inline-block;   text-align:center; font-weight:400;  background:linear-gradient(90deg, #1c94ea, #1c94ea); color:#fff;width:100%;line-height:50px; border-radius:10px ;} 
.organization_chart .depth2 div:before	{content:''; display:block; position:absolute; top:-41px; left:50%; width:1px; height:40px; background:#ddd;} 
 .organization_chart_arrow01				{position:absolute;left:calc(50% - 12px);top:200px;width:25px;height:15px;background:url('../img/sub/int_arrow02.png') no-repeat center 0; }

.organization_chart .depth3			{position:relative; width:100%;  overflow:hidden; padding:15px 10px 20px 10px;border:2px solid #1c94ea; border-radius:10px ; margin:5px 0 0 0;  }
.organization_chart .depth3>li		{position:relative; padding:0 0 0 15px; font-size:0.9em;  }
.organization_chart .depth3>li:before	{content:''; position:absolute; top:11px;left:5px;   width:2px; height:2px;  background:#2765c8;}  
 
.organization_chart .depth6			{position:absolute; padding:15px 50px; bottom:350px; left:calc(50% - 150px);  background:url('../img/sub/int_arrow01.png') no-repeat center 0;}
.organization_chart .depth6 ul			{  width:200px; padding:15px 10px 20px 10px;border:2px solid #1cb6be;background:#d9ebec; border-radius:10px  ; }
.organization_chart .depth6 ul li		{position:relative;  padding:0 0 0 15px;  }
.organization_chart .depth6 ul li:before	{content:''; position:absolute; top:11px;left:5px;   width:2px; height:2px;  background:#2765c8;} 


.organization_chart .depth5			{position:relative; display: flex;  align-items: center; justify-content: center; flex-direction: column; }
.organization_chart .depth5 .tit		{position:relative;  display:inline-block;width:200px;   text-align:center; font-weight:400;  background:#f3943e; color:#fff;   padding:13px  0;letter-spacing:-1px;  border-radius:10px;margin:0 0 40px 0;} 
.organization_chart .depth5 .tit:after			{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:85px; background:#ddd; z-index:-1; } 
.organization_chart .depth5 .cont			{position:relative; display: flex;  flex-flow:wrap;justify-content: space-around;gap:50px; }
.organization_chart .depth5 .cont ul			{position:relative;    padding:15px ;width:250px;border:2px solid #f3943e; border-radius:10px ; margin:35px 0 0 0;  }
.organization_chart .depth5 .line02			{position:absolute; top:45px;width:300px; margin:0 auto; padding:0 0 40px 0; border-bottom:1px solid #ddd;}
.organization_chart .depth5 .cont ul:after		{content:''; display:block; position:absolute; left:50%; top:-41px; width:1px; height:40px; background:#ddd; z-index:-1; } 
.organization_chart .depth5 .cont ul li			{position:relative;padding:0 0 0 15px; }
.organization_chart .depth5 .cont ul li:before	{content:''; position:absolute; top:11px;left:5px;   width:2px; height:2px;  background:#f3943e;} 



@media screen and (max-width:820px) {
.organization_chart .depth4					{ justify-content: space-between;}
.organization_chart .depth4 ul			{  padding:2px 5px; border-radius:15px;} 
.organization_chart .depth4 ul li			{ width:170px; padding:10px 0 ; margin:5px 0; } 
.organization_chart .depth4:after			{  left:0;  width:100%;  }  

.organization_chart .depth2			{position:relative;  margin:0 auto; overflow:hidden; padding-top:40px;display:flex;align-items: center; justify-content: center; flex-direction: column; }
.organization_chart .depth2	 div		{position:relative; width:100%;} 
 .organization_chart_arrow01		{display:none;}
.organization_chart .line			{display:none;}
.organization_chart .depth2 div:before	{display:none;}
.organization_chart .depth3			{ padding:15px 10px 20px 10px;  margin:5px  0 10px 0;display: flex; flex-flow:wrap; }
.organization_chart .depth3 li		{width:49%;}

.organization_chart .depth6			{position:relative; padding:25px 0; bottom:0; left:0;  background:none;}
.organization_chart .depth6 ul			{  width:100%;  }

.organization_chart .depth5 .tit		{ width:100%;     border-radius:10px;margin:0 0 0 0;} 
.organization_chart .depth5 .line02		{display:none;}
.organization_chart .depth5 .cont			{   display: ;width:100%; gap:0;justify-content: space-between; }
.organization_chart .depth5 .cont ul			{ width:49%; margin:5px  0 10px 0;  }
.organization_chart .depth5 .cont ul:after		{display:none;}
.organization_chart .depth5 .tit:after			{display:none;}

}
 

 


/* MAP  ================================================================================== */
.map_box #map_canvas				{position:relative; width:100%; height:560px; border:1px solid #dfdfdf;}
.map_box ul									{padding:40px 10px;  position:relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;  } 
.map_box ul li								{ position:relative; display: grid; grid-template-columns: 55px auto; gap:20px;  }
.map_box ul li:nth-child(1)			{grid-column: 1 / 3; grid-row: 1 / 2;}  
.map_box i										{ width:55px;height:55px; line-height:55px; background:#be1824; color:#fff; text-align:center; border-radius:100%; font-size:1.2em; cursor:auto;}
.map_box dl									{ }
.map_box dl dt								{ font-weight:500; font-size:1.05em; color:#111; letter-spacing:-1px;padding:0 0 5px 0; }
.map_box dl dd								{color:#797979;}

@media screen and (max-width:1024px) { 
.map_box #map_canvas				{height:420px;}
.map_box ul									{padding:30px 0; grid-template-columns: repeat(1, 1fr); gap:25px;   }
.map_box ul li:nth-child(1)			{grid-column: initial; grid-row:initial;}
.map_box ul li								{  gap:10px; } 
.map_box i										{width:50px; height:50px;line-height:50px;} 
.map_box dl dt								{  font-size:1em;  padding:0 ; } 
}
@media screen and (max-width:820px) { 
	.map_box #map_canvas			{height:300px;}	
	.map_box dl dd							{font-size:0.9em; }
}

/* MAP  ================================================================================== */

  


/* 사업소개  ================================================================================== */
.int01_wrap											{position:relative;text-align:left;  line-height:1.6; color:#333;  } 
.int01_wrap p										{padding:0 0 20px 0; letter-spacing:-1px; }
.int01_wrap p span								{display:block; font-size:1.3em; font-weight:600;}
.int01_wrap p span b							{ color:#be1824; font-weight:600;}

@media screen and (max-width:1100px) { 
.int01_wrap p br									{display:none;}
}


.int01_wrap02												{position:relative; text-align:center;padding:50px 100px; border:1px solid #ddd; margin:0 0 50px 0; transition:all 0.4s ease;}
.int01_wrap02 .depth1								{position:relative;  margin:0 0 40px 0;  }
.int01_wrap02 .depth1 p								{position:relative; display:inline-block; padding:13px 50px;color:#fff;font-weight:500;font-size:1.2em;letter-spacing:-1px; border-radius:50px; background:#be1824;  }
.int01_wrap02 .depth1:after						{position:absolute; content:''; left:50%; bottom:-40px; width:1px; height:40px; background:#ddd;  }   /* 세로선 */
.int01_wrap02 .depth1:before					{position:absolute; content:''; left:calc(25% - 35px); bottom:-40px; width:calc(50% + 70px); height:1px; background:#ddd;  } /* 가로선 */

.int01_wrap02 .depth2								{position:relative;   padding:40px  0 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap:140px;  }
.int01_wrap02 .depth2>li							{position:relative;border:1px solid #ddd;  border-radius:20px;display: flex; flex-direction: column; align-items:center;  }
.int01_wrap02 .depth2>li:first-child:before	{position:absolute; content:'Data Science'; right:-140px; top:20%;color:#be1824; width:140px; height:40px; border-bottom:2px solid #ccc; } 
.int01_wrap02 .depth2>li:first-child:after	{content:''; position:absolute; top:calc(20% + 34px);right:-140px; width:0px;height:0px;border-top:7px solid transparent;border-bottom:7px solid  transparent;border-left:7px solid #999;}  /* 화살표 */

.int01_wrap02 .depth2>li:last-child:before	{position:absolute; content:'MOT'; left:-140px; top:50%;color:#be1824; width:140px; height:40px; border-bottom:2px solid #ccc; } 
.int01_wrap02 .depth2>li:last-child:after	{content:''; position:absolute; top:calc(50% + 34px);left:-140px; width:0px;height:0px;border-top:7px solid transparent;border-bottom:7px solid  transparent;border-right:7px solid #999;}  /* 화살표 */ 

.int01_wrap02 .depth2>li>p						{position:relative; width:100%;padding:13px  ;color:#fff;font-weight:500;font-size:1em;letter-spacing:-1px; border-radius:20px 20px 0 0; background:#383f59;  }
.int01_wrap02 .depth2>li>p:before			{position:absolute; content:''; left:50%; top:-40px; width:1px; height:40px; background:#ddd;  } 
.int01_wrap02 .depth2>li>ol						{position:relative; padding:20px;text-align:left; }
.int01_wrap02 .depth2>li>ol>li					{position:relative; font-size:0.95em;padding:0 0 5px 10px;}
.int01_wrap02 .depth2>li>ol>li:after		{position:absolute; content:''; left:0; top:10px; width:3px; height:3px; background:#999;  } 

.int01_wrap02 .depth3								{position:relative; margin:30px 0 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap:140px;  }
.int01_wrap02 .depth3>ul							{position:relative;text-align:left;border:1px solid #ddd; background:#f5f5f5; padding:20px; border-radius:20px;display: flex; flex-direction: column; align-items:center;  }
.int01_wrap02 .depth3>ul>li						{position:relative; font-size:0.95em;padding:0 0 5px 10px;}
.int01_wrap02 .depth3>ul>li:after			{position:absolute; content:''; left:0; top:10px; width:3px; height:3px; background:#999;  } 


@media screen and (max-width:1200px) { 
.int01_wrap02												{ padding:50px  ; }
}
@media screen and (max-width:1024px) { 
.int01_wrap02												{ padding:40px 30px  ; }
.int01_wrap02 .depth1:before					{  left:calc(25% - 25px);  width:calc(50% + 50px);  } /* 가로선 */
.int01_wrap02 .depth1 p								{ font-size:1.1em; }
.int01_wrap02 .depth2>li>ol						{padding:15px;  }
.int01_wrap02 .depth3>ul							{padding:15px;  }
.int01_wrap02 .depth2>li							{ border-radius:10px;}
.int01_wrap02 .depth2>li>p						{  border-radius:10px 10px 0 0; }
.int01_wrap02 .depth3>ul							{ border-radius:10px;}
.int01_wrap02 .depth2								{ gap:100px;  }
.int01_wrap02 .depth2>li:first-child:before	{font-size:0.9em; right:-100px;  width:100px;   } 
.int01_wrap02 .depth2>li:first-child:after	{ right:-100px;  }  /* 화살표 */

.int01_wrap02 .depth2>li:last-child:before	{ font-size:0.9em; left:-100px; width:100px; } 
.int01_wrap02 .depth2>li:last-child:after	{ left:-100px; }  /* 화살표 */ 
.int01_wrap02 .depth3								{ gap:30px;  }
}

@media screen and (max-width:800px) { 
.int01_wrap02												{ padding:30px 20px  ; }
.int01_wrap02 .depth1 p								{ padding:10px 20px;  font-size:1.05em; line-height:1.3;  }
.int01_wrap02 .depth1:before					{  left:calc(25% - 15px);  width:calc(50% + 30px);  } /* 가로선 */
.int01_wrap02 .depth2								{ gap:60px;  }

.int01_wrap02 .depth2>li:first-child:before	{font-size:0.85em; right:-60px;  width:40px; padding:0 10px;line-height:1.2;  } 
.int01_wrap02 .depth2>li:first-child:after	{ right:-60px;  }  /* 화살표 */

.int01_wrap02 .depth2>li:last-child:before	{ font-size:0.85em; left:-60px; width:60px;  } 
.int01_wrap02 .depth2>li:last-child:after	{ left:-60px; }  /* 화살표 */ 

.int01_wrap02 .depth2>li>ol>li					{ font-size:0.9em;line-height:1.3; }
.int01_wrap02 .depth3>ul>li						{ font-size:0.9em;line-height:1.3; }
}
@media screen and (max-width:600px) { 
.int01_wrap02												{ padding:  20px 15px ; }
.int01_wrap02 .depth1 p								{  font-size:1em;  }
.int01_wrap02 .depth2>li>p						{font-size:0.9em;padding:10px  ;line-height:1.2; }
.int01_wrap02 .depth2>li>ol						{ padding:10px;  }
}


.int01_wrap03													{position:relative; text-align:center;padding:50px 100px; border:1px solid #ddd; margin:30px 0 50px 0; transition:all 0.4s ease;}
.int01_wrap03 .item01									{position:relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 180px; }
.int01_wrap03 .item01 ul								{position:relative; border:1px solid #ddd;  background:#f7f7f7; border-radius:20px; display: flex; flex-direction: column; gap:5px;}
.int01_wrap03 .item01 ul:first-child:after			{position:absolute; content:'ABL'; right:-140px; top:130px; width:100px;  padding:25px 0; font-size:0.9em; color:#fff; background:#0055a6;border-radius:10px;  } 
.int01_wrap03 .item01 ul:first-child:before		{position:absolute; content:''; right:-180px; top:170px; width:180px; height:1px; background:#ccc;  } 
.int01_wrap03 .item01 ul:last-child:after			{position:absolute; content:'스마트팩토리'; left:-140px; top:280px; width:100px;  padding:12px 0; font-size:0.9em; color:#fff; background:#888c9b;border-radius:10px;  } 
 
.int01_wrap03 .item01 ul>p							{position:relative;  background:#be1824; color:#fff; padding:10px; margin:0 0 5px 0;border-radius:20px 20px 0 0;}
.int01_wrap03 .item01 ul>li							{position:relative;   border:1px solid #ddd;margin-left:10px;margin-right:10px;padding:7px;background:#fff; border-radius:10px;}
.int01_wrap03 .item01 ul>li:last-child			{margin-bottom:10px;}
.int01_wrap03 .item01 ul>li>ol>p					{position:relative;   background:#383f59; padding:8px; color:#fff;   border-radius:5px;}
.int01_wrap03 .item01 ul>li>ol>li					{position:relative;padding:10px 0 15px 0;}
.int01_wrap03 .item01 ul>li>ol>li:before		{position:absolute; content:''; left:calc(50% - 7px); bottom:0; width:14px; height:2px; background:#999;  } 
.int01_wrap03 .item01 ul>li>ol>li:after			{position:absolute; content:''; left:calc(50% - 1px); bottom:-6px; width:2px; height:14px; background:#999;  } 
.int01_wrap03 .item01 ul>li>ol>li:last-child:before	{display:none;}
.int01_wrap03 .item01 ul>li>ol>li:last-child:after	{display:none;}

.int01_wrap03 .item02									{position:relative; margin:40px 0 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap:100px; }
.int01_wrap03 .item02:before						{position:absolute; content:''; left:calc(50% - 20px); bottom:50%; width:1px; height:296px; background:#ccc; z-index:-1; }   /* 세로선 */  
.int01_wrap03 .item02:after							{position:absolute; content:''; left:calc(50% + 20px); bottom:50%;width:1px; height:296px; background:#ccc; z-index:-1; }  /* 세로선 */  
.int01_wrap03 .item02 ul.box01					{position:relative; display: grid; grid-template-columns:auto 90px; gap:40px;}
.int01_wrap03 .item02 ul.box02					{position:relative; display: grid; grid-template-columns:90px auto; gap:40px;}
.int01_wrap03 .item02 ul.box01:before						{position:absolute; content:''; right:-30px; top:50%; width:200px; height:1px; background:#ccc; z-index:-1; }  /* 가로선 */  
.int01_wrap03 .item02 ul.box02:before						{position:absolute; content:''; left:-30px; top:50%; width:200px; height:1px; background:#ccc; z-index:-1; }  /* 가로선 */  
.int01_wrap03 .item02 ul .txt01						{position:relative;  padding:  10px; color:#fff; border:1px solid #888; letter-spacing:-1px; line-height:1.3; background:#999999;border-radius:10px; display: flex; flex-direction: column; justify-content:center; align-items:center;}
.int01_wrap03 .item02 ul .txt02						{position:relative; display: flex; flex-direction: column; justify-content:center; align-items:center;}
.int01_wrap03 .item02 ul .txt02 span			{position:relative; display:block;width:90px;height:90px; line-height:90px;color:#fff;background:#7faad2; border-radius:50%;}

.int01_wrap03 .item02 ul.box01 li:after		{content:''; position:absolute; right:-20px; top:calc(50% - 8px);width:0px;height:0px;border-right:10px solid transparent;border-left:10px solid  #444;border-bottom:10px solid transparent; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }  /* 화살표 */
.int01_wrap03 .item02 ul.box02 li:after		{content:''; position:absolute; left:-20px; top:calc(50% - 1px);width:0px;height:0px;border-right:10px solid transparent;border-left:10px solid  #444;border-bottom:10px solid transparent; transform: rotate(135deg); -webkit-transform: rotate(135deg); }    /* 화살표 */
 

.int01_wrap03 .item03									{position:relative;  margin:60px 0 0 0; display: grid; grid-template-columns:120px auto; gap:10px; }
.int01_wrap03 .item03 .subject						{position:relative; text-align:center; color:#fff;letter-spacing:-1px; padding:20px 0; background:#383f59; border-radius:10px;display: flex; flex-direction: column; justify-content:center;  }
.int01_wrap03 .item03 .subject br					{display:none;}
.int01_wrap03 .item03 ul								{position:relative;display: flex; flex-direction: column; gap:10px;}
.int01_wrap03 .item03 ul>li							{position:relative;display: grid; grid-template-columns:120px auto;  }
.int01_wrap03 .item03 ul>li>p						{position:relative; text-align:center; color:#fff; letter-spacing:-1px; padding:20px 0; background:#7faad2; border-radius:10px 0 0 10px;display: flex; flex-direction: column; justify-content:center;  }
.int01_wrap03 .item03 ul>li>ol						{position:relative; padding:10px 15px; text-align:left; border:1px solid #ddd; background:#f7f7f7; border-radius:0 10px 10px 0; }
.int01_wrap03 .item03 ul>li>ol>li					{position:relative; padding:2px 0 3px 12px; letter-spacing:-1px;   }
.int01_wrap03 .item03 ul>li>ol>li:after			{position:absolute; content:''; left:0; top:13px; width:3px; height:3px; background:#777;  }

@media screen and (max-width:1200px) { 
.int01_wrap03												{ padding:50px  ; }
}
@media screen and (max-width:1024px) { 
.int01_wrap03												{ padding:40px 30px  ; }
.int01_wrap03 .item01 ul								{ border-radius:10px;}
.int01_wrap03 .item01 ul>p							{ border-radius:10px 10px 0 0;}
.int01_wrap03 .item01 ul>li							{  border-radius:5px;}
.int01_wrap03 .item03 .subject						{border-radius:5px;}
.int01_wrap03 .item03 ul>li>p						{ border-radius:5px 0 0 5px;}
.int01_wrap03 .item03 ul>li>ol						{border-radius:0 5px 5px 0;}
}
@media screen and (max-width:800px) { 
.int01_wrap03													{ padding:30px 20px  ; }
.int01_wrap03 .item01									{  gap: 120px; }
.int01_wrap03 .item01 ul>p							{ padding:6px;font-size:0.95em;margin:0; }
.int01_wrap03 .item01 ul>li							{font-size:0.9em;  padding:5px; margin-left:5px; margin-right:5px; }
.int01_wrap03 .item01 ul>li:last-child			{margin-bottom:5px;}
.int01_wrap03 .item01 ul>li>ol>p					{ font-size:0.9em; padding:6px;  border-radius:5px;}

.int01_wrap03 .item01 ul:first-child:after			{ right:-100px; top:100px;  width:80px; padding:10px 0;font-size:0.85em; border-radius:5px;} 
.int01_wrap03 .item01 ul:first-child:before		{right:-180px; top:120px;  } 
.int01_wrap03 .item01 ul:last-child:after			{ left:-105px; top:200px; width:90px;padding:10px 0; font-size:0.85em; border-radius:5px;} 

.int01_wrap03 .item02									{  gap:80px; }
.int01_wrap03 .item02:before						{ left:calc(50% - 10px);   height:221px; }   /* 세로선 */  
.int01_wrap03 .item02:after							{ left:calc(50% + 10px); height:221px;  }  /* 세로선 */  

.int01_wrap03 .item02 ul.box01					{ grid-template-columns:auto 80px; }
.int01_wrap03 .item02 ul.box02					{  grid-template-columns:80px auto; }

.int01_wrap03 .item03									{ margin:50px 0 0 0; grid-template-columns:80px auto;   }
.int01_wrap03 .item03 ul>li							{ grid-template-columns:80px auto; font-size:0.9em; }

.int01_wrap03 .item02 ul .txt01						{  padding: 5px; line-height:1.3;  border-radius:5px;  font-size:0.9em;}
.int01_wrap03 .item02 ul .txt02 span						{width:80px;height:80px; line-height:80px;font-size:0.9em;}
}

@media screen and (max-width:600px) { 
.int01_wrap03												{ padding:  20px 15px ; }
.int01_wrap03 .item01									{  gap: 80px; }
.int01_wrap03 .item01 ul:first-child:after			{ right:-70px; top:100px;  width:55px; font-size:0.75em;  } 
.int01_wrap03 .item01 ul:first-child:before		{right:-180px; top:120px;  } 
.int01_wrap03 .item01 ul:last-child:after			{ left:-70px; top:180px; width:60px; font-size:0.75em; line-height:1.2;} 

.int01_wrap03 .item01 ul>li							{font-size:0.85em; line-height:1.3;}

.int01_wrap03 .item02									{ margin:30px 0 0 0; gap:50px; }
.int01_wrap03 .item02:before						{ left:calc(50% - 5px); height:calc(100% + 130px);}   /* 세로선 */  
.int01_wrap03 .item02:after							{ left:calc(50% + 5px); height:calc(100% + 130px);  }  /* 세로선 */   

.int01_wrap03 .item02 ul.box01					{grid-template-columns:auto 60px; gap:20px;}
.int01_wrap03 .item02 ul.box02					{grid-template-columns:60px auto; gap:20px;}

.int01_wrap03 .item02 ul.box01:before						{ right:-20px; top:50%; width:100px;  }  /* 가로선 */  
.int01_wrap03 .item02 ul.box02:before						{  left:-20px; top:50%; width:100px;  }  /* 가로선 */

.int01_wrap03 .item02 ul .txt01						{  font-size:0.85em;}
.int01_wrap03 .item02 ul .txt02 span						{width:60px;height:60px; line-height:60px;font-size:0.85em;}
 
.int01_wrap03 .item03									{ margin:40px 0 0 0; grid-template-columns:60px auto; gap:5px;}
.int01_wrap03 .item03 .subject br					{display:block;font-size:0.9em;line-height:1.2; }
.int01_wrap03 .item03 ul>li>ol>li					{ padding:0 0 2px 10px; line-height:1.3;    }
.int01_wrap03 .item03 ul>li>ol>li:after			{ top:8px;  }
.int01_wrap03 .item03 ul>li							{ grid-template-columns:60px auto;  }
.int01_wrap03 .item03 ul>li>ol						{padding:10px  ; }
}



.int01_wrap04											{position:relative;text-align:left;  line-height:1.6; color:#333; display: grid; grid-template-columns:auto 27%; gap: 70px; }
.int01_wrap04 .img									{position:relative;text-align:center;  }

@media screen and (max-width:1200px) { 
.int01_wrap04											{ grid-template-columns:auto 35%; gap:50px; }
}
@media screen and (max-width:800px) { 
.int01_wrap04											{  grid-template-columns:1fr; gap:30px; }
}


/* 사업소개  ================================================================================== */





/* 교육과정  ================================================================================== */ 
.edu01_wrap01										{position:relative; padding:0 0 70px 0; background:url('../img/sub/edu01_bg01.png') no-repeat center 0;}
.edu01_wrap01 .item01						{position:relative; text-align:center;color:#fff;  width:250px;height:250px; border-radius:50%; background:#be1824; margin:auto;  display: flex; flex-direction: column; justify-content:center;  align-items:center;  }
.edu01_wrap01 .item01 .tit					{position:relative; color:#fff; font-size:1.9em;font-family: 'S-CoreDream-6Bold'; } 
.edu01_wrap01 .item01 .tit:after		{position:absolute; content:''; left:calc(50% - 20px); bottom:-5px; width:40px; height:2px; background:#fff;  } 
.edu01_wrap01 .item01 .txt				{ font-size:1.15em; padding:20px 0 10px 0; letter-spacing:-1px; line-height:1.5;} 

.edu01_wrap01 .item02						{position:relative; text-align:center;max-width:680px;padding:25px 20px;margin: auto; margin-top:30px; }
.edu01_wrap01 .item02:before			{position:absolute; content:''; left:0; top:0; width:28px; height:calc(100% - 20px); border:12px solid #eee; border-right:0;}
.edu01_wrap01 .item02:after				{position:absolute; content:''; right:0; top:0; width:28px; height:calc(100% - 20px);border:12px solid #eee; border-left:0;}
.edu01_wrap01 .item02 .tit					{position:relative; color:#be1824; font-size:1.9em;font-family: 'S-CoreDream-6Bold'; letter-spacing:-1px;  }  
.edu01_wrap01 .item02 .txt				{ font-size:1.2em; color:#000; font-weight:500; padding:15px 0 10px 0; letter-spacing:-1px; line-height:1.4; } 

.edu01_wrap01 .item03						{position:relative; text-align:center;max-width:680px;margin:auto; padding:30px 0 0 0;  }
.edu01_wrap01 .item03:before			{position:absolute; content:''; left:calc(50% - 100px); top:0; width:200px; height:70px;background:url('../img/sub/edu01_arrow01.png') no-repeat center 50%;}
.edu01_wrap01 .item03 .tit					{position:relative; color:#be1824; font-size:1.2em;font-family: 'S-CoreDream-5Medium';  background:#ededed; padding:10px; border-radius:50px; margin:40px 0 0 0;  }  
.edu01_wrap01 .item03 .tit	 span		{ font-size:1.3em; font-family: 'S-CoreDream-8Heavy';}
.edu01_wrap01 .item03 ul					{position:relative;padding:30px 0; display: flex; justify-content: space-between;   }
.edu01_wrap01 .item03 ul li				{position:relative; text-align:center; width:180px; height:180px;color:#fff; font-size:1.05em; line-height:1.4; background:#be1824;   border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center; }
.edu01_wrap01 .item03 ul li:before		{position:absolute; content:''; left:50%; top:-35px; width:1px; height:35px;background:#ddd;}
.edu01_wrap01 .item03 ul li:after			{position:absolute; content:''; left:calc(50% - 4px); top:-35px; width:9px; height:9px;background:#be1824; transform: rotate(135deg); -webkit-transform: rotate(135deg);}

.edu01_wrap01 .item04						{position:relative; text-align:center;max-width:900px;margin:auto; padding:20px 0 0 0;  }
.edu01_wrap01 .item04 .tit					{position:relative;display:inline-block; max-width:680px;width:100%; margin:auto;  color:#fff; font-size:1.2em;font-family: 'S-CoreDream-5Medium'; background:#383f59; padding:10px; border-radius:50px;  }  
.edu01_wrap01 .item04 .tit	 span		{ font-size:1.3em; font-family: 'S-CoreDream-8Heavy';}
.edu01_wrap01 .item04 .txt				{ font-size:1.2em;padding:20px 0 30px 0;letter-spacing:-1px; font-weight:600;color:#383f59;  }
.edu01_wrap01 .item04 ul					{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.edu01_wrap01 .item04 ul li				{position:relative; text-align:center;    font-size:1em; line-height:1.4;  padding:30px 10px;letter-spacing:-1px;    border:2px solid #c3c5cd;  box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1);  }
.edu01_wrap01 .item04 ul li:after			{position:absolute; content:''; left:calc(50% - 4px); top:-5px; width:9px; height:9px;background:#ccc;  transform: rotate(135deg); -webkit-transform: rotate(135deg); }

 
@media screen and (max-width:820px) { 
.edu01_wrap01 .item01						{ width:220px;height:220px;   }
.edu01_wrap01 .item01 .tit					{font-size:1.6em;  } 
.edu01_wrap01 .item01 .tit:after		{ left:calc(50% - 15px); width:30px; } 
.edu01_wrap01 .item01 .txt				{ font-size:1.1em; padding:15px 0 10px 0; } 

.edu01_wrap01 .item02						{ padding:20px 30px ; }
.edu01_wrap01 .item02:before			{ width:25px; height:calc(100% - 20px); border:10px solid #eee; border-right:0;}
.edu01_wrap01 .item02:after				{ width:25px; height:calc(100% - 20px);border:10px solid #eee; border-left:0;}
.edu01_wrap01 .item02 .tit					{font-size:1.7em;  }  
.edu01_wrap01 .item02 .txt				{ font-size:1.15em; }  
  
.edu01_wrap01 .item03 .tit	 span		{ font-size:1.2em; } 
.edu01_wrap01 .item03 ul li				{  width:150px; height:150px;  font-size:1em;  } 
 
.edu01_wrap01 .item04 .tit	 span		{ font-size:1.2em; } 
.edu01_wrap01 .item04 ul					{ gap: 15px; }
.edu01_wrap01 .item04 ul li				{ padding:20px 10px; }  
}

@media screen and (max-width:600px) { 
.edu01_wrap01										{ background-size:auto 200px;}
.edu01_wrap01 .item01						{ width:200px;height:200px;   }
.edu01_wrap01 .item01 .tit					{font-size:1.4em;  } 
.edu01_wrap01 .item01 .txt				{ font-size:1em;  } 
.edu01_wrap01 .item02 .tit					{font-size:1.5em;  }  
.edu01_wrap01 .item02 .txt				{ font-size:1.1em; }  

.edu01_wrap01 .item03 .tit					{font-size:1.05em; line-height:1.3;   }  
.edu01_wrap01 .item03 .tit	 span		{ display:block;  }  
.edu01_wrap01 .item03 ul					{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;   }
.edu01_wrap01 .item03 ul li				{width:initial;height:initial; padding:20px 10px; font-size:0.9em;  border-radius:10px;  }
.edu01_wrap01 .item03 ul li br			{display:none;}
.edu01_wrap01 .item04						{ padding: 0;  }
.edu01_wrap01 .item04 .tit					{font-size:1.05em; line-height:1.3;   }  
.edu01_wrap01 .item04 .tit	 span		{ display:block;  } 
.edu01_wrap01 .item04 .txt				{ font-size:1.1em;padding:20px 0  ; }
.edu01_wrap01 .item04 ul					{ gap: 10px; }
.edu01_wrap01 .item04 ul li				{ font-size:0.9em; line-height:1.4;  padding:20px 5px;  border:1px solid #c3c5cd;   }

}




.edu01_wrap02									{position:relative; border-top:1px solid #e5e5e5; padding:50px 0 0 0; display: flex; flex-direction: column;gap:30px;  }
.edu01_wrap02 li								{position:relative;display: grid; grid-template-columns: 200px auto; gap:30px;  }
.edu01_wrap02 li	.img					{position:relative;text-align:center; width:180px;height:180px; line-height:170px; background:#f5f5f5; border-radius:50%; }
.edu01_wrap02 li	.cont					{position:relative; display: flex;  flex-direction: column; justify-content: center;}
.edu01_wrap02 li	.tit						{font-size:1.3em; font-weight:500;color:#222; padding:0 0 10px 0; letter-spacing:-1px; }
.edu01_wrap02 li	.txt p					{position:relative; padding:0 0 5px 14px; letter-spacing:-1px; } 
.edu01_wrap02 li	.txt p:after			{position:absolute; content:'';  left:3px; top:12px; width:3px; height:3px; background:#be1824; border-radius:50%;}

@media screen and (max-width:820px) { 
.edu01_wrap02 li								{grid-template-columns:130px auto; gap:25px;  }
.edu01_wrap02 li	.img					{ width:130px;height:130px; line-height:120px; }
.edu01_wrap02 li	.img img				{ width:70px; }
.edu01_wrap02 li	.tit						{font-size:1.1em;  }
.edu01_wrap02 li	.txt p					{font-size:0.9em; line-height:1.3; } 
}

@media screen and (max-width:600px) { 
.edu01_wrap02									{ gap:20px;  }
.edu01_wrap02 li								{grid-template-columns:100px auto; gap:20px; border-bottom:1px solid #eee; padding-bottom:20px; }
.edu01_wrap02 li	.img					{ width:100px;height:100px; line-height:95px; }
.edu01_wrap02 li	.img img				{ width:60px; }
.edu01_wrap02 li	.tit						{font-size:1em;  } 
.edu01_wrap02 li	.txt p:after			{  top:8px;}
}






 
.edu02_wrap01								{position:relative;text-align:center;   display: flex; flex-direction: column;gap:10px;  }
.edu02_wrap01 .top						{position:relative;  margin-left:260px;display: grid; grid-template-columns:repeat(4, 1fr) ;gap:2px; }
.edu02_wrap01 .top p					{position:relative; padding:10px; background:#383f59; color:#fff; letter-spacing:-1px;border-radius:10px 10px 0 0;  }
.edu02_wrap01 .item01				{position:relative;  display: grid; grid-template-columns:100px auto;gap:10px; }
.edu02_wrap01 .item01 .subject				{position:relative; background:#383f59;color:#fff; line-height:1.3;  display: flex; flex-direction: column; justify-content:center; align-items:center;border-radius:10px  ;  }
.edu02_wrap01 .item01 ul 							{position:relative;display: flex; flex-direction: column; justify-content:center; gap:10px; }
.edu02_wrap01 .item01 ul>li 						{position:relative;display: grid; grid-template-columns:150px auto;  }
.edu02_wrap01 .item01 ul>li .tit01				{position:relative; background:#778bb4;color:#fff;  font-size:0.95em;font-weight:500; letter-spacing:-1px;line-height:1.3;  padding:5px;  display: flex; flex-direction: column; justify-content:center; align-items:center; border-radius:10px 0 0 10px;}
.edu02_wrap01 .item01 ul>li .tit02				{position:relative; background:#f5f5f5;  border-radius:10px 0 0 10px;}
.edu02_wrap01 .item01 ul>li ol 					{position:relative; display: grid; grid-template-columns: repeat(4, 1fr);gap:3px; background:#f5f5f5;  padding:10px; border-radius:0 10px 10px 0;  }
.edu02_wrap01 .item01 ul>li ol li				{ position:relative; text-align:center; display: flex; flex-direction: column; gap:3px;}
.edu02_wrap01 .item01 ul>li ol li p			{ position:relative; text-align:center; font-size:0.9em;color:#333; letter-spacing:-1px;  line-height:1.3; padding:8px 5px;  border-radius:5px; }
.edu02_wrap01 .item01 ul li ol .box01				{ background:#fff;  border:1px solid #888; }
.edu02_wrap01 .item01 ul li ol .box02				{ background:#ced5df;  border:1px solid #383f59; }
.edu02_wrap01 .item01 ul li ol .box03				{ background:#f7e8cb;  border:1px solid #f8a700;  }
.edu02_wrap01 .item01 ul li ol .box04				{ background:#d9eeee;  border:1px solid #009ca6;  }
.edu02_wrap01 .item01 ul li ol .box05				{ background:#f3dfe0;  border:1px solid #be1824; }
 
  
.edu02_wrap01 .anote								{position:relative; margin:15px 0;display: flex;justify-content:right;  }
.edu02_wrap01 .anote p							{position:relative; font-size:0.8em; padding:4px 10px; margin:2px; border-radius:2px; }
.edu02_wrap01 .anote .box01				{ background:#fff;  border:1px solid #888; }
.edu02_wrap01 .anote .box02				{ background:#ced5df;  border:1px solid #383f59; }
.edu02_wrap01 .anote .box03				{ background:#f7e8cb;  border:1px solid #f8a700;  }
.edu02_wrap01 .anote .box04				{ background:#d9eeee;  border:1px solid #009ca6;  }
.edu02_wrap01 .anote .box05				{ background:#f3dfe0;  border:1px solid #be1824; }


@media screen and (max-width:1024px) { 
.edu02_wrap01 .top						{ margin-left:190px;  }
.edu02_wrap01 .top p					{padding:8px; border-radius:5px 5px 0 0;  }
.edu02_wrap01 .item01				{ grid-template-columns:80px auto;gap:10px; }
.edu02_wrap01 .item01 .subject				{ border-radius:5px  ;  }
.edu02_wrap01 .item01 ul>li 						{ grid-template-columns:100px auto;  }
.edu02_wrap01 .item01 ul>li .tit01				{ border-radius:5px 0 0 5px;}
.edu02_wrap01 .item01 ul>li .tit02				{  border-radius:5px 0 0 5px;}
.edu02_wrap01 .item01 ul>li ol 					{  padding:8px; border-radius:0 5px 5px 0;  }
}

@media screen and (max-width:800px) { 
.edu02_wrap01								{ gap:5px;  }
.edu02_wrap01 .top						{ margin-left:125px;  }
.edu02_wrap01 .top p					{padding:7px; font-size:0.9em; }
.edu02_wrap01 .item01				{ font-size:0.9em;grid-template-columns:60px auto;gap:5px; }
.edu02_wrap01 .item01 ul>li 						{ grid-template-columns:60px auto;  }
.edu02_wrap01 .item01 .subject				{  font-size:0.9em; }
.edu02_wrap01 .item01 ul>li .tit01			{  font-size:0.9em; }
.edu02_wrap01 .item01 ul 							{ gap:5px; }
.edu02_wrap01 .item01 ul>li ol 					{  padding:5px; gap:2px;  }
.edu02_wrap01 .item01 ul>li ol li				{gap:2px;}
.edu02_wrap01 .item01 ul>li ol li p			{  font-size:0.85em;  line-height:1.2; padding: 5px; border-radius:3px; }


.edu02_wrap01 .anote p							{ font-size:0.7em; padding:3px 8px;}
}

/* 교육과정  ================================================================================== */ 






/* 온라인인증강의  ================================================================================== */ 
.online01_wrap01								{position:relative;padding-bottom:80px;border-top:1px solid #222; }
.online01_wrap01 li							{position:relative;padding:25px 10px;border-bottom:1px solid #dfdfdf;display: grid; grid-template-columns:160px auto; gap:50px; transition:all 0.3s ease;}
.online01_wrap01 li .img					{position:relative; text-align:center;display: flex; flex-direction: column; justify-content:center;align-items:center; transition:all 0.3s ease;}
 .online01_wrap01 li .img span		{display:inline-block; width:160px;height:160px; background:#f5f5f5; border-radius:50%;display: flex; flex-direction: column; justify-content:center;align-items:center;}
.online01_wrap01 li .cont				{  }
.online01_wrap01 li .tit					{ position:relative; font-size:1.15em;line-height:1.4;font-weight:600;color:#222;letter-spacing:-1px; padding:0 0 15px 0;}
 
@media screen and (max-width:800px) { 
.online01_wrap01 li							{ display: grid; grid-template-columns:1fr ; gap:30px;  }
}




/* 온라인인증강의  ================================================================================== */