@charset "utf-8";

/* 모바일 달력 START */
.mobileCal .mobileCalPopup {z-index:9990; display:none; position:fixed; width:100%; height:100%; left:0; top:0;}
.mobileCal .mobileCalPopup .bg {z-index:9991; position:fixed; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60);}
.mobileCal .mobileCalPopup .mobileCalFrame {z-index:9992; position:fixed; text-align:center; max-width:90%;}
.mobileCalInner {text-align:center; background:#fff; padding:40px 30px; border-radius:5px}


/* 하단 페이지 버튼 */
.mobileCalInner .btn_box {text-align:center; margin-top:20px;}
/* .mobileCalInner .btn_box ul {margin:10px 0;} */
.mobileCalInner .btn_box li {display:inline-block;margin: 0;}
.mobileCalInner .btn_box ul {padding-left:0; margin:0;}


.mobileCalInner select {
	display:inline-block; height:32px; padding:8px; margin:0 2px 2px 0; vertical-align:middle;
	font-size:inherit; line-height:1.4;
	max-width:100%;
	border:1px solid rgba(0,0,0,.3); background-color:#fff;
	/* border-radius:3px; */
	box-shadow:none !important; width:85px;
	/* float:inherit; */
	border-radius: 5px;
}
.mobileCalInner select:nth-child(2),
.mobileCalInner select:nth-child(3) {width:65px;}

/*.mobileCalInner select {-moz-appearance:none; 
-webkit-appearance:none; 
appearance:none; padding:0 20px 0 10px !important; background:url(/img/common_responsive/select.png) no-repeat 100% 50% #fff; background-size:20px;
}*/


.mobileCalInner select::-ms-expand {
	display: none;
}
/* 모바일 달력 END */


/* 페이징 PC*/
.page_box {margin-top:100px; line-height:1; font-size:14px; text-align:center; position:relative; text-align:center; border:1px solid transparent;}
.page_box .pagination.pc {display:flex; align-items:center; justify-content:center;}
.page_box .pagination.pc>li {margin-left:-1px;}
.page_box .pagination.pc>li>a {
	font-size:var(--fs18);font-weight: 700;
	color:#666; width:40px; height:40px; line-height:1;
	display: flex; align-items: center; justify-content: center; transition:.3s;
	border:1px solid var(--border1);
	font-size:16px;
}
/* .page_box .pagination.pc>li>a.active {background:var(--base3); color:#fff; border-color:var(--base3);} */
/* .page_box .pagination.pc>li>a:hover.active {background:var(--base3); color:#fff; border-color:var(--base3);} */

.page_box .pagination.pc>li>a.first {background:url(/img/common_responsive/first.png) no-repeat center;}
.page_box .pagination.pc>li>a.prev {background:url(/img/common_responsive/prev.png) no-repeat center; margin:0 25px 0 0px;}
.page_box .pagination.pc>li>a.next {background:url(/img/common_responsive/next.png) no-repeat center; margin:0 0px 0 25px;}
.page_box .pagination.pc>li>a.last {background:url(/img/common_responsive/last.png) no-repeat center;}

.page_box .pagination.pc>li>a:hover {background-color:#f3f3f3;}



/* 테이블 */
.table.typeA {margin-left:30px;}
.table.typeA table {border-top:3px solid #36404A;}
.table.typeA table tr {border-bottom:1px solid #dbdbdb;}
.table.typeA table tr th, .table.typeA table tr td {padding:15px 30px;}
.table.typeA table tr th {background:#f9f9f9; color:#000; font-weight:400;}
.table.typeA table tr td {color:#000;}
.table.typeA table tr td ul li.grid {display:grid; grid-template-columns:76px auto; gap:3px;}


/* 탭 디자인 */
.tabMenu {display:flex;}
.tabMenu li a {display:inline-block; padding: 15px 90px; border-radius:10px 10px 0 0; font-size:var(--fs20); border:1px solid var(--border1); border-bottom:0; color:#000;}
.tabMenu li a.on {background:var(--base3) url(/images/common/ico_tab.svg) no-repeat center left 85px; padding-left:115px; color:#fff; border:1px solid var(--base3); border-bottom:0; }



/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) {
	
	
	/* 페이징 MOBILE */
	.page_box {position:relative; margin-top:50px; text-align:center;}
	.page_box .mobile {display:flex !important; align-items:center; justify-content:center;}
	.page_box .mobile label {display:none;}
	.page_box .mobile>li {margin-left:-1px;}
	.page_box .mobile>li>a {color:#666; width:40px; height:40px; line-height:1; display: flex; align-items: center; justify-content: center; border:1px solid var(--border1);}
	.page_box .mobile>li>a img {height:10px;}
	.page_box .mobile>li>a:hover {background:#f0f0f0}
	.page_box .mobile>li>a.active {color:#fff; background:var(--base1); border:1px solid var(--base1);  font-weight:normal;}
	.page_box .mobile select {width:75px; height:40px; padding:0 40px 0 20px; background-position:calc(100% - 10px) 50%; border-radius:0;}
	
	.page_box .mobile>li>a.prev {background:url(/img/common_responsive/prev.png)center no-repeat;}
	.page_box .mobile>li>a.next {background:url(/img/common_responsive/next.png)center no-repeat;}
	
	/* 탭 디자인 */
	.contents .tabMenu.apply {padding:0 30px;}
	.tabMenu li a {padding:15px 60px;}
	.tabMenu li a.on {padding-left:85px; background:var(--base3) url(/images/common/ico_tab.svg) no-repeat center left 50px;}
	
	
}



/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	
	/* 테이블 */
	.table.typeA {margin-left:20px;}
	.table.typeA table tr th, .table.typeA table tr td {padding:10px 20px; font-size:18px;}
	
	
	/* 탭 디자인 */
	
	.tabMenu li a {font-size:18px;}
   

}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	
	/* 테이블 */
	.table.typeA table tr th, .table.typeA table tr td {font-size:17px;}
	
	/* 탭 디자인 */
    .tabMenu li a {padding:10px 40px;}
	.tabMenu li a.on {padding-left:60px; background: var(--base3) url(/images/common/ico_tab.svg) no-repeat center left 30px;}
	.contents .tabMenu.apply {padding:0 20px;}
}


/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width: 500px) {
	
	
	/* 테이블 */
	.table.typeA {margin-left:0px;}
	.table.typeA table tr {display:grid;}



}






/* 전체 화면 로딩 오버레이 START*/
#loadingOverlay {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	text-align: center;
	color: white;
	font-size: 24px;
	font-weight: bold;
	padding-top: 20%;
}
.spinner {
	margin: 0 auto 20px;
	border: 8px solid #f3f3f3;
	border-top: 8px solid #ffffff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* 전체 화면 로딩 오버레이 END*/