@charset "utf-8"; 
/* CSS Document */

/* 게시판(달력) 리스트 */
.board_wrap .calendar_top {position:relative; margin:10px 0 50px;}
.board_wrap .calendar_title {padding:0 150px; color:#111; font-size:30px; text-align:center;}
.board_wrap .calendar_title .year, .board_wrap .calendar_title .month, .board_wrap .calendar_title .month_en {display:inline-block; *display:inline; *zoom:1; display:inline-block; vertical-align:middle; line-height:1.1;}

.board_wrap .prev_btn {position:absolute; bottom:5px; height:26px; font-weight:500; font-size:18px; text-transform:uppercase; line-height:26px; color:#000; cursor:pointer;}
.board_wrap .prev_btn.prev {left:30px; padding-left:25px; background:url(img/prev.png) left center no-repeat;}
.board_wrap .prev_btn.next {right:30px; padding-right:25px; background:url(img/next.png) right center no-repeat;}
.board_wrap .prev_btn:hover, .board_wrap .prev_btn:active {color:#f48325;}

.board_wrap .calendar {width:100%; margin-bottom:20px;}
.board_wrap .calendar caption {display:none;}
.board_wrap .calendar th {padding:20px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-weight:400; font-size:13px; color:#000; text-align:center;}
.board_wrap .calendar td {border-bottom:1px solid #ddd; font-weight:400; font-size:13px; text-align:left; vertical-align:top;}
.board_wrap .calendar td.today { background-color: #f3e1e7; }
.board_wrap .calendar .kr {display:none;}

.board_wrap .calendar td .td_list {position:relative; padding:2px; min-height:100px;}
.board_wrap .calendar td .td_list span {display:block; padding:8px; font-size:20px; color:#000; font-style:italic;}
.board_wrap .calendar td .td_list ul li {
    display: flex;
}
.board_wrap .calendar th.sun span, .board_wrap .calendar td.sun span {color:#D64D59;}
.board_wrap .calendar th.sat span, .board_wrap .calendar td.sat span {color:#0773c7;}
.board_wrap .calendar td.blank .td_list span {color:#ddd;}
.board_wrap .calendar td .td_list span.bg {position:absolute; top:0; padding:0; width:1px; height:5px; background:#ddd;}
.board_wrap .calendar td .td_list span.bg.left {left:0; display:none;}
.board_wrap .calendar td .td_list span.bg.right {right:0;}
.board_wrap .calendar tr td:first-child .td_list span.bg.left {display:block;}

.board_wrap .calendar td .td_list li a {
    flex:1;
    display:block;
    margin-bottom:5px;
    padding:2px 5px;
    background:#f48325;
    color:#fff;
    text-decoration:none;
    width:1px;
	/*
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	*/
}
.board_wrap .calendar td .td_list li.no1 a {background:#f8b118; color:#111;}
.board_wrap .calendar td .td_list li.no2 a {background:#02a388; color:#fff;}
.board_wrap .calendar td .td_list li.no3 a {background:#3d9dff; color:#fff;}
.board_wrap .calendar td .td_list li.no4 a {background:#6e4f9f; color:#fff;}
.board_wrap .calendar td .td_list li.no5 a {background:#eee; color:#f48325;}
.board_wrap .calendar td .td_list li.no6 a {background:#eee; color:#f8b118;}
.board_wrap .calendar td .td_list li.no7 a {background:#eee; color:#02a388;}
.board_wrap .calendar td .td_list li.no8 a {background:#eee; color:#3d9dff;}
.board_wrap .calendar td .td_list li.no9 a {background:#eee; color:#6e4f9f;}
.board_wrap .calendar td .td_list li.no10 a {background:#eee; color:#111;}

div.cs-select {position:relative; z-index:100; margin-right:20px; padding:0; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
div.cs-select:focus {outline:none;}
.cs-select select {display:none;}
.cs-select > span {display:block; position:relative; cursor:pointer; padding:2px 20px 2px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cs-select > span::after {position:absolute; top:50%; right:0; content:'\25BE'; line-height:0; font-size:13px;}
div.cs-active {z-index:200;}
.cs-select .cs-options {position:absolute; top:100%; left:-11px; overflow:hidden; padding:0 10px; width:100%; border:1px solid #ddd; font-size:15px; background:#fff; visibility:hidden;}
.cs-select.cs-active .cs-options {visibility:visible;}
.cs-select ul li {border-top:1px dashed #ddd; margin:0 -10px;}
.cs-select ul li:first-child {border-top:none;}
.cs-select ul li a {display:block; padding:5px 0;}
.cs-select ul li a:hover, .cs-select ul li a:active {background:#f48325; color:#fff;}

/*
원본
div.cs-select {display:inline-block; vertical-align:middle; position:relative; text-align:left; background:#fff; z-index:100; width:100%; max-width:500px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
div.cs-select:focus {outline:none;}
.cs-select select {display:none;}
.cs-select span {display:block; position:relative; cursor:pointer; padding:1em 2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cs-select > span {padding-right:3em;}
.cs-select > span::after, .cs-select .cs-selected span::after {speak:none; position:absolute; top:50%; -webkit-transform:translateY(-54%); transform:translateY(-54%); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.cs-select > span::after {content:'\25BE'; right:22px;;}
.cs-select .cs-selected span::after {content:'\2713'; margin-left:40px;}
.cs-select.cs-active > span::after {-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg);}
div.cs-active {z-index:200;}

.cs-select .cs-options {position:absolute; overflow:hidden; width:100%; background:#02a388; visibility:hidden;}
.cs-select.cs-active .cs-options {visibility:visible;}
.cs-select ul {list-style:none; margin:0; padding:0; width:100%;}
.cs-select ul span {padding:1em;}
.cs-select ul li.cs-focus span {background-color:#ddd;}

.cs-select li.cs-optgroup ul {padding-left:1em;}
.cs-select li.cs-optgroup > span {cursor:default;}
*/



/******************** 모바일 ********************/

/** 가로 1100px **/
@media screen and (max-width:1100px) {
    .board_wrap .calendar_title {
        padding: 0 100px;
    }
}

/** 가로 768px **/
@media screen and (max-width:768px) {
    .board_wrap .calendar_title {
        padding: 0 100px;
        font-size: 25px;
    }

    .board_wrap .calendar td .td_list li a {
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
}
/** 가로 650px **/
@media screen and (max-width:650px) {
    .board_wrap .calendar_top {
        margin: 10px 0 20px;
    }
    .board_wrap .calendar_title {
        padding: 0;
        margin-bottom:20px;
        font-size: 25px;
    }
    .calendar_control {
        display: flex;
        justify-content: space-between;
        gap:56px;
    }
    .board_wrap .prev_btn {
        position: static;
    }
    .board_wrap .prev_btn.prev {
        left:auto;
    }
    .board_wrap .prev_btn.next {
        right:auto;
    }
}

/** 가로 500px **/
@media screen and (max-width:500px) {
    .board_wrap .calendar td .td_list li a {
        height:20px;
        white-space:normal;
        overflow:hidden;
        text-overflow:inherit;
    }
}