@charset "utf-8"; 

h4							{font-weight:700; position:relative; font-size:1.45em; color:#222; letter-spacing:-1.5px; line-height:1.2; margin-bottom:20px; padding-left:27px;}
h4::before					{position:absolute; top:5px; left:0; content:''; width:10px; height:10px; background:var(--color1); z-index:1;}
h4::after					{position:absolute; top:14px; left:8px; content:''; width:10px; height:10px; background:var(--color2);}
h4 span						{font-size:18px; letter-spacing:-0.75px; color:#797979; margin-left:10px;}
h5							{font-weight:700; font-size:1.1em; line-height:1.3; margin-bottom:12px;  color:var(--color3); letter-spacing:-1px;} 
h5 span						{font-size:16px; letter-spacing:-0.75px; color:#797979; margin-left:5px;}
.sub_wrap h6				{display:block; font-weight:500; color:#333; font-size:1em; margin-bottom:10px;}
.sub_wrap h6 i				{color:var(--color1); margin-right:7px;}
.sub_txtline				{font-weight:500; box-shadow: inset 0 -10px 0 #ddecff; padding:0 3px; color:#000;}

.sub_cont01					{padding-left:5px; text-align:justify;}  
.sub_cont02					{padding:3px 10px; text-align:justify; font-size:0.95em; color:#797979;}  
.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_indent 				{display:grid; gap:2px; font-size:0.95em;}
.sub_indent>li				{text-indent:-1em; margin-left:1em;}

.sub_table					{border-top:1px solid #333; border-collapse:collapse; width:100%; table-layout:fixed; font-size:0.95em;} 
.sub_table thead th			{font-weight:500; color:#fff; background:var(--color3); height:56px; padding:0 10px; border-left:1px solid #fff; border-right:1px solid #fff; text-align:center; }
.sub_table thead th:first-child	{border-left-color:var(--color3);}
.sub_table thead th:last-child	{border-right-color:var(--color3);}
.sub_table thead th[colspan]	{border-bottom:1px solid #fff;}
.sub_table tbody th			{font-weight:500; color:#333; line-height:150%; padding:13px 10px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background-color:#f4f5f7; text-align:center;}
.sub_table tbody td			{line-height:150%; padding:15px; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background-color:#fff; }
.sub_table tbody td:first-child{border-left:1px solid #fff;}
.sub_table tbody th:last-child, .sub_table tbody td:last-child	{border-right:1px solid #fff;}
.sub_table tbody .stxt		{font-size:0.95em; letter-spacing:0;}

.sub_step					{display:grid; text-align:center; margin-top:20px; gap:20px 20px;}
.sub_step.step4				{grid-template-columns:repeat(4, 1fr);}
.sub_step.step5				{grid-template-columns:repeat(5, 1fr);}
.sub_step.step6				{grid-template-columns:repeat(6, 1fr);}
.sub_step dl				{display: grid; place-items: center; position:relative; padding:20px 5px; border:3px solid #e6e7ec;}
.sub_step dl:after				{position:absolute; content:''; right:-17px; top:43%; border:solid #8e9091; border-width:3px 3px 0 0; padding:4px; transform: rotate(45deg); opacity:0.8; border-radius:2px;}
.sub_step dl:last-child:after	{display:none;}
.sub_step dl dt				{color:#111; letter-spacing:-1px; line-height:1.4;}
.sub_step dl dt span		{font-family :'pretendard'; font-weight:700; position:absolute; top:-15px; left:5px; width:40px; height:40px; line-height:30px; background:var(--color1); color:#fff; font-size:14px; border-radius:20px; border:5px solid #cfdbea;}
.sub_step dl dt em			{font-style:normal; color:#777; font-size:0.85em;}
.sub_step dl dd				{width:100%; border-top:1px dashed #ccc; color:var(--color1); padding-top:8px; margin-top:12px; font-size:0.95em;}


@media screen and (max-width:1024px) { 
	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;}
	h4 span					{font-size:15px;}
	h5						{font-size:1.05em; margin-bottom:10px;}

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

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

	.sub_step					{display:block; margin:0;}
	.sub_step dl				{margin-bottom:20px; padding:12px 10px;}
	.sub_step dl dt span		{top:-12px; width:26px; height:26px; line-height:28px;}
	.sub_step dl:after			{top:auto; bottom:-15px; right:50%; border-width:0 3px 3px 0;}
	.sub_step dl dd				{padding-top:5px; margin-top:10px;}
}	

/* 학과소개  ================================================================================== */
.introMajor						{display:flex; justify-content:space-around; gap:25px; margin:40px 0;}
.introMajor dl					{background:#f1f2f5; padding:40px; border-radius:20px; overflow:hidden; flex:1; min-width:0;}
.introMajor dl dt				{font-weight:700; font-size:1.2em; margin-bottom:15px; color:var(--color1);}

.introVision					{margin:40px 0 60px 0; text-align:center;}
.introVision .depth1			{position:relative; padding:30px 0; letter-spacing:-1px; font-size:1.1em; color:#666; width:80%; margin:0 auto;}
.introVision .depth1:after, 
.introVision .depth1:before		{position:absolute; content:''; display:block; border:12px solid var(--color1); height:100%; width:30px; top:0;}
.introVision .depth1:before		{left:0; border-right:none; }
.introVision .depth1:after		{right:0; border-left:none; }
.introVision .depth1 strong		{display:block; color:#111; font-weight:700; font-size:28px; margin-bottom:15px; letter-spacing:-1px;}
.introVision .arrow				{padding:50px 0; position:Relative;}
.introVision .arrow strong		{position:relative; font-family :'pretendard'; font-weight:700; font-size:1.2em; letter-spacing:1px; color:var(--color1); border:2px dotted var(--color1); padding:10px 15px; border-radius:10px; background:#fff;  display:inline-block;}
.introVision .arrow:before		{content:''; display:block; position:absolute; top:-75px; left:50%; transform:translateX(-50%); border:70px solid transparent; border-bottom:35px solid #e2eaf4; z-index:-1;}
.introVision .arrow:after		{content:''; position:absolute; display:block; top:30px; left:50%; transform:translateX(-50%); width:90px; height:80%; background:linear-gradient(to top, #fff, #e2eaf4); z-index:-1;}
.introVision .depth2			{position:relative; display:flex; justify-content:center; padding:60px 0; width:450px; margin:0 auto;}
.introVision .depth2 li			{position:relative; width:120px; height:120px; color:#fff; font-weight:500; background:#105ab5; border-radius:100%; display:grid; align-items:center;}
.introVision .depth2 li:last-child	{width:230px; height:230px; background:var(--color3); line-height:1.5; border:10px solid #e1e2e5;}
.introVision .depth2 li:last-child strong	{display:block; font-weight:700; font-size:1.2em; margin-bottom:7px;}
.introVision .depth2 .circle	{position:absolute; border:5px solid #fff;}
.introVision .depth2 li:first-child	{top:-2%; left:0;}
.introVision .depth2 li:nth-child(2)	{top:-2%; right:0;}
.introVision .depth2 li:nth-child(3)	{left:0; bottom:-2%;}
.introVision .depth2 li:nth-child(4)	{right:0; bottom:-2%;}
.introVision .depth2 li:last-child:after	{content:''; display:block; position:absolute; left:50%; transform:translateX(-50%); width:180%; height:180%; border:1px dashed var(--color1); border-radius:100%; z-index:-1; }
.introVision .depth2 .circle:before	{content:''; display:block; position:absolute; background:transparent; border:10px solid transparent; border-bottom:12px solid var(--color1);}
.introVision .depth2 li:first-child:before	{bottom:-15px; left:33px; transform:rotate(20deg);}
.introVision .depth2 li:nth-child(2):before	{top:15px; left:-7px; transform:rotate(120deg);}
.introVision .depth2 li:nth-child(3):before	{bottom:15px; right:-8px; transform:rotate(315deg);}
.introVision .depth2 li:nth-child(4):before	{top:-15px; right:32px; transform:rotate(200deg);}

.introVision2					{position:relative; display:grid; grid-template-columns:30% 65%; justify-content:space-between;}
.introVision2 .arrow			{position:relative; display:grid; grid-template-columns:1fr 1fr; gap:0 80px;}
.introVision2>div:first-child	{display:grid; gap:15px;}
.introVision2 dl				{border:1px solid var(--color2); background:#fff;}
.introVision2 dl dt				{text-align:center; font-weight:600; font-size:1.05em; color:var(--color2); padding:18px 0 10px 0 ;}
.introVision2 dl dd				{padding:0 15px 15px 15px; font-size:0.95em;}
.introVision2 .arrow			{position:relative;}
.introVision2 .arrow:after		{content:''; display:block; position:absolute; left:-30px; top:45%; transform:translateY(-50%); border:40px solid transparent; border-left:30px solid #e2eaf4; z-index:1;}
.introVision2 .arrow:before		{content:''; position:absolute; display:block; left:-65px; top:45%; transform:translateY(-50%); width:35px; height:50px; background:linear-gradient(to right, #fff, #e2eaf4); z-index:-1;}
.introVision2>div:first-child dl:last-child	{border-color:var(--color1);}
.introVision2>div:first-child dl:last-child dt	{color:var(--color1);}
.introVision2>div:first-child dl:last-child .sub_list01:after	{background:var(--color1);}
.introVision2 .arrow dl			{border-radius:10px 10px 0 0; background:#f2f2f2; border:0;}
.introVision2 .arrow dl dt		{background:var(--color3); color:#fff;  padding:15px 0;}
.introVision2 .arrow dl dd		{display:grid; gap:10px; padding:25px 20px; text-align:center;}
.introVision2 .arrow dl:last-child dt	{background:var(--color2);}
.introVision2 .arrow dl dd p	{position:relative; padding:15px 0; background:#fff; border-radius:5px; box-shadow:0 0 10px 1px rgba(0,0,0,0.05); z-index:2;}
.introVision2 .arrow dl dd p:before	{content:''; display:block; width:6px; height:6px; border-radius:50%; background:var(--color1); position:absolute; right:-2px; top:20px; z-index:1;}
.introVision2 .arrow dl dd p:after	{content:''; display:block; width:6px; height:6px; border-radius:50%; background:var(--color1); position:absolute; right:-2px; bottom:20px; z-index:1;}
.introVision2 .arrow dl dd span		{content:''; display:block; width:6px; height:6px; border-radius:50%; background:var(--color2); position:absolute; right:-2px; top:12px; z-index:1;}
.introVision2 .arrow dl:first-child dd p:nth-child(2):before, .introVision2 .arrow dl:first-child dd p:nth-child(2):after,
.introVision2 .arrow dl:first-child dd p:nth-child(4):before, .introVision2 .arrow dl:first-child dd p:nth-child(4):after,
.introVision2 .arrow dl:last-child dd p:first-child:after, .introVision2 .arrow dl:last-child dd p:after,
.introVision2 .arrow dl:last-child dd p:nth-child(2):before, .introVision2 .arrow dl:last-child dd p:nth-child(2):after	{background:var(--color2);}
.introVision2 .arrow dl:first-child dd p:nth-child(3):before, .introVision2 .arrow dl:last-child dd p:nth-child(3):before	{top:26px;}
.introVision2 .arrow dl:first-child dd p:nth-child(3):after, .introVision2 .arrow dl:last-child dd p:nth-child(3):after		{bottom:13px;}
.introVision2 .arrow dl:last-child dd p:before	{right:auto; left:-2px;}
.introVision2 .arrow dl:last-child dd p:after,.introVision2 .arrow dl:last-child dd span 	{right:auto; left:-2px;}
.introVision2 .arrow dl:last-child dd span		{background:var(--color1);}
.introVision2 .line em			{position:absolute; right:-120px; content:''; display:block; width:120px; height:2px; background:var(--color1); opacity:0.3;}
.introVision2 .line1 em:first-child	{top:22px;}
.introVision2 .line1 em:last-child	{bottom:-45px; width:200px; right:-170px; transform:rotate(44deg);}
.introVision2 .line2 em:first-child	{background:var(--color2); width:135px; top:-5px; right:-125px; transform:rotate(-25deg);}
.introVision2 .line2 em:last-child	{background:var(--color2); bottom:22px;}
.introVision2 .line3 em:nth-child(2)	{background:var(--color2); width:130px; top:-15px; right:-125px; transform:rotate(-26deg);}
.introVision2 .line3 em:nth-child(3)	{top:28px;}
.introVision2 .line3 em:nth-child(4)	{bottom:-9px; width:130px; right:-125px; transform:rotate(22deg);}
.introVision2 .line4 em:first-child	{background:var(--color2); width:130px; top:-2px; right:-125px; transform:rotate(-22deg);}
.introVision2 .line4 em:last-child	{bottom:22px; background:var(--color2);}

.introVision3					{position:relative; display:grid; grid-template-columns:auto 600px; gap:0 40px; margin:20px 0;}
.introVision3 .chart			{background:#f2f2f2; padding:50px 20px 30px 20px;}
.introVision3 .chart>ul			{display:flex; justify-content:space-evenly; position:relative;}
.introVision3 .chart>ul li		{display:grid;}
.introVision3 .chart>ul li span	{font-family :'pretendard'; background:#dc80a9; content:''; display:grid; align-items:Center; width:100%; color:#fff; text-align:center; font-size:0.9em; font-weight:500; }
.introVision3 .chart>ul li span:last-child	{background:#6288c6;}
.introVision3 .chart>ul li strong	{font-family :'pretendard'; color:#333; margin-top:3px;}
.introVision3 .chart .bar		{height:160px; display:flex; flex-direction:column-reverse; margin-bottom:5px;}
.introVision3 .chart>ul li:first-child span:first-child	{height:20%;}
.introVision3 .chart>ul li:first-child span:last-child	{height:48%;}
.introVision3 .chart>ul li:nth-child(2) span:first-child	{height:25%;}
.introVision3 .chart>ul li:nth-child(2) span:last-child	{height:40%;}
.introVision3 .chart>ul li:nth-child(3) span:first-child	{height:60%;}
.introVision3 .chart>ul li:nth-child(3) span:last-child	{height:21%;}
.introVision3 .chart>ul li:last-child span:first-child	{height:70%;}
.introVision3 .chart>ul li:last-child span:last-child	{height:20%;}
.introVision3 .chart .note		{display:flex; justify-content:center; gap:20px; margin-top:10px; font-size:0.9em; color:#666;}
.introVision3 .chart .note p	{position:relative; padding-left:18px;}
.introVision3 .chart .note p:before	{content:''; width:13px; height:13px; background:#6288c6; position:absolute; left:0; top:9px;}
.introVision3 .chart .note p:last-child:before	{background:#dc80a9;}
.introVision3 .chart>ul:after	{position:absolute; top:3px; right:8px; content:''; display:block; width:48%; height:100%; border:2px dotted var(--color1); opacity:0.8;}
.introVision3 .chart>ul:before	{position:absolute; top:50%; right:-80px; content:''; display:block; width:90px; height:1px; border:1px dotted var(--color1); opacity:0.8;}
.introVision3 .result			{border:1px solid #ddd; text-align:center; padding:25px 0 10px 0; background:#fff; position:relative; z-index:1;}
.introVision3 .result p			{font-weight:600; color:#333; margin-bottom:12px; font-size:1.1em; letter-spacing:-1px;}

.introMap #map_canvas			{position:relative; width:100%; aspect-ratio:6 / 2.5; border:1px solid #dfdfdf;}
.introMap ul					{padding:25px 0; display:flex; justify-content:space-evenly; align-items:center; border-bottom:1px solid #ddd; color:#555;}
.introMap strong				{display:block; font-size:17px; letter-spacing:0; color:#111;}
.introMap i						{background:#f0f0f0; color:#000; width:42px; line-height:42px; border-radius:100%; text-align:center; margin-right:7px; font-size:0.9em;}
.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-weight:500;}
.introMap .mapoverlay .add		{display:none;}

.map_tab						{margin:10px 0 20px 0;}
.suttle_table ul				{display:flex; gap:3px 5px; flex-wrap:wrap;}
.suttle_table ul li				{background:#8d9197; color:#fff; padding:2px 5px; font-size:0.95em; border-radius:3px;}


/* 구성원 ================================================================================== */
.jojik_wrap					{position:relative; display:grid; gap:20px;}
.jojik_wrap>li				{ border:1px solid #e6e6e6; padding:40px; display:grid; grid-template-columns:180px auto; gap:40px;}
.jojik_wrap figure			{aspect-ratio:4 / 5; }
.jojik_wrap figure img		{width:100%; height:100%; object-fit:cover; box-shadow:0 0 20px 1px rgba(0,0,0,0.1);}
.jojik_wrap>li>dl>dt		{position:relative; color:#111; font-weight:700; font-size:1.4em; padding:10px 0 15px 0;}
.jojik_wrap>li>dl>dt>span 	{position:absolute; right:0; top:-5px; background:var(--color3); font-size:23px; color:#fff; width:45px; line-height:45px; text-align:center; border-radius:2px;}
.jojik_wrap>li>dl>dt>span a	{color:#fff;}
.jojik_wrap>li>dl>dt>span:hover	{background:#000;}
.jojik_wrap .info			{display:flex; gap:35px; font-size:0.95em; background:#f4f5f7; padding:12px 20px; border-radius:5px; margin:0 0 15px 0;}
.jojik_wrap .info li		{position:relative;}
.jojik_wrap .info li:after	{content:''; position:absolute; top:0; right:-18px; bottom:0; width:1px; height:0.85em; margin:auto; background:#c7c7c7;}
.jojik_wrap .info a			{color:#777; font-size:15px;}
.jojik_wrap .info a:hover	{text-decoration:underline;}
.jojik_wrap .info i			{color:var(--color3); margin-right:7px; font-size:18px;}
.jojik_wrap .info li:first-child i	{font-size:15px;}
.jojik_wrap .info li:last-child:after	{display:none;}
.jojik_wrap>li>dl>dd		{display:grid; gap:7px; font-size:0.95em;}
.jojik_wrap>li>dl>dd p		{display:grid; grid-template-columns:100px auto; line-height:1.5; color:#777;}
.jojik_wrap>li>dl>dd strong	{color:#333; font-weight:500;}



/* 입학전공선택  ================================================================================== */
.majorTable tbody td		{position:relative;}
.majorTable .back			{background:#edf6fc; color:var(--color1); font-weight:500;}
.majorTable .prev			{position:relative; background:#f5f5f5;}
.majorTable .prev i			{position:absolute; right:-8px; color:#105ab5; z-index:1; font-size:20px;}
.majorTable .part			{position:absolute; top:-15px; right:20px; background:#105ab5; color:#fff; padding:3px 15px; border-radius:5px; font-weight:500;}

.majorChoice				{margin:40px 0; text-align:center; display:flex; justify-content:center; gap:40px; align-items:center;}
.majorChoice li				{position:relative; width:190px; height:190px; display:grid; align-items:Center; border:5px solid var(--color1); background:#fff; color:var(--color1); font-weight:600; font-size:1.1em; border-radius:50%;}
.majorChoice li:last-child	{background:var(--color1); color:#fff; margin-left:60px;}
.majorChoice li:first-child:after	{content:''; display:block; position:absolute; right:-36px; top:50%; transform:translateY(-50%); width:25px; height:7px; background:#aaa; border-radius:20px; opacity:0.7;}
.majorChoice li:first-child:before	{content:''; display:block; position:absolute; right:-27px; top:50%; transform:translateY(-50%); width:7px; height:25px; background:#aaa; border-radius:20px; opacity:0.7;}
.majorChoice li:nth-child(2):after	{content:''; display:block; position:absolute; top:0;bottom:0;right:-45%; margin:auto; width:100%; height:1px; border-top:2px dotted #aaa; z-index:-1;}
.majorChoice li:last-child:before	{position:absolute; content:''; left:-40px; top:45.5%; border:solid #aaa; border-width:4px 4px 0 0; padding:6px; transform:rotate(45deg); border-radius:2px; opacity:0.8;}
.majorChoice li:last-child:after	{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); content:''; display:block; width:calc(100% + 30px); height:calc(100% + 30px); border-radius:50%; background:#cfdbea; z-index:-1;  }



/* 교육 ================================================================================== */
.eduClass					{display:grid; grid-template-columns:repeat(4, 1fr); gap:3px; border:1px solid #ddd; padding:10px 15px; font-size:0.85em; color:#333;}
.eduClass li>span			{color:#f44336;}
.eduClass li>em				{display:inline-block; content:''; width:40px; height:23px; vertical-align:middle; margin-right:10px;}
.eduClass li:first-child em	{background:#eee;}
.eduClass li:nth-child(2) em	{background:#fee7e7;}
.eduClass li:nth-child(3) em	{background:#ececff;}
.eduClass li:nth-child(4) em	{background:#e6f5ff;}
.eduClass li:nth-child(5) em	{background:#f2fadb;}
.eduClass li:nth-child(6) em	{background:#e0f4ed;}
.eduClass li:nth-child(7) em	{background:#fff6df;}
.eduClass .arrow		{position:relative; content:''; display:inline-block;  background:transparent; border:8px solid transparent; border-left:10px solid #1c67cc; vertical-align:middle; margin:0 3px 0 30px;}
.eduClass .arrow:before	{position:absolute; left:-40px; content:''; display:inline-block; width:30px; height:1px; background:#1c67cc;}




/* 연구분야 ================================================================================== */
.labPart					{display:flex; justify-content:space-around; gap:15px; text-align:center;}
.labPart li					{aspect-ratio:1 / 1; box-shadow:0 0 30px 1px rgba(0,0,0,.1); overflow:hidden; flex:1; min-width:0; border-radius:5px; background:url('../img/sub/ea01.jpg') no-repeat center; background-size:cover;}
.labPart li a				{display:grid; align-items:Center; width:100%; height:100%; position:relative; z-index:1; background:rgba(0,0,0,0.4);}
.labPart li a>div			{font-size:1.25em; color:#fff; letter-spacing:-1.5px; font-weight:700; padding-top:20px;}
.labPart li a>div i			{display:block; margin-top:10px; font-size:35px; opacity:0.7;}
.labPart li:nth-child(2)	{background-image:url('../img/sub/eb01.jpg');}
.labPart li:nth-child(3)	{background-image:url('../img/sub/ec01.jpg');}
.labPart li:nth-child(4)	{background-image:url('../img/sub/ed01.jpg');}
.labPart li:hover			{transform:translateY(-10px); transition:all 0.3s ease;}
.labPart li:hover a			{background:rgb(1,51,120,.7);}
.labPart li:hover i			{transform:rotate(180deg); transition: .3s; opacity:1;}

.labTop						{position:relative; margin-bottom:40px;}
.labTop figure				{width:55%; aspect-ratio:6 / 3.6;}
.labTop figure img			{width:100%; height:100%; object-fit:cover; overflow:hidden; box-shadow:0 0 20px 1px rgba(0,0,0,0.1);}
.labTop .txt				{position:absolute; top:50%; right:0; transform:translateY(-50%); background:var(--color3); width:60%; color:#fff; letter-spacing:-1px; font-size:1.05em; padding:50px; border-radius:5px 5px 60px 5px;}
.labTop .txt strong			{font-weight:700; font-size:30px; display:block; margin-bottom:15px; line-height:1.2;}

.labLIst					{display:grid; gap:20px;}
.labLIst>li					{border:1px solid #e6e6e6;}
.labLIst dl					{padding:45px 40px;}
.labLIst dl dt				{color:#111; font-weight:700; font-size:1.4em; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;}
.labLIst dl dt em			{font-size:16px; margin-left:10px; color:#888; letter-spacing:0;}
.labLIst dl dd				{display:grid; grid-template-columns:120px auto;}
.labLIst dl dd strong		{position:relative; padding-left:12px; color:#333; font-weight:500;}
.labLIst dl dd strong:before	{position:absolute; content:''; display:block; left:0; top:13px; width:4px; height:4px; background:var(--color3); border-radius:100%;}
.labLIst .info				{background:#f4f5f7; padding:20px 40px; display:flex; gap:45px;}
.labLIst .info i			{color:var(--color3); margin-right:8px;}
.labLIst .info p			{position:relative; color:#414141;}
.labLIst .info p:after		{content:''; position:absolute; top:0; right:-23px; bottom:0; width:1px; height:0.85em; margin:auto; background:#c7c7c7;}
.labLIst .info p:last-child:after	{display:none;}
.labLIst .info p:last-child i	{font-size:20px;}
.labLIst .info a			{color:#777; font-size:0.9em;}
.labLIst .info a:hover		{text-decoration:underline;}



/* 학사및행정 ================================================================================== */
.scheduleTable .mob					{display:none;}
.scheduleTable .back				{color:#105ab5; font-weight:500;}
.scheduleTable tbody th				{font-size:1.3em; font-family:'pretendard'; font-weight:700;}

.graduateStep							{position:relative; display:grid; gap:20px 0; text-align:Center; margin-bottom:40px;}
.graduateStep:after						{position:absolute; content:''; left:90px; top:0; width:5px; height:100%; background:#d0cece; z-index:-1;}
.graduateStep>li						{display:grid; grid-template-columns:180px auto; gap:0 10px;}
.graduateStep>li>p						{position:relative; display:flex; align-items:center; justify-content:center; font-weight:500; color:#fff; background:#105ab5;}
.graduateStep>li>p i					{margin-right:7px; font-size:20px; opacity:0.7;}
.graduateStep>li>p:before				{position:absolute; content:''; top:-20px; left:45%; border:solid #d0cece; border-width:0 7px 7px 0; padding:8px; transform:rotate(45deg);}
.graduateStep>li:nth-child(2) p			{background:var(--color3);}
.graduateStep>li:last-child p			{background:#364663;}
.graduateStep>li:first-child p:before	{display:none;}
.graduateStep>li>ul						{position:relative; display:flex; justify-content:space-around; gap:10px;}
.graduateStep>li>ul>li					{position:relative; display:flex; align-items:center; justify-content:center; flex:1; min-width:0; background:#f1f2f5; line-height:1.4; font-size:0.95em; color:#333; height:75px; padding:5px;}
.graduateStep>li>ul>li:after			{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-13px; background:transparent; border:7px solid transparent; border-left:7px solid #d0cece; z-index:1;}
.graduateStep>li>ul>li:last-child:after	{display:none;}
.graduateStep>li:nth-child(2)>ul		{display:grid; grid-template-columns:repeat(5, 1fr); gap:10px;}



@media screen and (max-width:1024px) { 
	.introMajor						{display:grid; gap:10px; justify-content:unset; margin:20px 0;}
	.introMajor dl					{padding:25px 20px; width:100%;}
	.introMajor dl dt				{font-size:1.1em; margin-bottom:10px;}

	.introVision .depth1			{width:100%; padding:20px; font-size:1em;}
	.introVision .depth1 strong		{font-size:20px; margin-bottom:10px;}
	.introVision .depth1:after, .introVision .depth1:before	{border-width:7px; width:20px;}
	.introVision .arrow				{padding:30px 0;}
	.introVision .arrow strong		{padding:5px 10px; font-size:1.1em;}
	.introVision .arrow:before		{top:-60px; border-width:50px; border-bottom-width:25px;}
	.introVision .arrow:after		{top:15px; width:65px;}
	.introVision .depth2			{padding:40px 0; width:360px;}
	.introVision .depth2 li			{width:90px; height:90px;}
	.introVision .depth2 li:last-child	{width:160px; height:160px; border-width:7px;}
	.introVision .depth2 li:last-child strong	{font-size:1.1em; margin-bottom:5px;}
	.introVision .depth2 li:first-child:before	{left:48%;}
	.introVision .depth2 li:nth-child(2):before	{top:15px; left:-15%;}
	.introVision .depth2 li:nth-child(3):before	{right:-15%; bottom:15px;}
	.introVision .depth2 li:nth-child(4):before	{right:48%;}
	.introVision2>div:first-child	{gap:10px;}
	.introVision2 dl dt				{font-size:1em; padding:12px 0 10px 0;}
	.introVision2 .arrow			{gap:0 20px;}
	.introVision2 .arrow dl dt		{height:46px; display:grid; align-items:Center; padding:0 10px; font-weight:500; line-height:1.2;}
	.introVision2 .arrow dl dd p	{padding:0 13px; height:46px; display:grid; align-items:Center; line-height:1.3;}
	.introVision2 .arrow dl dd p:before	{top:12px;}
	.introVision2 .arrow dl dd p:after	{bottom:10px;}
	.introVision2 .arrow dl:first-child dd p:nth-child(3):before, .introVision2 .arrow dl:last-child dd p:nth-child(3):before	{top:22px;}
	.introVision2 .arrow dl dd span	{top:10px;}
	.introVision2 .arrow dl:first-child dd p:nth-child(3):after, .introVision2 .arrow dl:last-child dd p:nth-child(3):after	{bottom:5px;}
	.introVision2 .line1 em:first-child	{top:15px;}
	.introVision2 .line1 em:last-child	{bottom:-35px; width:115px; right:-88px; transform:rotate(56deg);}
	.introVision2 .line2 em:first-child	{top:-22px; transform:rotate(-32deg);}
	.introVision2 .line2 em:last-child	{bottom:12px;}
	.introVision2 .line3 em:nth-child(2)	{width:90px; top:-18px; right:-80px; transform:rotate(-41deg);}
	.introVision2 .line3 em:nth-child(3)	{top:24px;}
	.introVision2 .line3 em:nth-child(4)	{bottom:-24px; transform:rotate(27deg);}
	.introVision2 .line4 em:first-child		{top:-18px; transform:rotate(-28deg);}
	.introVision2 .line4 em:last-child		{bottom:12px;}
	.introVision3					{gap:20px; grid-template-columns:auto 55%;}
	.introVision3 .chart			{padding:40px 20px 20px 20px;}
	.introVision3 .result			{padding:20px 0 0 0;}
	.introVision3 .result p			{margin-bottom:7px;}
	.introVision3 .result img		{width:90%;}

	.majorChoice					{gap:25px; margin:20px 0;}
	.majorChoice li					{width:130px; height:130px; font-size:1em; line-height:1.4; border-width:2px; font-weight:500;}
	.majorChoice li:first-child:before	{right:-17px; width:5px; height:18px;}
	.majorChoice li:first-child:after	{right:-23px; width:18px; height:5px;}
	.majorChoice li:nth-child(2):after	{right:-30%;}
	.majorChoice li:last-child		{margin-left:30px;}
	.majorChoice li:last-child:after	{width:calc(100% + 20px); height:calc(100% + 20px);}
	.majorChoice li:last-child:before	{top:45%; left:-30px; padding:5px;}

	.introMap ul					{padding:15px 5px; display:grid; justify-content:unset; gap:3px 0;}
	.introMap i						{width:32px; line-height:32px;}

	.jojik_wrap>li					{padding:20px; grid-template-columns:120px auto; gap:30px;}
	.jojik_wrap>li>dl>dt			{font-size:1.2em; padding:7px 0;}
	.jojik_wrap>li>dl>dt>span		{top:0; width:32px; line-height:32px; font-size:17px;}
	.jojik_wrap>li>dl>dd			{gap:3px;}
	.jojik_wrap .info				{padding:8px 15px; margin-bottom:10px;}
	.jojik_wrap .info li:after		{display:none;}

	.labPart						{gap:10px; flex-wrap:wrap;}
	.labPart li						{flex:1 1 40%;}
	.labPart li a>div				{font-size:1.1em; padding:10px 20px 0 20px; line-height:1.3;}
	.labPart li a>div i				{font-size:25px;}
	.labTop figure					{width:90%; aspect-ratio:6 / 4;}
	.labTop .txt					{position:relative; padding:30px; width:90%; top:auto; bottom:-20px; transform:unset; margin:-80px 0 0 10%;}
	.labTop .txt strong				{font-size:20px; margin-bottom:10px;}
	.labTop .txt br					{display:none;}
	.labLIst dl						{padding:20px;}
	.labLIst dl dt					{font-size:1.1em; padding-bottom:10px; margin-bottom:15px;}
	.labLIst dl dt em				{font-size:15px;}
	.labLIst dl dd					{grid-template-columns:90px auto;}
	.labLIst .info					{padding:12px 20px; font-size:0.95em; display:grid; gap:0;}
	.labLIst .info p:after			{display:none;}
	.labLIst .info i				{font-size:0.85em;}
	.labLIst .info p:last-child i	{font-size:17px;}

	.eduClass						{grid-template-columns:repeat(2, 1fr); padding:10px; gap:0;}
	.eduClass li>em					{width:30px; height:15px; margin-right:7px;}

	.graduateStep:after					{left:10px; width:4px; height:80%;}
	.graduateStep>li					{grid-template-columns:1fr; gap:10px 0;}
	.graduateStep>li>p					{padding:10px 0;}
	.graduateStep>li>p:before			{left:3px; padding:6px; border-width:0 6px 6px 0;}
	.graduateStep>li>ul					{margin-left:30px;}
	.graduateStep>li>ul>li				{height:60px;}
	.graduateStep>li:last-child>ul		{margin:0;}
	.graduateStep>li:first-child>ul		{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
	.graduateStep>li:nth-child(2)>ul	{grid-template-columns:repeat(3, 1fr);}

	.scheduleTab li:first-child			{float:none; width:100%;}
	.scheduleTable .none				{display:none;}
	.scheduleTable .mob					{display:block; color:#105ab5; font-weight:500;}
	.scheduleTable tbody th				{font-size:1em;}
	.scheduleTable colgroup col:first-child	{width:55px;}
}	


@media screen and (max-width:768px) {
	.introVision2					{grid-template-columns:1fr; gap:20px; justify-content:unset;}
	.introVision2>div:first-child	{grid-template-columns:1fr 1fr;}
	.introVision2 .arrow			{gap:0 10px;}
	.introVision2 .arrow:after		{top:-75px; left:50%; transform:translateX(-50%); border-width:35px; border-left:35px solid transparent; border-bottom:25px solid #e2eaf4;}
	.introVision2 .arrow:before		{top:-15px; left:50%; transform:translateX(-50%); background:linear-gradient(to top, #fff, #e2eaf4);}
	.introVision2 .arrow dl dd		{padding:15px;}

	.introVision2 .line1 em:last-child	{bottom:-32px; width:100px; right:-69px; transform:rotate(65deg);}
	.introVision2 .line2 em:first-child		{width:70px; top:-10px; right:-62px; transform:rotate(-41deg);}
	.introVision2 .line3 em:nth-child(2)	{top:-21px; right:-69px; transform:rotate(-52deg);}
	.introVision2 .line3 em:nth-child(4)	{width:70px; right:-60px; bottom:-14px; transform:rotate(39deg);}
	.introVision2 .line4 em:first-child		{top:-8px; width:70px; right:-62px; transform:rotate(-38deg);}

	.introVision3					{grid-template-columns:1fr;}
	.introVision3 .chart>ul:before	{top:auto; right:15%; bottom:-90px; width:1px; height:90px;}

	.jojik_wrap>li					{grid-template-columns:1fr; gap:0; padding:15px 10px;}
	.jojik_wrap figure				{width:120px; margin:0 auto;}
	.jojik_wrap>li>dl>dt			{text-align:center;}
	.jojik_wrap .info				{display:grid; gap:0;}
	.jojik_wrap .info i				{font-size:15px;}
	.jojik_wrap .info li:first-child i		{font-size:13px;}
}

@media screen and (max-width:380px) {
	.introVision .depth2			{width:300px;}
	.introVision .depth2 li:first-child:before	{left:12%; bottom:-12px;}
	.introVision .depth2 li:nth-child(2):before	{top:0; left:-7%;}
	.introVision .depth2 li:nth-child(3):before	{right:-6%; bottom:0;}
	.introVision .depth2 li:nth-child(4):before	{top:-12px; right:14%;}
}