@charset "utf-8";

/* ******************** 페이징 ******************** */
/* 게시판 페이징-모바일용 */
.contents .page_box_normal {position:relative; margin-top:30px; text-align:center;}
.contents .page_box_normal .mobile label {display:none;}
.contents .page_box_normal .mobile {display:inline-block; margin:0; padding:0;}
.contents .page_box_normal .mobile>li {float:left; height:100%;}
.contents .page_box_normal .mobile>li:last-child {padding-right:0;}
/*
.contents .page_box_normal .mobile .prev,
.contents .page_box_normal .mobile .next {display:block;border:1px solid #dedede; background:#fff !important; color:#333 !important; padding:12px 15px; border-right:0;}
*/
.contents .page_box_normal .mobile .prev {display:block; min-width:40px; height:40px; background:url(/img/common_responsive/prev.png) no-repeat 50% #fff !important; background-size:6px !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.contents .page_box_normal .mobile .next {display:block; min-width:40px; height:40px; background:url(/img/common_responsive/next.png) no-repeat 50% #fff !important; background-size:6px !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.contents .page_box_normal .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.contents .page_box_normal .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.contents .page_box_normal .mobile .btn-default {border:0; height:32px !important;}
/* .contents .page_box_normal .mobile li a {background-size:15px !important;} */

.contents .page_box_normal .mobile select#page {padding:8px; border-radius:0 !important; height:40px !important; border:1px solid #dedede !important; min-width:70px;}
.contents .page_box_normal .mobile .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; font-family:"NotoSansKR"; background:#f9f9f9 !important; color:#000 !important;}
.contents .page_box_normal .mobile .write:hover {background:#eee !important;}

/* 게시판 페이징 - pc용 */
.contents .page_box_normal {position:relative; text-align:center; border:1px solid transparent;}
.contents .page_box_normal .pc.pagination {display:inline-block;}
.contents .page_box_normal .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #dedede; height:40px; line-height:1;}
.contents .page_box_normal .pc.pagination>li>a.active {background:#00a651 !important; color:#fff; font-weight:400; position:relative; border:1px solid #00a651 !important;}
.contents .page_box_normal .pc.pagination .first,
.contents .page_box_normal .pc.pagination .prev,
.contents .page_box_normal .pc.pagination .next,
.contents .page_box_normal .pc.pagination .last {color:#333; background-color:#fff;}
.contents .page_box_normal .pc.pagination .first:hover,
.contents .page_box_normal .pc.pagination .prev:hover,
.contents .page_box_normal .pc.pagination .next:hover,
.contents .page_box_normal .pc.pagination .last:hover {background:#f0f0f0}
/* .contents .page_box_normal .pc.pagination .prev {margin-right:10px;} */
/* .contents .page_box_normal .pc.pagination .next {margin-left:10px;} */
.contents .page_box_normal .pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; font-family:"NotoSansKR"; background:#f9f9f9 !important; color:#000 !important;}
.contents .page_box_normal .pc.pagination .write:hover {background:#eee !important;}
.contents .page_box_normal .pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.contents .page_box_normal .pc.pagination li a img {height:10px !important;}

.contents .page_box_normal {width:100%; margin-top:30px; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.contents .page_box_normal .pc {display:inline-block;}
.contents .page_box_normal .pc li {float:left; margin-left:-1px;}
.contents .page_box_normal .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.contents .page_box_normal .pc li a:hover {background:#f0f0f0;}
.contents .page_box_normal .pc li a.active {background:#333; color:#fff; border-color:#333;}
/* .contents .page_box_normal .pc li a.prev {margin-right:10px;} */
/* .contents .page_box_normal .pc li a.next {margin-left:10px;} */


/* 달력 */
#calenderPop { z-index:10000; }
.input_sel {border:1px solid #7f9db9; background:#f7f9fb;font-size:11px;height:19px; vertical-align:middle; }
.input_sel {color:#555555;}

.Calendar_Day_mouseOver { background:#72a6ef; }
.Calendar_Day_mouseOut {  background:#ffffff; }
#cursorData td{ border:1px solid white; width:100%; padding:4px 8px;font-family:"돋움", sans-serif; font-size:11px; letter-spacing:-1px;}
/* ***** 모바일 달력 START ***** */
.mobileCal .mobileCalPopup {z-index:9990; display:none; position:fixed; width:100%; height:100%; left:0; top:0;}
.mobileCal .mobileCalPopup .bg {z-index:9991; 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;}


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

/*레이어팝업되었을때 버튼은 normal로 제어*/
.btn-normal {color:#333 !important; background-color:#fff; border:1px solid #333; padding:10px 17px; font-size:16px;}
.btn-normal:hover {color:#fff !important; background-color:#333;}

.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:#fff url(/img/common_responsive/select.png)calc(100% - 10px) center /13px no-repeat !important;
	box-shadow:none !important; width:80px;
}
.mobileCalInner select:nth-child(2),
.mobileCalInner select:nth-child(3) {width:65px;}

.mobileCalInner select {
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */	
	appearance:none; padding:0 20px 0 10px !important; 
}


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


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	
	
}


/* ************************ 태블릿 이하(~768) ************************ */
@media screen and (max-width: 768px) {
	
	
	
	
	
	
	
}