.calendar { margin-top:80px;}

.year_num {text-align: center;}
.year_num span {display:inline-block; width:60%;}
.year_num span strong {display:block; font-size:26px; font-weight: 700; padding-bottom:10px;}
.year_num span em {display:block; font-size:18px; font-weight: 400; color:#606060;}
.year_num img {max-width:100%; height: auto; }
.year_num a {display:inline-block;width:50px; height: 50px; text-align: center;}

.month  {overflow-x: auto; white-space: nowrap;}
table.month_table {width:100%;min-width:1000px;margin:0 auto;border-collapse: separate;
    border-spacing: 1px;
    line-height: 1.5;table-layout:fixed;}
table.month_table th {padding:5px; text-align:center; background-color:#7d7d7d; color: #fff; font-weight: 500;}
table.month_table th:nth-child(1) {background-color:#b82a2a;}
table.month_table th:nth-child(7) {background-color:#007ec3;}

table.month_table td {height:90px;padding:10px; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; text-align:center;word-break: keep-all; vertical-align: top;}
table.month_table td:first-child {border-left:1px solid #eeeeee;}
table.month_table td i {display:block;text-align: left!important; font-size:14px;font-weight: 500; color: #7d7d7d;}
table.month_table td:nth-child(7n+1) i {color:#b82a2a;}
table.month_table td:nth-child(7n+7) i {color:#007ec3;}
table.month_table td:hover {background-color:#fafafa;}
table.month_table td button { display:block; width:100%;cursor: pointer; border: 0; outline: 0; background-color:transparent; white-space: pre-line; margin-bottom:10px;}
/* 팝업 */
.popCmmn {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
    z-index: 999;
}

.popBg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}

.popInnerBox {
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  position:absolute;
  top:50%;
  left:50%;
  width:400px;
  height:360px;
  margin:-125px 0 0 -200px;
  text-align:center;
  background:#fff;
  border-radius:5px;
}

.popHead {
  padding:15px;
  background:#007ec3;
  color:#fff;
  font-size:16px; font-weight: 700;
}

.popBody {height:200px;
  padding:10px 20px; text-align: left;
/*    margin-top: 20px;*/
  box-sizing:border-box;
  font-size:14px; margin-top: 30px;
}
.popBody dl:after {content: " ";display: table; clear:both;}
.popBody dl dt {float:left;display:block; padding-left: 40px; margin-bottom: 20px; font-weight: 700;}
.popBody dl dt:after {content: '│';display:inline-block;color: #7d7d7d; padding: 0 20px;}
.popBody dl dd {display:block; margin-bottom: 20px;}

.popBody dl dt:nth-of-type(1) {background-image: url("/images/common/forum_icon02.png"); background-repeat: no-repeat; background-position: left center;}
.popBody dl dt:nth-of-type(2) {background-image: url("/images/common/forum_icon03.png"); background-repeat: no-repeat; background-position: left center;}
.popBody dl dt:nth-of-type(3) {background-image: url("/images/common/forum_icon04.png"); background-repeat: no-repeat; background-position: left center;}

.popCloseBtnCmmn {
  width:30%;
  margin:30px;
  padding:5px;
  font-size:14px;
  background:#222;
    border: 0;
  color:#fff; cursor: pointer;
  transition:all 0.3s;
}
.popCloseBtnCmmn a {display:block; width:100%; height: 100%; font-size:14px; color: #fff;}

.popFoot button { cursor: pointer; border: 0; outline: 0;}











@media screen and (min-width:768px)  {
    .popHead {font-size:18px;}
    .popBody {font-size:16px;}
    .popFoot button { font-size:16px;}

}
@media screen and (min-width:1024px)  {
    .year_num span {width:50%;}
    table.month_table {width:100%;min-width:inherit;}
    table.month_table td {height:150px;}
    
   
    
}
@media screen and (min-width:1200px)  {
    .calendar  {overflow: inherit; white-space: inherit;}
    .year_num span {width:20%;}
    table.month_table th {padding:10px;}
    table.month_table td {padding:15px; }
     .year_num span strong {font-size:40px; padding-bottom:30px;}
     .year_num span em {font-size:20px;}
}
@media screen and (min-width:1440px)  {
   
   
    
}
@media screen and (min-width:1920px)  {
    
    
}