/* 
 * 일반 
 */
.vt-container {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
  
@media (min-width: 1200px) {
	.vt-container {
		max-width: 1200px;
	}
}

.vt-container-fluid {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}

.content-page {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.card.vt-card-flat {
	box-shadow: none;
	border: 2px solid #d1d5dc;
	margin-bottom: 0px;
}

/* edit: 2020.08.10 @powerway ; 문제/해설 좌우 배치가 화면을 넘어가는 경우가 있어서 1400 -> 1440px 으로 상향 조정함 */
@media (min-width: 1400px) {
	.vt-d-2xl-none { display: none !important; }
	.vt-d-2xl-block { display: block !important; }
	
	.vt-col-2xl-2 {
		-webkit-box-flex: 0;
    	-ms-flex: 0 0 16.66667%;
    	flex: 0 0 16.66667%;
    	max-width: 16.66667%;
	}

	.vt-col-2xl-4 {
		-webkit-box-flex: 0;
    	-ms-flex: 0 0 33.33333%;
    	flex: 0 0 33.33333%;
    	max-width: 33.33333%;
	}
}

/* edit: 2020.08.10 @powerway ; 문제/해설 좌우 배치가 화면을 넘어가는 경우가 있어서 1600 -> 1680px 으로 상향 조정함 */
@media (min-width: 1680px) {
	.vt-d-3xl-none { display: none !important; }
	.vt-d-3xl-block { display: block !important; }
	
	.vt-col-3xl-2 {
		-webkit-box-flex: 0;
    	-ms-flex: 0 0 16.66667%;
    	flex: 0 0 16.66667%;
    	max-width: 16.66667%;
	}
	
	.vt-col-3xl-4 {
		-webkit-box-flex: 0;
    	-ms-flex: 0 0 33.33333%;
    	flex: 0 0 33.33333%;
    	max-width: 33.33333%;
	}
}

/* edit: 2020.08.10 @powerway ; 문제/해설 좌우 배치가 화면을 넘어가는 경우가 있어서 1800 -> 1920px 으로 상향 조정함 */
@media (min-width: 1920px) {
	.vt-d-4xl-none { display: none !important; }
	.vt-d-4xl-block { display: block !important; }
	
	.vt-col-4xl-2 {
		-webkit-box-flex: 0;
    	-ms-flex: 0 0 16.66667%;
    	flex: 0 0 16.66667%;
    	max-width: 16.66667%;
	}
	
	.vt-col-4xl-4 {
		-webkit-box-flex: 0;
    	-ms-flex: 0 0 33.33333%;
    	flex: 0 0 33.33333%;
    	max-width: 33.33333%;
	}
}

.vt-btn-xs, .vt-btn-xs:focus {
  line-height: 1rem; font-size: 0.75rem; padding: 0.2rem 0.8rem;
  border-radius: 0.25rem;

  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.btn-primary, .btn.btn-warning { color: white !important; }
.badge.badge-primary, .badge.badge-warning  { color: white !important; }
.badge { font-weight: 400 !important; }
/* 
 * header: nav 
 */
.vt-top-nav {
	height: 105px;
	font-size: 20px;
}
.vt-sub-nav {
	font-size: 20px;
	background-color: #F6FEF8;
}
.nav-item { 
	text-align: center!important;
}
.topnav-navbar .nav-item .nav-link {
	color: #999999;
	font-weight: bold;
}
.topnav-navbar .nav-item .nav-link.active {
	color: #82CD8C;
}	
#mobile_nav a { 
	font-size: 24px; 
	color: #999999;
}
#mobile_nav ul { list-style:none; }

.vt-top-nav-container { 
	min-height: 105px; 
	border-bottom: 2px solid #82CD8C; 
}
.vt-sub-nav-container { padding-left: 0px; padding-right: 0px;}

.vt-top-nav .nav-link { cursor: pointer !important; }
/* end. header: nav */

/* 
 * header: right area
 */
.mataAvatar {
	width: 32px;
	height: 32px;
	background-color: #82CD8C;
}
.mataAvatar > i {
	font-size: 18px;
	line-height: 32px;
}
	
#_stimer_text { 
	font-size: 0.75rem; 
}
#_stimer_touchBtn {
	padding: 0rem 0.5rem; 
	font-size: 0.75rem; 
}
	
#ac_position {
	margin-top: 5px;
}

.nav-user {
	height: 71px;
}
/* end. header: right area*/

/* 
 * Page
 */
h3.subpage-title { color: #82CD8C;}

.vt-title-header { font-size: 1.125rem; color: #82CD8C; text-align: left; letter-spacing: -.05rem; height: 2rem; }
.vt-title-header-sm { font-size: 1.125rem; color: #82CD8C; text-align: left; letter-spacing: -.05rem; height: 1.2rem; }


.vt-top-bottom-border { border-top: 1px solid #82CD8C; border-bottom: 1px solid #82CD8C; }
.vt-top-bottom-border-t2 { border-top: 1px solid #82CD8C; border-bottom: 1px solid #82CD8C; }
.vt-bottom-border { border-bottom: 1px solid #82CD8C; } 
 
/*
 * 로그인
 */ 
.vt-login-wrap { min-height: 522px; height: calc(100vh - 166px - 15px); }
.vt-login-container { width: 400px; margin-left: auto; margin-right: auto;}

/* bs-md over */
@media (min-width: 992px) {
	.vt-login-wrap { height: calc(100vh - 166px - 120px); }	
}
/* 
 *dataTable
 */
 
 table.vt-top-bottom-border thead th { border-bottom: unset;}
 
.dataTables_length { height: 2rem; }

/* add: 2020.12.14 @syk pagination */
.paging li {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 14px;
    line-height: 1.875rem;
    color: #82CD8C;
    text-align: center;
    border: 1px solid #82CD8C;
    border-radius: 8px;
    margin: 0 .25rem;
}

.paging .active {
    background: #82CD8C;
}
.paging li A {
    color: #82CD8C;
}
.paging li.active A {
    color: #fff;
}
/* end. dataTable */

/* select2 관련 */
.select2-container .select2-selection--single .select2-selection__rendered { margin-right: 17px; }