/* TEXT   ==================================================================================== */ 
h4									{position:relative; margin-bottom:20px; padding-left:30px; font-size:1.4em; color:#000; letter-spacing:-2px; line-height:140%; font-weight:500;}
h4:before							{position:absolute; left:2px; top:8px; content:''; width:10px; height:10px; border:5px solid #7e0000; border-radius:100%;}
h4 span								{font-size:15px; color:#797979; margin-left:7px; letter-spacing:-1px;}
h5									{margin-bottom:15px; font-size:1.2em; font-weight:700; color:#be222f; letter-spacing:-1px; line-height:140%;}
h5 span								{font-size:15px;}
h6									{margin-bottom:15px; font-size:1.2em; font-weight:500; color:#000; letter-spacing:-1px; line-height:140%;}
.stxt								{color:#666; font-size:14px;}
.txt_indent							{text-indent:-1em; margin-left:1em;}

.sub_title_txt01					{margin-bottom:15px; font-size:1.8em; line-height:1.4; letter-spacing:-3px; color:#222; font-weight:300;}
.sub_title_txt01 span				{font-weight:700;}
.sub_title_txt02					{font-size:1.4em; margin-bottom:0px; line-height:1.4; letter-spacing:-2px; color:#be222f; font-weight: 500; } 
.txt_line							{font-weight:700; color:#000; box-shadow: inset 0 -10px 0 #f8d9dd; }

.sub_cont01							{padding-left:5px;text-align:justify;}  
.sub_cont02							{padding:5px 0 10px 15px;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:3px; height:3px; background:#be222f;}
.sub_list02							{position:relative; list-style:none; padding:3px 0 3px 12px; line-height:150%;}
.sub_list02:after					{position:absolute; content:''; display:block; left:0; top:14px; width:5px; height:2px; background:#b5b5b5;}

.sub_list							{overflow:hidden; margin:5px 0;}
.sub_list dt						{float:left; width: 120px; text-align: center; border: 2px solid #ddd;border-radius: 50px; height: 42px;  line-height: 39px;font-weight: 500; letter-spacing: -1.5px;}
.sub_list dd						{padding: 10px 0 0 140px; font-size:1.05em;}

.notice_box							{position:relative; border:7px solid #ececec; padding:30px; text-align:justify; margin-bottom:30px;}
.notice_box:after					{position:absolute; top:-7px; left:-7px; width:37px; height:10px; background:#a70513; content:'';}
.notice_box:before					{position:absolute; top:0; left:-7px; width:10px;  height:30px;  background:#a70513; content:'';}

.down_btn							{display:inline-block;zoom:1;*display:inline; line-height:46px; padding:0 20px 0 45px; color:#fff; letter-spacing:-1px; font-size:0.9em;
									background:url('../image/sub/icon_down.png') no-repeat 15px center #3f4247;background-size:20px; ;} 
.down_btn:hover						{background-color:#333;}


/* 산학협력단  ==================================================================================== */ 
.int_txt							{font-size:1.05em; letter-spacing:-1px; line-height:160%; text-align:justify; margin-top:30px;}
.int_txt .last						{text-align:right; margin-top:20px;}
.int_txt .last span					{font-weight:700; font-size:1.4em; margin-left:7px;}

.organization_chart					{position:relative; text-align:center; overflow:hidden;}
.organization_chart:after			{display:block; position:absolute; content:''; left:50%; top:10px; width:1px; height:18%; background:#ddd; z-index:-2;}
.organization_chart p				{position:relative; line-height:1.2; background:#fff; font-weight:500; padding:18px 5px; letter-spacing:-1px; z-index:1;}
.organization_chart .sub_list01		{padding:2px 0 2px 10px; text-align:left; font-weight:300;}
.organization_chart .sub_list01:after	{top:12px; background:#333;}
.organization_chart dl				{position:relative; display:grid; gap:5px; margin:10px 0;}
.organization_chart dl dt			{background:#75787c; color:#fff; line-height:50px; font-weight:500;}
.organization_chart dl dd			{background:#f1f1f1; padding:15px 15px 20px 20px; color:#555;}
.organization_chart .depth1 p		{width:200px; background:#892121; margin:0 auto;}
.organization_chart .depth1 a		{display:block; color:#fff; font-weight:500;}
.organization_chart .depth2			{position:relative; display:flex; justify-content:center; gap:0 100px; margin:40px 0;}
.organization_chart .depth2:before	{display:block; position:absolute; content:''; top:0; left:0;right:0;bottom:0; width:20%; height:1px; background:#ccc; margin:auto;}
.organization_chart .depth2 p		{width:200px; border:2px solid #892121; color:#892121; padding:16px 5px;}
.organization_chart .depth3			{position:relative; display: grid; grid-template-columns:auto auto 50%; gap:20px; padding:30px 0 0 0;}
.organization_chart .depth3 .rt		{display: grid; grid-template-columns:1fr 1fr; gap:20px;}
.organization_chart .depth3:before	{content:''; width:76.5%; height:100%; border-top:1px solid #ccc; position:absolute; top:0;right:0;left:0; margin:auto;  z-index:-1;}
.organization_chart .depth3>ul		{position:relative; width:100%;}
.organization_chart .depth3>ul:after	{content:''; width:15px; height:30%; border-left:1px solid #ccc; border-bottom:1px solid #ccc; position:absolute; top:0; left:0; z-index:-1;}
.organization_chart .depth3>ul:before	{content:''; width:1px; height:120px; background:#ccc; position:absolute; top:-30px;right:0;left:0; margin:auto;  z-index:-1;}
.organization_chart .depth3>ul>ul	{position:relative; padding-left:15px; display:grid; gap:10px;}
.organization_chart .depth3>ul>li:first-child, .organization_chart .rt>ul>li:first-child	{position:Relative; line-height:55px; background:#3f4247; color:#fff; font-weight:500;}
.organization_chart .depth3>ul:nth-child(2) dl	{margin-top:75px;}
.organization_chart .part1			{bordeR:2px dotted #75787c; padding:13px 20px; margin-top:20px; background:#fff;}
.organization_chart .part2			{position:relative; border:3px solid #ccc; color:#414141; font-weight:500; padding:12px 10px; background:#fff;}
.organization_chart .part2:before	{content:''; width:20px; height:1px; background:#ccc; position:absolute; top:0;bottom:0;left:-18px; margin:auto;  z-index:-1;}
.organization_chart .depth3>ul:first-child .part2:last-child:before	{background:none; border-top:2px dotted #ccc;}
.organization_chart .depth3>ul:first-child dl:before	{content:''; height:calc(100% + 20px); width:1px; border-left:2px dashed #ccc; position:absolute; left:-15px; top:25px;}
.organization_chart .rt>ul			{position:relative;}
.organization_chart .rt>ul>ul		{display:block; background:#f1f1f1; padding:15px 20px; color:#555; margin-top:20px;}
.organization_chart .rt>ul:last-child ul	{margin-top:15px;}
.organization_chart .rt>ul:last-child .part1	{margin-left:20px;}
.organization_chart .rt>ul:before	{content:''; width:1px; height:120px; background:#ccc; position:absolute; top:-30px;right:0;left:0; margin:auto;  z-index:-1;}
.organization_chart .rt>ul:last-child:after	{content:''; width:15px; height:30%; border-left:1px solid #ccc; position:absolute; top:0; left:5px; z-index:-1;}


/* 연구지원  ==================================================================================== */ 
.sub_tabmenu_box				{position:relative; }
.sub_tabmenu_box .down_btn		{position:absolute; right:0; bottom:-55px; height:40px; line-height:38px;}

.biz_step							{position:relative; overflow:hidden;}
.biz_step span						{position:relative; float:left; width:25px; height:60px; background:url("../image/sub/arr_next.gif") no-repeat center;}
.biz_step dl						{position:relative; float:left; width:calc(20.5% - 25px); margin:0 0 25px 0; letter-spacing:-0.75px;}
.biz_step dl dt						{position:relative; display:table; display:table-cell; vertical-align:middle; padding:0 5px; font-size:0.95em; width:500px; height:60px; line-height:140%; 
									background:#d04445; color:#fff;  text-align:center; font-weight:500; }
.biz_step dl dd						{position:relative; margin:5px 0 0 0; border:2px dotted #ccc; color:#555; padding:12px 0; text-align:center; line-height:140%; font-size:0.9em;}
.biz_step1_2 dl						{width:calc(20% - 25px);}
.biz_step2 dl						{width:calc(25.6% - 25px);}
.biz_step3 dl						{width:calc(17.1% - 25px);}
.biz_step .arr_prev					{background:url("../image/sub/arr_prev.gif") no-repeat center;}
.biz_step .arr_both					{background:url("../image/sub/arr_both.gif") no-repeat center;}
.biz_step .arr_top					{background:url("../image/sub/arr_up.gif") no-repeat center;}
.biz_step .arr_btm					{background:url("../image/sub/arr_down.gif") no-repeat center;}
.biz_step .dd_prev:before			{position:absolute; display:block; content:''; left:-27px; top:10px; background:url("../image/sub/arr_prev.gif") no-repeat center; width:25px; height:25px;}
.biz_step .dd_btm:before			{position:absolute; display:block; content:''; left:50%; transform:translateX(-50%); bottom:-27px; background:url("../image/sub/arr_down.gif") no-repeat center; width:25px; height:25px;}
.biz_step .dd_both:before			{position:absolute; display:block; content:''; left:50%; transform:translateX(-50%); bottom:-27px; background:url("../image/sub/arr_both2.gif") no-repeat center; width:25px; height:25px;}
.biz_step_c01 dl dt					{background:#892121;}
.biz_step_c02 dl dt					{background:#b74b47;}
.biz_step_c03 dl dt					{background:#dc726f;}
.biz_step_c04 dl dt					{background:#ef8784;}
.biz_step_c05 dl dt					{background:#f9a6a4;}

.sub_box01							{padding-left:200px; background:url("../image/sub/acc_icon01.png") no-repeat 50px center; background-size:105px;}
.sub_box02							{padding-left:200px; background:url("../image/sub/acc_icon03.png") no-repeat 50px 40px; background-size:105px;}
.notice_box .btn_list				{position:absolute; right:20px; top:30px;}
.notice_box .down_btn				{height:40px; line-height:38px;}
.notice_box .form_table				{margin:20px 0 0 0; font-size:0.9em; border-top:1px solid #d7d7d7;}
.notice_box .form_table thead th, .notice_box .form_table tbody td		{padding:8px;}

.study_wrap							{background:#f9fafb; border:1px solid #ececee; padding:30px; padding-bottom:0;}
.study_wrap	h5						{text-align:center; font-size:1.4em;}
.study_wrap .top					{text-align:center; margin:30px 0 0 0; }
.study_wrap .top li					{position:relative; display:inline-block; width:250px; height:250px; border-radius:100%; vertical-align:top; margin-left:-20px;}
.study_wrap .top li:first-child		{background:rgba(225, 15, 26, 0.8);}
.study_wrap .top li:nth-child(2)	{background:rgba(157, 1, 2, 0.8);}
.study_wrap .top li:last-child		{background:rgba(70, 70, 70, 0.8);}
.study_wrap .top dl					{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; width:100%; padding:0 25px;}
.study_wrap .top dl dt				{font-weight:700; font-size:1.2em; margin:0 0 10px 0;}
.study_wrap .top dl dd				{font-size:0.9em; letter-spacing:-1px;}
.study_wrap .btm					{padding:80px 0 40px 0; text-align:center; font-size:1.6em; letter-spacing:-2px; color:#000; background:url("../image/sub/study_arr.png") no-repeat center bottom; background-size:contain; }
.study_wrap .btm span				{font-weight:700;}
.study_wrap .sub_list01				{font-size:0.95em; color:#666;}
.study_wrap2						{padding:30px;}
.study_wrap2 .top					{margin:0;}
.study_wrap2 .top dl dd				{font-size:1em;}

.study_wrap	.depth03				{overflow:hidden; margin:15px 0;}
.study_wrap	.depth03 li				{position:relative; float:left; width:calc(25.4% - 15px);margin:0px 15px 0 0px; text-align:center; border:4px solid #efefef; letter-spacing:-1px; font-size:0.95em; padding-bottom:10px;}
.study_wrap	.depth03 li:last-child	{margin:0;}
.study_wrap	.depth03 li:after		{position:absolute; content:''; right:-20px; top:50%; border: solid #ccc; border-width:0 0 3px 3px; padding: 4px; -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.study_wrap	.depth03 li:last-child:after	{display:none;}
.study_wrap	.depth03 p				{background:#efefef; padding:10px 0; font-weight:500; letter-spacing:-0.5px; font-size:16px; color:#b20000;}
.study_wrap	.depth03 strong			{display:block;  font-weight:500; margin:10px; color:#000;}
.study_wrap	.depth03 span			{display:block; padding:0 10px; color:#797979;}

.study_wrap	.depth02				{overflow:hidden; margin:15px 0; border:2px dotted #db9393; padding:15px; }
.study_wrap	.depth02 li				{float:left; width:calc(25.2% - 10px); margin:0px 10px 0 0px; text-align:center; background:#892121; color:#fff; padding:15px 0; font-weight:500; letter-spacing:-1px; border-radius:50px;}
.study_wrap	.depth02 li:last-child	{margin:0;}

.study_wrap	.depth01				{padding:20px 0 30px 0; text-align:center; font-size:1.2em; letter-spacing:-2px;   color:#124fb6;}
.study_wrap	.depth01 em				{font-style:normal; opacity:0.5; display:block; letter-spacing:0; margin:5px 0 20px 0;}
.study_wrap	.depth01 span			{font-size:1.4em; font-weight:700; line-height:100%;} 

.study_step							{overflow:hidden;}
.study_step dl						{position:relative; border:1px solid #ddd; margin-bottom:30px; background:#f7f7f7; }
.study_step dl:after				{content:''; display:block; clear:both;}
.study_step dl:before				{position:absolute; content:''; left:49%; transform:translate(-49%); bottom:-18px; border: solid #ccc; border-width:0 3px 3px 0; padding: 4px; -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.study_step dl:last-child			{margin:0;}
.study_step dl dt					{float:left; width:25%; padding:5% 0 0 0; text-align:center; font-weight:500; letter-spacing:-1px; color:#b20000;}
.study_step dl dd					{background:#fff; float:right; width:75%; padding:20px; font-size:0.95em;}
.study_step .line					{padding:35px 0 0 0;}
.study_step .line2					{padding:7% 0 0 0;}
.study_step h5						{margin-bottom:10px; font-size:1.05em; color:#333;}


/* 산학협력라운지  ==================================================================================== */ 
.room_int							{display: grid; grid-template-columns: repeat(2, 1fr); gap:10px 10px; margin-bottom:10px;}
.room_int img						{width:100%; border:1px solid #eaeaea;}



/* 산학협력종합정보  ==================================================================================== */ 
.rss_select							{float:right; margin:10px 0 0 0; font-size:0.95em;}
.rss_select	select					{border-color:#bbb; width:45px; margin-right:5px;}
.rss_homepage						{margin-bottom:40px;}
.rss_homepage .stxt					{color:#777 !important;}

.biz_site							{overflow:hidden;}
.biz_site li						{float:left; width:calc(25.2% - 10px); margin:0 10px 0 0; background:url('../image/sub/acc_link.png') no-repeat 10px 4px #6e6f71; background-size:35px; border-radius:50px;}
.biz_site li a						{display:block; font-weight:500; letter-spacing:-1px; color:#fff; font-size:0.9em; padding:12px 0 12px 45px; line-height:140%;}
.biz_site li:last-child				{margin:0;}
.biz_site li:hover					{background-color:#333;}

.sanhak_table .hb_view				{background:#75787c; border-color:#75787c; letter-spacing:-1px; }
.sanhak_table .hb_view:hover		{background:#333;}

/*	rss	*/
.rss_homepage	{display:;}
.rss_mobile		{display: none;}


/* 가족기업  ==================================================================================== */ 
.fm_wrap01							{overflow:hidden; margin-top:30px; position:relative; display: grid; grid-template-columns: repeat(2, 1fr); gap:15px 15px;}
.fm_wrap01 li						{padding:30px; overflow:hidden; border:3px solid #ddd;}
.fm_wrap01 h5						{text-align:center; border-bottom:1px dashed #ddd; padding:0 0 12px 0;}


/*  국책사업안내   ==================================================================================== */
.biz_table							{font-size:0.9em;}
.biz_table thead th					{padding:5px; line-height:140%;}
.biz_table tbody td:first-child,
.biz_table tbody td:last-child		{color:#777; font-size:14px;}	
.biz_table .arr						{display:inline-block; content:''; border: solid #a70513; border-width:3px 3px 0 0; padding: 3px; -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.biz_table .bar						{padding:0;}
.biz_table .bar span				{display:inline-block; content:''; background: #ffb0b7; width:100%; height:15px;}


/* MAP  ==================================================================================== */ 
.map_info							{overflow:hidden; padding:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:40px;}
.map_info p							{float:left; font-weight:500; font-size:1.4em; color:#be222f; letter-spacing:-2px;}
.map_info ul						{padding:0 0 0 220px;}
.map_info ul li						{overflow:hidden; margin-bottom:5px;}
.map_info ul li strong				{float:left; font-weight:700; margin-bottom:2px; width:80px;}

.map_info2 ul						{padding:0 0 0 120px;}
.map_info2 ul li strong				{width:160px;}



/*  서브페이지 로그인안내   ==================================================================================== */
.sub_login_box			{position:absolute; left:50%; top:30%; transform:translate(-50%, -30%); background:url('../image/sub/acc_login.png') no-repeat center 40px ; background-size:90px; border:1px solid #eaeaea; border-bottom:5px solid #ddd; 
						width:400px; margin:0 auto; padding:160px 40px 40px 40px; -webkit-box-shadow:0 5px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 8px 0px rgba(0,0,0,0.2);box-shadow:0 5px 8px 0px rgba(0,0,0,0.2);}
.sub_login_box .txt		{text-align:center; font-size:0.95em; color:#555; margin:0 0 20px 0;}
.sub_login_box .btn		{display:inline-block;box-sizing:border-box; width:100%;text-align:center;line-height:56px;height:56px;color:#fff;background:#114889;font-size:1.1em; font-weight:700; border:1px solid #114889; cursor:pointer; letter-spacing:-1px; transition: all 0.3s ease;} 
.sub_login_box .btn a	{color:#fff;}
.sub_login_box .btn:hover	{background:#000; border-color:#000;}



@media screen and (max-width:1024px) {
	h4								{font-size:1.2em; margin-bottom:12px;}
	h4:before						{top:4px;}
	h5								{font-size:1.1em;}
	.sub_title_txt01				{font-size:1.6em;}
	.sub_title_txt02				{font-size:1.2em;} 

	.notice_box						{padding:20px;}
	.sub_box01, .sub_box02			{padding-left:180px; background-position:30px center;}

	.study_wrap						{padding:20px; padding-bottom:0;}
	.study_wrap .btm				{font-size:1.4em; padding:40px 0;}
	.study_wrap .top li				{width:220px; height:220px;}
	.study_wrap .top dl dt			{font-size:1.1em;}
	.study_wrap .top dl dd			{font-size:0.9em;}

	.biz_step dl dt					{font-size:0.9em;}
	.biz_site li					{float:none; width:100%; margin:0 0 5px 0;}
	.biz_site li br					{display:none;}

	.study_wrap .depth03 li			{width:calc(25.2% - 15px);}

	.map_info						{padding:20px 10px; margin-top:20px;}

	.room_int						{grid-template-columns:none;}

	.organization_chart p			{padding:12px 5px; }
	.organization_chart:after		{height:120px;}
	.organization_chart .depth1 p	{width:150px;}
	.organization_chart .depth2		{gap:10%; margin:20px 0;}
	.organization_chart .depth2 p	{padding:12px 5px; width:120px;}
	.organization_chart .depth3		{grid-template-columns:1fr 1fr; padding-top:20px; gap:40px 20px;}
	.organization_chart .depth3:before	{width:51%;}
	.organization_chart .depth3:after	{position:absolute; content:''; right:0; width:76%; height:73.5%; top:0; border:1px solid #ddd; border-bottom:0; border-left:0; z-index:-1;}
	.organization_chart .depth3>ul	{width:90%; margin:0 auto;}
	.organization_chart .depth3>ul>li:first-child, .organization_chart dl dt, .organization_chart .rt>ul>li:first-child	{line-height:46px;}
	.organization_chart .depth3>ul:before	{top:-20px;}
	.organization_chart .part1		{padding:10px; margin-top:10px;}
	.organization_chart .part2		{padding:8px 10px;}
	.organization_chart dl			{margin:0;}
	.organization_chart dl dd		{padding:12px;}
	.organization_chart .depth3>ul:first-child dl:before	{height:calc(100% + 5px);}
	.organization_chart .depth3 .rt	{grid-column: 1 / span 2;}
	.organization_chart .depth3 .rt>ul	{width:90%; margin:0 auto;}
	.organization_chart .rt>ul:before	{top:-20px;}
	.organization_chart .rt			{position:relative;}
	.organization_chart .rt:before	{display:block; position:absolute; content:''; top:-20px;right:0;width:75.5%; height:1px; background:#ccc; margin:auto;}
	.organization_chart .rt>ul>ul	{margin-top:10px; padding:12px;}
	.organization_chart .rt>ul:last-child ul	{margin-top:10px;}
	.organization_chart .depth3>ul:nth-child(2) dl	{margin-top:15%;}
	.organization_chart .depth3>ul:after		{height:25%;}
	.organization_chart .rt>ul:last-child:after	{height:50%;}
}


@media screen and (max-width:768px) {
	.fm_wrap01 						{grid-template-columns:none; gap:10px 10px;}
	.fm_wrap01 li					{padding:20px;}

	.map_info p						{float:none;}
	.map_info ul					{padding:15px 0 0 0;}

	.study_step dl dt				{float:none; width:100%; padding:10px 0 !important;}
	.study_step dl dt br			{display:none;}
	.study_step dl dd				{float:none; width:100%; padding:10px 15px;}

	.sub_box01, .sub_box02			{padding:140px 20px 20px 20px; background-position:center 20px;}
	.notice_box .btn_list			{position:relative; right:0; top:0; text-align:center; margin:20px 0 0 0;}
	.sub_tabmenu_box .down_btn		{bottom:-50px;}

	.study_wrap h5					{font-size:1.2em;}
	.study_wrap .depth01			{padding:10px 0 30px 0;}
	.study_wrap .depth01 em			{font-size:0.9em;}
	.study_wrap .depth01 span		{font-size:1.2em;}
	.study_wrap .depth02			{padding:10px;}
	.study_wrap .depth02 li			{width:49%; margin:3px 0; padding:10px 5px; font-size:0.9em;}
	.study_wrap .depth02 li:last-child		{margin:3px 0;}
	.study_wrap .depth02 li:nth-child(2n)	{float:right;}
	.study_wrap .depth03 li			{float:none; width:100%; margin:0 0 15px 0;}
	.study_wrap .depth03 li:after	{display:none;}
	.study_wrap .depth03 li:before	{position:absolute; content:''; left:49%; top:-15px; border: solid #ccc; border-width:3px 0 0 3px; padding: 4px; -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
	.study_wrap .depth03 p			{font-size:0.95em;}
	.study_wrap .depth03 span br	{display:none;}

	.rss_homepage	{display:none;}
	.rss_mobile		{display:revert;}

}



@media screen and (max-width:580px) {
	.sub_login_box					{width:90%; padding:140px 20px 20px 20px; background-position:center 20px;}
	.sub_login_box .txt				{font-size:0.9em;}
	.sub_login_box .btn				{height:46px; line-height:46px; font-size:1em;}

	.study_wrap .depth02 li			{float:none; width:100%;}
	.study_wrap .depth02 li:nth-child(2n)	{float:none;}

	.map_info ul li strong			{display:block; float:none; width:100%;}
		
}