/* Mirtech Co. */ 
/*============================================================
	
	[KTSLIB - 고려신학대학원 전용 css 페이지 입니다.]
	mir_home_sub_common_button 이용자용 css
	
	copyright (c)all mirtech

============================================================*/


/* 인코딩 설정 */
@charset "utf-8";


/* 서브 이용안내  ********************************************************************************* */

/* 소개 & 연혁 */
/* 연혁 탭 */
.tab_history li a{font-size:18px; }
.tab_history li.active{font-weight:bold;}
.tab_history > li.active > a,
.tab_history > li.active > a:focus,
.tab_history > li.active > a:hover{
    background-color:#364db4 !important;
    color:#fff;
	}
	
@media (max-width:767px){
	
	.tab_history > li{border-bottom:0 none;}
	
	}

/* 연혁 내용 */
.intro_text{
	font-size: 14px;
}
.intro_text p{
	margin-bottom: 15px;
}
.intro_title{
	display: inline-block;
	font-size: 18px;
	color: #144d78;
	margin-bottom: 5px;
}
.info_history .history_year{
	background-color:#f9f9f9;
	margin-top:10px;
	border-top:1px solid #e8e8e8;
	padding:10px;
	}
.info_history .history_year h4{
	margin-bottom:10px;
	text-align:center; 
	font-size:25px;
	color:#23408f;
	font-weight:bold;
	}
.info_history .history_year dl dt,
.info_history .history_year dl dd{padding:5px;}
.info_history .history_year dl dt{
	coloar:#00a6da;
	font-weight:bold;
	float:left;
	}

/* 태블릿 설정 =========================================================================== */
@media all and (min-width:768px){
	
	.info_history .history_year{overflow:hidden;}
	.info_history .history_year h4{
		text-align:center; 
		float:left; 
		width:25%; 
		font-size:40px;
		}
	.info_history .history_year dl{
		float:left;
		margin-left:0;
		width:50%;
		}
		
}

/* 연혁 */ 
.history_list{
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #dddddd;
}
.history_list:after{
	content: "";
	display: block;
	clear: both;
}
.history_list:last-child{
	border-bottom: none;
}
	.history_list .year{
		display: inline-block;
		float: left;
		width: 150px; height: 30px;
		padding: 5px 10px;
		border-radius: 5px;
		background: #efefef;
		margin: 0 10px 10px 0;
		border-bottom: 1px dotted #f2f2f2;
	}
	.history_list .text{
		display: inline-block;
		float: left;
		padding: 7px 0;
		margin: 0 0 10px 0;
		width: calc(100% - 160px);
	}

/* 모바일 사이즈 =========================================================================== */
@media all and (max-width:768px){
	.history_list .year{
		width: 100%;
		text-align: center;
	}
	.history_list .text{
		width: 100%;
	}
}

/* 이용 안내 박스 =========================================== */
/* 서브페이지 박스 *************************************************** */
.sub_box{
	background: #f9f9f9;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 8px solid #e2eaf2;
	position: relative;
}
.sub_box:after{
	font-family: FontAwesome;
    content: "\f054";
    width: auto;
    height: auto;
    color: #cccccc;
    position: absolute;
}
.sub_box:last-child:after{
	display: none;
}
	.sub_box .content{
		width: 100%;
		text-align: center;
	}
/* 모바일 사이즈 */
@media only screen and (max-width: 768px){
	.sub_box{
		width: 80%;
	}
	.sub_box:after{
		content: "\f078";
	}
}

.box_wrap{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
}
	.box_wrap .sub_box{
		min-width: 140px;
		min-height: 80px;
		margin: 10px;
		flex-direction: column;
		padding: 0px;
		border: 1px solid #e6e6e6;
		justify-content: flex-start;
	}
	.box_wrap .sub_box:after{
	    font-size: 14px;
	    top: 50%;
	    right: -18px;
	    margin-top: -7px;
	}
		.box_wrap .sub_box .step{
			width: 100%;
			background: #364db4;
			text-align: center;
			color: #ffffff;
			padding: 5px;
			font-weight: bold;
			margin-bottom: auto;
		}
		.box_wrap .sub_box .content{
			padding: 10px;
			margin-bottom: auto;
			text-align: center;
		}
/* 타블렛 사이즈 */
@media only screen and (max-width: 1200px){
	.box_wrap .sub_box{
	}
}
/* 모바일 사이즈 */
@media only screen and (max-width: 768px){
	.box_wrap {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		}
			.box_wrap .sub_box:after{
				top: auto;
				right: auto;
				top: initial;
				right: initial;
			    bottom: -22px;
			    left: 50%;
			    margin-left: -7px;
			}
}


/* 참고정보원 =========================================== */
.refer_list{
	
}
	.refer_list li{
		width: 50%;
		float: left;
		text-align: left;
	}
	
/* 모바일 사이즈 */
@media only screen and (max-width: 768px){
	
	.refer_list li{
		width: 100%;
		float: none;
	}
	
}


/* 사이트맵 ************************************************************************************** */
.sitemap_box{}
	.sitemap_box .panel{
		border:0 none;
		border-radius:0;
		box-shadow:0 0 0 rgba(0,0,0,0);
		}
		.sitemap_box .panel	.panel-heading{
			text-align:center;
			font-weight:bold;
			background: #364db4;
			color:#fff;
			font-size:20px;
			}
		.sitemap_box .panel	.panel-body{
			padding:0;
			}
			
	.sitemap_box .site_list{}
		.site_list dt{
			padding:5px 0;
			font-weight:bold;
			font-size:15px;
			}
			.site_list dt a{
				display:inline-block;
				width:100%;
				padding: 5px 15px;
				background-color:#eee;
				}
			.site_list dt a:before{
				font-family: FontAwesome;
				content: "\f101";
				margin-right: 5px;
				}
				.site_list dd{
					padding:2px 0px 2px 20px;
					}
					.site_list dd:before{
					content:"-";
					margin-right: 5px;}	



/* 모바일 설정 ======================================================================================= */		
@media (max-width: 767px){
	
	

}

/* 태블릿 설정 • =================================================================================== */	
@media only screen and (min-width:768px){
	
	/* 사이트맵 */
	.sitemap_box .panel{
		height:auto;
		border-bottom:0 none;
		}
		.sitemap_box .panel .panel-heading{
		    font-size: 18px;
		    padding: 3px 15px;
			}
			.site_list li{
				padding: 2px 0;
				font-size: 13px;
				}
				
}

/* PC 설정 ========================================================================================== */	
@media only screen and (min-width:992px){
	
	/* 사이트맵 */
	.sitemap_box{
		}
		.sitemap_box .panel {
		    height:610px;
			}
}