@charset "utf-8";

/* -------------------- 4º¹Áö°ü¼Ò½Ä - 7½Ä´ÜÇ¥ -------------------- */
/*´Þ·Â::»ó´Ü¹öÆ°*/
.calendarBox .calendar_btn {width:100%; text-align:center;}
.calendarBox .calendar_btn p {line-height:1;}
.calendarBox .calendar_btn p a {border:1px solid #eee; padding:0 20px; display:inline-block; background:#fff; border-radius:100px; height:40px; vertical-align:middle;}
.calendarBox .calendar_btn p a+a {margin-left:3px;}
.calendarBox .calendar_btn p a.first {background: url(../images/common/first.png) 45% 50% no-repeat;}
.calendarBox .calendar_btn p a.first:hover {border-radius:100px; background: url(../images/common/first.png) 45% 50% no-repeat;}
.calendarBox .calendar_btn p a.prev {background: url(../images/common/prev.png) 45% 50% no-repeat;}
.calendarBox .calendar_btn p a.prev:hover {border-radius:100px; background: url(../images/common/prev.png) 45% 50% no-repeat;}
.calendarBox .calendar_btn p strong {display:inline-block; font-size:36px; color:#000; padding:0 20px; font-weight:600; line-height:1;}
/* .calendarBox .calendar_btn p strong>span {font-weight:500; color:#ff9a3e;} */
.calendarBox .calendar_btn p strong>span {display:inline-block; line-height:1;}
.calendarBox .calendar_btn p a.next {background: url(../images/common/next.png) 55% 50% no-repeat;}
.calendarBox .calendar_btn p a.next:hover {border-radius:100px; background: url(../images/common/next.png) 55% 50% no-repeat;}
.calendarBox .calendar_btn p a.last {background: url(../images/common/last.png) 55% 50% no-repeat;}
.calendarBox .calendar_btn p a.last:hover {border-radius:100px; background: url(../images/common/last.png) 55% 50% no-repeat;}
/*´Þ·Â::*/
.calendarBox .calendar_view {display:table; border-collapse:collapse; width:100%; word-break:break-all; padding:10px; margin:30px 0 0 0;}
/* .calendarBox .calendar_view > * {display:table;} */
.calendarBox .calendar_view tr {display:table-row;}
.calendarBox .calendar_view td {display:table-cell; width:auto; height:170px;}
.calendarBox .calendar_view td center {cursor:pointer}
.calendarBox .calendar_view tr th {border:1px solid #ebebeb; text-align:center; padding:10px 20px; background:#fff6ee; color:#111; border-top:2px solid #ffa05f; font-weight:400 !important; font-size:16px;}
.calendarBox .calendar_view tr td {border:1px solid #ebebeb; vertical-align:top; padding:10px 20px;}
.calendarBox .calendar_view tr p.menu_name {font-size:15px;}
.calendarBox .calendar_view tr td.today {background:#fff5ef !important;}
.calendarBox .calendar_view tr td>span b {color:#666;}
.calendarBox .calendar_view tr td:first-child span b {color:#f29fc5 !important; font-weight:700;}
.calendarBox .calendar_view tr td:last-child span b {color:#2daae1 !important; font-weight:700;}
.calendarBox .calendar_view tr td>span {display:block; color:#999; text-align:left; margin-bottom:20px;}
.calendarBox .calendar_view td font {display:none;}
.calendarBox .calendar_view td font.on {display:inline-block;}
.calendarBox .calendar_view td div a {display:block; font-size:14px; line-height:1.3; margin-bottom:10px;}
.calendarBox .calendar_view td div a:hover {color:red;}
.calendarBox .calendar_view tr td div.num {visibility:hidden;height:0;}
.calendarBox .calPop {z-index:-100; opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
.calendarBox .calPop .popClose {display:none;}
.calendarBox .calendar_view td b {font-weight:normal;}

/* ÆäÀÌ¡¹Ú½º PC */
.page_box_normal {position:relative; margin-top:30px; text-align:center;}
.page_box_normal .pagination {display:inline-block; margin:0; text-align:center;}
.page_box_normal .pagination>li>a {text-align:center; color:#333; border:1px solid #dedede; width:40px; height:40px; line-height:1.6; border-left:0;}
.page_box_normal .pagination>li>a.active {color:#fff; background:#333 !important; font-weight:400;}
.page_box_normal .pagination .first,
.page_box_normal .pagination .prev,
.page_box_normal .pagination .next,
.page_box_normal .pagination .last {color:#333; background-color:#fff;}
.page_box_normal .pagination .first:hover,
.page_box_normal .pagination .prev:hover,
.page_box_normal .pagination .next:hover,
.page_box_normal .pagination .last:hover {color:#fff;}
.page_box_normal .pagination .prev {margin-right:10px;}
.page_box_normal .pagination .next {margin-left:10px;}
.page_box_normal .pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:13px 20px 0 20px;}
.page_box_normal .pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

/* ´Þ·Â */
#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; 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:3px; */}


/* ÇÏ´Ü ÆäÀÌÁö ¹öÆ° */
.mobileCalInner .btn_box {text-align:center; margin-top:20px; padding-top:20px;}
/* .mobileCalInner .btn_box ul {margin:10px 0;} */
.mobileCalInner .btn_box li {display:inline-block;}


.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:80px;
	/* float:inherit; */
}
.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; background:url(/img/common_responsive/select.png) no-repeat 100% 50% #fff; background-size:20px;
}


.mobileCalInner select::-ms-expand {
	display: none;
}
/* ¸ð¹ÙÀÏ ´Þ·Â END */





/* ************************ ÅÂºí¸´ ÀÌÇÏ(~991) ************************ */
@media screen and (max-width: 991px) {

	/* -------------------- 4º¹Áö°ü¼Ò½Ä - 7½Ä´ÜÇ¥ -------------------- */
	/*´Þ·Â::»ó´Ü¹öÆ°*/
	.calendarBox .calendar_btn {width:100%; text-align:center;}
	.calendarBox .calendar_btn p {line-height:1;}
	.calendarBox .calendar_btn p a {border:1px solid #eee; padding:0 20px; display:inline-block; background:#fff; border-radius:100px; height:40px; vertical-align:middle;}
	.calendarBox .calendar_btn p a+a {margin-left:3px;}
	.calendarBox .calendar_btn p a.first {background: url(../images/common/first.png) 45% 50% no-repeat;}
	.calendarBox .calendar_btn p a.first:hover {border-radius:100px; background: url(../images/common/first.png) 45% 50% no-repeat;}
	.calendarBox .calendar_btn p a.prev {background: url(../images/common/prev.png) 45% 50% no-repeat;}
	.calendarBox .calendar_btn p a.prev:hover {border-radius:100px; background: url(../images/common/prev.png) 45% 50% no-repeat;}
	.calendarBox .calendar_btn p strong {display:inline-block; font-size:24px; color:#000; padding:0 20px; font-weight:300; line-height:1; vertical-align:middle;}
	/* .calendarBox .calendar_btn p strong>span {font-weight:500; color:#ff9a3e;} */
	.calendarBox .calendar_btn p strong>span {display:inline-block; line-height:1;}
	.calendarBox .calendar_btn p a.next {background: url(../images/common/next.png) 55% 50% no-repeat;}
	.calendarBox .calendar_btn p a.next:hover {border-radius:100px; background: url(../images/common/next.png) 55% 50% no-repeat;}
	.calendarBox .calendar_btn p a.last {background: url(../images/common/last.png) 55% 50% no-repeat;}
	.calendarBox .calendar_btn p a.last:hover {border-radius:100px; background: url(../images/common/last.png) 55% 50% no-repeat;}


	/*´Þ·Â::*/
	.calendarBox .calendar_view {border-collapse:collapse; width:100%; word-break:break-all; padding:10px; margin:20px auto;}
	.calendarBox .calendar_view td {height:170px;}
	.calendarBox .calendar_view td center {cursor:pointer;}
	.calendarBox .calendar_view tr {width:100%;}
	.calendarBox .calendar_view tr th {border:1px solid #ebebeb; text-align:center; padding:10px; background:#fff6ee; color:#111; border-top:2px solid #ffa05f; font-weight:400 !important; font-size:16px;}
	.calendarBox .calendar_view tr td {border:1px solid #ebebeb; vertical-align:top; padding:10px;}
	.calendarBox .calendar_view tr td.today {background:fff5ef !important; background-clip:padding-box !Important;}
	.calendarBox .calendar_view tr td>span b {color:#666;}
	.calendarBox .calendar_view tr td:first-child span b {color:#f29fc5 !important; font-weight:700;}
	.calendarBox .calendar_view tr td:last-child span b {color:#2daae1 !important; font-weight:700;}
	.calendarBox .calendar_view tr td>span {display:block; color:#999; text-align:left;}
	.calendarBox .calendar_view td font {display:none;}
	.calendarBox .calendar_view td font.on {display:inline-block;}
	.calendarBox .calendar_view td div a {display:block; font-size:14px; line-height:1.3; margin-bottom:10px;}
	.calendarBox .calendar_view td div a:hover {color:red;}
	.calendarBox .calendar_view tr td div.num {visibility:hidden;height:0;}

	/*´Þ·Â::Æ˾÷*/
	.calendarBox .calPop {z-index:-100; position:fixed; opacity:0; top:0; left:0; width:100%; height:100%; padding:20px; }
	.calendarBox .calPop.on {z-index:90000000; opacity:1;}
	.calendarBox .calPop .inner {z-index:10000; position:relative; width:100%; background:#fff; text-align:center; border-radius:1px; overflow-y:auto;}
	.calendarBox .calPop .inner span {display:block; height:60px; padding:15px 20px; font-size:18px; font-weight:400; text-align:left; background:#ffa05f; color:#fff; letter-spacing:-1px;}
	.calendarBox .calPop.on .inner span font {font-weight:normal;}
	.calendarBox .calPop.on .inner>div {
		display:block; padding:20px 20px 20px 30px; font-size:16px; text-align:left; line-height:1.4; color:#000; word-break:break-all;
		border-bottom:1px solid #eee;
		position:relative;
	}
	.calendarBox .calPop.on .inner>div:before {display:block; content:""; width:3px; height:3px; position:absolute; top:30px; left:20px; background:#000; border-radius:50%;}
	.calendarBox .calPop .inner .popClose {position:absolute; display:block; right:0; top:0; width:60px; height:60px; font-size:24px; color:#fff; text-align:center; line-height:1; padding-top:18px; cursor:pointer; background-color:rgba(0,0,0,.1);}
	.calendarBox .calendar_view td {position:relative; height:100px;}
	.calendarBox .calendar_view tr td div {display:none;}
	.calendarBox .calendar_view tr td div.num {position:absolute; bottom:10px; right:10px; display:block; visibility:visible !important; height:auto !important; text-align:center;}
	.calendarBox .calendar_view tr td div.num p {display:inline-block; padding:0; width:24px; height:24px; border-radius:50%; line-height:1.6; background:#ffa05f; color:#fff; text-align:center; cursor:pointer;}

	.cal_bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,.1)}



	.input-lg {border-radius:3px !important; font-size:14px;}
	.form-control {border:1px solid #e5e5e5 !important; box-shadow:initial; -webkit-box-shadow:initial;}

	/* ´Þ·Â */
	#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; 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:50px 30px;}


	/* ÇÏ´Ü ÆäÀÌÁö ¹öÆ° */
	.mobileCalInner .btn_box {text-align:center;}
	.mobileCalInner .btn_box ul {margin:10px 0;}
	.mobileCalInner .btn_box li {display:inline-block;}


	.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;
		/* float:inherit; */
	}

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


	.mobileCalInner select::-ms-expand {
		display: none;
	}
	/* ¸ð¹ÙÀÏ ´Þ·Â END */


}


/* ************************ ¸ð¹ÙÀÏ (0~767) ************************ */
@media screen and (max-width: 767px) {

	.calendar_view tr td {padding:5px;}
	.calPop {z-index:-100; position:fixed; opacity:0; top:0; left:0; width:100%; height:100%; padding:20px; background:rgba(0,0,0,.7);}
	.calPop.on {z-index:900; opacity:1;}
	.calPop .inner {position:relative; width:100%; background:#fff; text-align:center; border-radius:7px; overflow-y:auto;}
	.calPop .inner span {display:block; height:60px; padding:15px; font-size:20px; font-family:"NotoSansKR", sans-serif; text-align:left; background:#fdb924; color:#fff; letter-spacing:-1px;}
	.calPop.on .inner span font {font-weight:normal;}
	.calPop.on .inner div>a {
		display:block; padding:18px 18px 18px 30px; font-size:15px; text-align:left; line-height:1.4; color:#000; word-break:break-all;
		background:url(../images/common/arrow_right.png) no-repeat 15px 25px #fff;
		background-size:4px;
		border-bottom:1px solid #eee;
	}
	.calPop.on .inner div>a p {line-height:1.2;}
	.calPop .inner .popClose {position:absolute; display:block; right:0; top:0; width:60px; height:60px; font-size:24px; color:#fff; text-align:center; line-height:1; padding-top:18px; cursor:pointer; background-color:rgba(0,0,0,.2);}

	.calendar_view td {position:relative; height:80px;}
	.calendar_view tr td div {display:none;}
	.calendar_view tr td div.num {position:absolute; bottom:0px; display:block; visibility:visible !important; height:auto !important; text-align:center;}
	.calendar_view tr td div.num p {display:inline-block; padding:0 !important; width:24px; height:24px; border-radius:50%; line-height:1.6; background:#fdb924; color:#fff; text-align:center; cursor:pointer; font-size:14px;}

}