@charset "utf-8";

/*******r교육과정 교과 이수체계도********/

.map_course_table::-webkit-scrollbar {
    width: 4.2px;
    height:7.2px;
}
.map_course_table::-webkit-scrollbar-thumb {
    background: #ccc;
}
.map_course_table::-webkit-scrollbar-track {
    background: #eee;
}
.map_course_table::-webkit-scrollbar-button:{
   display: block;
   background: #333;
   color: #F6F7F9;
}

.map_course_table{	
	width: 100%;
	max-width: 1280px; 
	position: relative;
	display: flex;
	margin: 0 auto;
	margin-top: 20px;
	overflow-x: auto;      
    overflow-y:hidden;  
    z-index: 1;	
}
.map_bt_table{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.map_course_table table, .map_bt_table table {
	table-layout: fixed;
	min-width: 640px;
	z-index: 1;
    width: 100%;
    margin:  0px;
	margin-top: 3px;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    word-break: keep-all;
	border-spacing: 4px	
}
.map_bt_table {
	border: solid 1px #ccc;
}
.map_course_table  th, .map_course_table td{
	min-width:62px;
	max-width:125px;
	position: relative;
	border: solid 1px #ccc;
	border-radius: 0.6rem;
	padding:0.2rem 0.1rem;
	background: #3a5da3;
	margin: 10px;
	color: #fff;
	line-height: 110%;
	height: 2.9rem;
	font-size:15px;
	letter-spacing:-0.04em;
	word-wrap: break-word;
}	
.map_bt_table td{
	height: 1.7rem;
	padding:0.1rem 0.01rem 0.1rem 0.01rem;
	background: #fff;
	color: #333;
	max-width:300px;;
	min-width:38px;
	border-radius: 0.28rem;
	width: 8%;
	word-break:break-word;
	z-index: 1;
}
.map_course_table th:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: -0.5rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    border: 0.22rem solid #F6F7F9;
    background: #3a5da3;
    content: "";
}
.map_course_table  td{
	
	background: #fff;
	color: #333;
	
}	
/*구분*/
.map_course_table .sub_tit{
	border: solid 1px #f8f8f8;
    background: #898989;
	color: #f8f8f8;
	
}	


/*치위생학과 셀크기등*/
.dental02 td{height: 2.5rem;}
.dental02 th{height: 2.9rem;}
.dental01 td{line-height: 160%;height: 80px;}
.dental01 td li{font-size: 15px;color:#333;letter-spacing: -0.89px;margin:9px 0;line-height: 110%;text-align: left; 
	padding-left:12px ;word-break:break-word;}

.dental01 td li:before { content: '';  position: absolute;  left: 4px; margin-top:7px;
	width: 5px;    height: 3px;    background: #a1a1a1;    border-radius: 50%;}

/*식품공학·영양학부 셀크기등*/
/*1.food01 table ,.food02 table{ min-width:450px}*/
.food01 td li, .food02 td li{font-size: 17px;;letter-spacing: -0.89px;margin:6px 0;line-height: 110%;text-align: center; 
		;word-break:break-word;}
.food01 th, .food01 .sub_tit,.food02 th, .food02 .sub_tit{font-size: 18px;}
.food01 .large_font, .food02 .large_font{font-size: 20px;}
.food02 th, .food02  th:before {background: #2e6f71;}
.food02 .green_font{color:##1f424}

/*산업안전경영공학과 셀크기등*/
.ie02{display: block}
.td_font19{font-size: 19px;}
.ie02 td{font-size: 17px;line-height: 150%;height: 40px;}
.ie02 th{font-size: 20px;}

/*경영학과*/
.mgt td{height: 2.13rem;}
.mgt td span{font-size: 9.5pt;color:#666;letter-spacing: -0.1em}
/*경영학과가로박스*/
.map_course_table .box_blud_dot::before{
	content: "";
	position: absolute;
	left: 5px;
	top:-5px;
	height: calc(300% + 22px);
	width: calc(800% + 26px);
	max-width:1168px;
	min-width:450px;
	background: #deecf8;
	border: dashed 2px #3a5da3;
	z-index: -1;
}

/*경영학과가로박스*/
.map_course_table .box_green_dot::before{
	content: "";
	position: absolute;
	left: 5px;
	top:-5px;
	height: calc(300% + 22px);
	width: calc(800% + 26px);
	max-width:1260px;
	min-width:450px;
	background: #eef8f0;
	border: dashed 2px #088376;
	z-index: -1;
}
/*가로박스전자공학과*/
.map_course_table .box_dot::before,.map_course_table .box_dot02::before{
	content: "";
	position: absolute;
	left: -4px;
	top:-4px;
	height: calc(200% + 14px);
	width: calc(100% + 8px);
	max-width:360px;
	min-width:60px;
	border: dashed 2px #333;
	z-index: -1;
}
.map_course_table .box_dot02::before{
	height: calc(200% + 19px);
}

/*가로박스스포츠과학전공*/
.map_course_table .box_blue::before{
	content: "";
	position: absolute;
	left: -5px;
	top:-5px;
	height: 16.5rem;
	width: calc(900% + 70px);
	max-width:1260px;
	min-width:450px;
	background: #deecf8;
	z-index: -1;
}
/*가로박스IT경영학과*/
.map_course_table .box_gray01::before{
	content: "";
	position: absolute;
	left: -3px;
	top:-3px;
	height:calc(100% + 7px);
	width: calc(500% + 30px);
	background: #c0bdc2;
	z-index: -1;
}
.map_course_table .box_gray02::before{
	content: "";
	position: absolute;
	left: -5px;
	top:-3px;
	height: calc(100% + 7px);
	width: calc(700% + 58px);
	background: #f1e7d6;	
	z-index: -1;
}
.map_course_table .box_gray03::before{
	content: "";
	position: absolute;
	left: -3px;
	top:-3px;
	height: calc(100% + 7px);
	width: calc(100% + 5px);
	background: #f1e7d6;
	
	z-index: -1;
}

/*가로박스스포츠과학전공*/
.map_course_table .box_green::before{
	content: "";
	position: absolute;
	left: -5px;
	top:-5px;;
	height: 13.3rem;
	width: calc(900% + 70px);
	max-width:1260px;	
	background: #eef8f0;	
	z-index: -1;
}
/*가로박스제약화장품학과 전공*/
.map_course_table .box_green02::before{
	content: "";
	position: absolute;
	left: -3px;
	top:-5px;
	height: calc(500% + 35px);
	width: calc(400% + 24px);
	max-width:1260px;
	min-width:220px;
	background: #eef8f0;
	border: dashed 2px #088376;
	z-index: -1;
}
/*가로박스제약화장품학과 전공*/
.map_course_table .box_purple02::before{
	content: "";
	position: absolute;
	left: -3px;
	top:-3px;
	height: calc(400% + 24px);
	width: calc(400% + 24px);
	max-width:1260px;
	min-width:220px;
	background: #e0e0fb;
	border: dashed 2px #877dcd;
	z-index: -1;
}

/*세로박스*/
.map_course_table .box_purple_dot:before{	
	position: absolute;
	left:-3.8px;
	top:-5px;
	height: calc(620% + 29px );
	width: calc(200% + 14px );
	max-width:540px;
	min-width:120px;
	background: #e0e0fb;
	border: dashed 2px #877dcd;
	z-index: -1;
	content:"";
}

@media (max-width: 790px) {


	.map_course_table .box_purple_dot::before{
		height: calc(620% + 42px );
		width: calc(200% + 14px );
	}
	.map_course_table .box_dot::before,.map_course_table .box_dot02::before{
		height: calc(7.4vh + 13px);
	}
	.dental01 td li{font-size: 12px;}
	
.food01 td li, .food02 td li{font-size: 13px;margin: 2px 0;letter-spacing: -1.20px;  }
.food01 th, .food01 .sub_tit,.food02 th, .food02 .sub_tit{font-size: 14px;}
.food01 .large_font, .food02 .large_font{font-size: 15px;}

}



/*포인트*/
.map_course_table .td_solid, .map_bt_table .td_dot{
	border: solid 2px #3a5da3;
}

.map_course_table .td_dot, .map_bt_table .td_dot{
	border: dashed 2px #333;
}
.map_course_table .td_dot_red, .map_bt_table .td_dot_red{
	border: dashed 2px #aa4343;
}
.map_course_table .td_pink, .map_bt_table .td_pink{
	background: #fee4ef;
}
.map_course_table .td_blue,.map_bt_table .td_blue{
	background: #deecf8;
}
.map_course_table .td_green,.map_bt_table .td_green{
	background: #eef8f0;
}
.map_course_table .td_gray,.map_bt_table .td_gray{
	background: #e8e8e8;
}
.map_course_table .td_purple,.map_bt_table .td_purple{
	background: #e0e0fb;
}


.map_course_table .blue_line{
	border: solid 2px #3a5da3;
	background: #deecf8;
	border-radius: 0;
}
.map_course_table .green_line{
	border: solid 2px #088376;
	background: #eef8f0;
	border-radius: 0;
}
.map_course_table .purple_dot{
	border: dashed 2px #877dcd;
	background: #e0e0fb;
	border-radius: 0;
}
.map_course_table .green_dot{
	border: dashed 2px #088376;
	background: #eef8f0;
	border-radius: 0;
}
/*가로구분선*/
.map_course_table .tr_line_dot, .map_course_table .tr_line_dot:nth-child(1) {
	background: none;
	border: none;
	border-radius: 0;
	height: 1px;
	padding: 0;
}

.line_dot {
    margin-bottom:2px;
    padding-top: 2px;
    border-bottom: 1px dotted #d2d2d2;
}

.map_course_table .sub_tit::before {
	display: none;
}

.map_course_table .blank_txt, .map_course_table .blank_txt:nth-child(1), .map_bt_table .blank_txt {
	border-radius: 0;
    border: none;
    background: none;
}

.map_bt_table .blank_txt{
	text-align: left;
}
@media (max-width: 980px) {
	.map_course_table th, .map_course_table td{
		font-size: 14px;
		letter-spacing: -0.05em;
		}
	}
@media (max-width: 790px) {
	.map_course_table th, .map_course_table td{
    border: solid 1px #ccc;
    border-radius: 0.3rem;
    padding: 0.2rem 0.01rem;
    line-height: 105%;
    height: 2.1rem;
    font-size: 12px;
    letter-spacing: -0.05em;
}
.map_bt_table td{
height: 0.5rem;
}
.ie01 .td_font19, .ie02 .td_font19{font-size: 15px;}
	.ie02 td{font-size: 13.5px;line-height: 120%; height: 80px;}
	.ie02 th{font-size: 15px;}
}


.map_gradu_table table, .map_gradu_table02 table {
	z-index: 1;
    width: 100%;
    margin:  0px;
    text-align: center;
	min-width:136px;
    -webkit-overflow-scrolling: touch;
    word-break: keep-all;
	border-spacing: 0.4rem;
	
}
.map_gradu_table td {
	/*background: #5a9bd5;*/
	/*height: 4.2rem;*/
	font-size: 15px;
	/*color: #f2f2f2;*/
	text-align: center;
	padding: 8px 6px;
}
.map_gradu_table02 td {
background: #5a9bd5;
height: 6.2rem;
	font-size: 15px;
	color: #f2f2f2;
	text-align: center;
	padding: 8px 9px;
}

.map_gradu_table02 tr:nth-child(n+2) td {
	background: #2e75b5;
	font-size:15px;
	color: #ddd;	
	text-align: left;
	height: 6.2rem;
}
.map_gradu_table02 tr:nth-child(3) td {
	background: #1f4e78;

}
.map_gradu_table02 tr:nth-child(4) td {
	background: #1b3c59;

}
.map_gradu_table02 tr:nth-child(5) td {
	background: #333e50;

}

.map_gradu_table tr:nth-child(n+2) td {
	/*background: #2d487e;
	font-size:15px;
	color: #ddd;	
	text-align: left;	*/
	height: 6.2rem;
}

strong {
	font-size: 17px;
	/*color: #fff;*/
	line-height: 210%;

}
@media (max-width: 790px) {
	.map_gradu_table tr:nth-child(n+2) td{
		font-size: 12px;
		padding: 3px 3px;
		height: 4.7rem;
}

strong {
	font-size: 13px;
}
}
/*피스니스재활전공삼각화살표*/
.arrow04::before  {
    content: "";
    position: absolute;
	top: 44px;
	left: calc(100% - 2px);
    border-width: 0 16px 16px 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #b3c3d2  transparent;
    transform: rotate(90deg);
	z-index: -1;
}