/* 메인페이지 PC 화면에서는 배경색상이 있으므로 여기서만 흰색을 기본 값으로 적용 */
header .inner .gtop_box a {color:#fff;}

/*월별콘텐츠*/
.date_con{display: flex; flex-wrap: wrap; margin-top: 45px; margin-bottom: 105px; user-select:none;}
.date_con .date_txtbox{background: url(/images/content/main/date_txtbg.png) center center no-repeat; background-size: cover; width: 40%; height: 520px; padding: 2%; position: relative;}
.date_con .date_txtbox .date_txt_tit{border-bottom: 1px solid #fff; padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.date_con .date_txtbox .date_txt_tit strong{font-size: 24px; color: #fff;}
.date_con .date_txtbox .date_txt_tit strong span{font-weight: lighter;}
.date_con .date_txtbox .date_txt_tit a.mo_btn{background: url(/images/content/main/mo_btn.png) center center no-repeat; width: 16px; height: 16px; transition: 0.5s;}
.date_con .date_txtbox .date_txt_tit a.mo_btn:hover{transform: rotate(180deg);}
.date_con .date_txtbox .date_txt_sub{}
.date_con .date_txtbox .date_txt_sub ul{display: flex; flex-direction: column; flex-wrap: wrap;}
.date_con .date_txtbox .date_txt_sub ul li{margin-bottom: 10px;  padding: 10px; background: #fff; border-radius: 10px; width: 100%;}
.date_con .date_txtbox .date_txt_sub ul li strong{display: block; font-size: 15px; color: #454545; margin-bottom: 5px;}
.date_con .date_txtbox .date_txt_sub ul li span{display: block; font-size: 12px; color: #999; margin: 5px 0;}
.date_con .date_txtbox .date_txt_sub ul li span.date_subcon01{background: url(/images/content/main/date_subcon01.png) 0 center no-repeat; padding-left: 20px; display: block; background-size: 12px;}
.date_con .date_txtbox .date_txt_sub ul li span.date_subcon02{background: url(/images/content/main/date_subcon02.png) 0 center no-repeat; padding-left: 20px; display: block; background-size: 12px;}
.date_con .date_txtbox .date_txt_btn{}
.date_con .date_txtbox .date_txt_btn a{position: absolute; bottom: 30px; left: 21px; display: block; width: 88%; font-size: 14px; color: #000; background: #6b8194; border-radius: 5px; padding: 8px 0; text-align: center;}

/*달력*/
.date_con .date_daybox{display: flex; flex-direction: column; padding: 2% 3%;}
.date_con .date_daybox{width: 60%; box-shadow: -4px 10px 41px rgba(0,0,0,0.1);}
.date_con .date_daybox .month_box{position: relative; width: 50%; margin: 0 auto;}
.date_con .date_daybox .month_box { text-align: center; display: block; margin-bottom: 30px; color:#333; font-weight:bold;}
.date_con .date_daybox .month_arrow{position: absolute; top: 0; left: 0; width: 100%;}
.date_con .date_daybox .month_arrow .prev_btn{background: url(/images/content/main/month_prev.png) center center no-repeat; position: absolute; top: 2px; left: 0; width: 34px; height: 34px; border: 1px solid #dfdfdf; border-radius: 100%; transition: 0.3s;}
.date_con .date_daybox .month_arrow .prev_btn:hover{background: url(/images/content/main/month_prev_hv.png) center center no-repeat rgba(9, 50, 89, 0.7); border: 1px solid rgba(9, 50, 89, 0.5);}
.date_con .date_daybox .month_arrow .next_btn{background: url(/images/content/main/month_next.png) center center no-repeat; position: absolute; top: 2px; right: 0; width: 34px; height: 34px; border: 1px solid #dfdfdf; border-radius: 100%; transition: 0.3s;}
.date_con .date_daybox .month_arrow .next_btn:hover{background: url(/images/content/main/month_next_hv.png) center center no-repeat rgba(9, 50, 89, 0.7); border: 1px solid rgba(9, 50, 89, 0.5);}
.date_con .date_daybox{}
.date_con .date_daybox .week-day-tr {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.date_con .date_daybox table{width: 100%;}
.date_con .date_daybox table thead{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.date_con .date_daybox table th,
.date_con .date_daybox table td{text-align: center; font-size: 18px; padding: 2% 0; position: relative; }
.date_con .date_daybox table td{cursor: pointer; position:relative;}
.date_con .date_daybox table td strong {font-weight:normal;}
.date_con .date_daybox table td.schedule {}
.date_con .date_daybox table td.schedule:after {
    content:''; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0);
    background: #26afb8; width: 5px; height: 5px; border-radius: 100%;
}
.date_con .date_daybox table td.schedule.active:after{display: none;}
.main_con .content_wrap.con01 .inner .date_con .date_daybox table td.active,
.main_con .content_wrap.con01 .inner .date_con .date_daybox table td.active strong {color: #fff; font-weight:600;}

/**
 * 달력, 상세일정
 */
@media(max-width:768px){
    .date_con {flex-direction:column;}
    .date_con .date_txtbox,
    .date_con .date_daybox{width:96%; margin:auto;}
    .date_con .date_txtbox {height:300px; overflow:auto;}
    .date_con .date_txtbox .date_txt_sub {/*height:190px; overflow:auto;*/}
    .date_con .date_txtbox .date_txt_tit .fs-24{font-size: 17px;}
}
@media(max-width:500px){
    .date_con{ margin-bottom: 50px;}
}
@media(max-width:425px){
    .date_con .date_daybox table th,
    .date_con .date_daybox table td {padding:10px;}
    /* .date_con .date_daybox table td .ta_clc {top:4px;} */
    .date_con .date_daybox .month_box {width:100%;}
    .date_con .date_daybox .month_arrow .prev_btn {}
    .date_con .date_daybox .month_arrow .next_btn {}
}