/* BASIC css start */
#contentWrapper {min-width: 1250px; max-width: 1800px; margin: 0 auto; width: 100%; box-sizing: border-box; overflow: visible;}
#contentWrapper:after {content: ""; display: block;  clear: both;}


.openPop {display:none; position:fixed; top:0; left:0; z-index:1000; background: rgba(0,0,0,0.4); width:100%; height:100%; }
.openPop .thumbBox {width:100%; height:100%;    display: flex; justify-content: center;  align-items: center; }
.openPop .thumbCon {display:inline-block; position:relative; }
.openPop .thumbTop {height: 42px; background:#000; color:#fff;text-align: center;position:relative;line-height: 42px;font-size: 16px;}
.openPop .thumbTop .closePop {position: absolute; right: 16px; top: calc(50% - 11px);  width: 18px;}
.openPop .thumbImg img {max-width:500px;}
.openPop.active {display:block;}

.calendar_header {background:#F4F4D9; text-align:center; padding:30px 30px;}
.calendar_header h2 {color:#000; font-size:40px; padding:70px 0;}
.calendar_header span {color:#000; font-size:13px;}


.calendar_date {margin:20px auto 5px; position:relative; width:580px;}

.calendar_date .date {overflow:hidden;}
.calendar_date .month {line-height:60px; font-size:40px; float:left; font-weight:700;}
.calendar_date .month_year {float:left; margin-left:10px;}
.calendar_date .month_year span {display:block; line-height:16px; font-size:11px; font-weight:300;}
.calendar_date .month_year span.month_eng {margin-top:12px;}
.calendar_date .calendar_link {position:absolute; top:50%; margin-top:-15px; line-height:30px; border:1px solid #000; border-radius:4px; right:0; padding:0 25px 0 10px; font-size:12px;}
.calendar_date .calendar_link i {font-size:15px; position:absolute; top:50%; margin-top:-7.5px; right:8px;}


.calendar_datepicker {display:none;}

.calendar_body .wrapper {width:920px; margin:0 auto; background:#f6f6f6; padding-bottom:20px;}
.calendar_body .wrapper .calendar {margin:0 auto;}
.litepicker {width:100%;}


.litepicker .container__months {box-shadow: none;}
.litepicker .container__months .month-item-header div {display:none;}
.litepicker .container__months .month-item-weekdays-row>div {font-size:14px;}
.litepicker .container__days .day-item {font-size:14px;}
.litepicker .container__days .day-item.is-locked {color:#f1f2f3;}

.calendar_body .litepicker {font-family: Montserrat, NanumBarunGothic, Dotum, µ¸¿ò, DotumChe, µ¸¿òÃ¼, Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif;}

.calendar_body .litepicker .container__months .month-item {padding:0;}
.calendar_body .litepicker .container__months {box-shadow:none;}

 .calendar_body .litepicker .container__months .month-item-weekdays-row { width:580px; margin:0 auto;} 
.calendar_body .litepicker .container__days {width:580px; margin:0 auto;}

.calendar_body .litepicker .container__months .month-item-weekdays-row > div {font-size:14px; font-weight:600; padding:20px 0;}
.calendar_body .litepicker .container__days .day-item {line-height:50px; cursor:pointer;}

.calendar_body .litepicker .container__months .month-item-header button {position:absolute; top:50%; margin-top:-20px; font-size:40px; color:#000;}
.calendar_body .litepicker .container__months .month-item-header .button-previous-month {left:100px;}
.calendar_body .litepicker .container__months .month-item-header .button-next-month {right:100px;}

.calendar_body .litepicker .container__days .day-item {font-weight:600;}
.calendar_body .litepicker .container__days .day-item:nth-child(7n) {color:#999;}
.calendar_body .litepicker .container__days .day-item:nth-child(7n + 1) {color:#999;}
.calendar_body .litepicker .container__days .day-item:hover {box-shadow:none; color:#000; font-size:16px;}
.calendar_body .litepicker .container__days .day-item.is-end-date {background:none; color:#000; position:relative; z-index:1;}
.calendar_body .litepicker .container__days .day-item.is-end-date:after {width:40px; height:40px; content:''; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-20px; background:#B1BA70; z-index:-1; border-radius:20px;}

.calendar_content_wrapper {width:1366px; margin:0 auto; padding:50px 0 20px;}
.calendar_content_wrapper ul {overflow:hidden; font-size: 0;}
.calendar_content_wrapper ul li {display:inline-block; vertical-align:top; ; width:calc(25% - 15px); margin-right:20px; margin-bottom:40px;}
.calendar_content_wrapper ul li:nth-child(4n) {margin-right:0;}
.calendar_content_wrapper ul li img {width:100%;}
.calendar_content_wrapper ul li .txt {margin-top:10px;}
.calendar_content_wrapper ul li .txt .tt {color: #3b3b3b; word-break: break-all; padding-bottom: 6px; font-size: 14px; display:block;}
.calendar_content_wrapper ul li .txt .description {color: #000; margin-bottom: 4px; font-weight: bold; display: block; font-size:15px;}
.calendar_content_wrapper ul li.empty {width:100%; line-height:300px; text-align:center;}

.calendar_content_wrapper ul li .color_box {margin-bottom:4px; }
.calendar_content_wrapper ul li .color_box span {display: inline-block; margin-right: 4px; margin-bottom: 2px; width: 15px; height: 6px; box-sizing: border-box; border: 1px solid #d7d7d7;}



:root {
    --litepicker-day-width: 14.28%!important;
    --litepicker-container-months-color-bg : transparent!important;
    --litepicker-month-weekday-color : #000!important;
}



/* BASIC css end */

