@charset "utf-8";
/*sect_calendar{*/
section.sect_calendar {
    margin-top: 30px;
}
.calendar {
    position: relative;
    padding-right: 580px;
}
.calendar_hd {
    position: relative;
    padding: 15px 40px 15px 30px;
    border: 1px solid #e4e4e4;
    box-shadow: 0 3px 6px rgba(0,0,0,0.05);
}
.hd_wrap {
    position: relative;
}
.calendar_nav {
    font-size: 0;
}
.calendar_nav a{
    display: inline-block;
    position: relative;
    background: none;
    border: none;
    width: 45px;
    height: 45px;
}

.calendar_nav a:after,
.calendar_nav a:before {content:'';position:absolute;height: 2px;width: 11px;background: #000;right: 50%;top: 50%;display: block;}

.calendar_nav a:after {
    margin-right: -5px;
    margin-top: 1px;
}

.calendar_nav a:before {
    margin-right: -5px;
    margin-top: -7px;
}

.calendar_nav a.prev:after {
    transform: rotate(45deg);
}

.calendar_nav a.prev:before {
    transform: rotate(-45deg);
}
.calendar_nav a.next:after {
    transform: rotate(-45deg);
}

.calendar_nav a.next:before {
    transform: rotate(45deg);
}
.calendar_nav a.prev {}

.calendar_nav a.next {}

.calendar_year {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
}
.calendar_month {
    display: inline;
    vertical-align: top;
}
.calendar_nav .sfselect {
    border: 1px solid #E4E4E4;
}
.calendar_nav .sfselect>select {
    font-size: 16px;
    font-weight: 500;
    border-color: #E4E4E4;
    border: 0;
    padding: 0;
    padding-left: 12px;
    padding-right: 0 !important;
    color: #000;
}
.calendar_nav .sfselect:after, .calendar_nav .sfselect:before {
    height: 2px;
    width: 11px;
}
.calendar_nav .sfselect:before {
    margin-right: 7px;
}

_:-ms-input-placeholder, :root .calendar_nav span{
   display: inline-block;
   transform: translateY(5px);
}
.legend{position: relative;}
.legend>span{
    width: 20px;
    height: 20px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    text-align: center;
    color: #fff;
    
}

.legend:before{
    content:'';width: 20px;
    height: 20px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);    
    font-size: 12px;
    color: #fff;
    text-align: center;
    display:none
}
/*
.legend_0:before{content:'벚';background: #E03F90;}
.legend_0 {position: relative;color: #E03F90;}

.legend_1 {position: relative; color: #CE983C;}
.legend_1:before{content:'봉'; background: #CE983C;}

.legend_2 {position: relative; color: #C96100;}
.legend_2:before {content:'국'; background: #C96100;}

.legend_3 {position: relative; color: #561908;}
.legend_3:before {content:'교'; background: #561908;}

.legend_4 {position: relative; color: #3C74CE;}
.legend_4:before {content:'제'; background: #3C74CE;}

.legend_5 {position: relative; color: #E44126;}
.legend_5:before {content:'복'; background: #E44126;}

.legend_6 {position: relative; color: #A13CCE;}
.legend_6:before {content:'신'; background: #A13CCE;}

.legend_7 {position: relative; color: #0B008D;}
.legend_7:before {content:'한'; background: #0B008D;}

.legend_8 {position: relative; color: #5E8D3C;}
.legend_8:before {content:'지'; background: #5E8D3C;}

*/

.calendar_list_table .poster_t_wr {
    border-top: 1px solid #e4e4e4;
    border-radius: 5px 5px 0 0;
}

.calendar_list_table {
	display: flex;
    justify-content: space-between;
    border-top: 1px solid #e4e4e4;
    padding-top: 20px;
}

.calendar_img {
    width: 145px;
    height: 213px;
    position: relative;
    
}

.calendar_list_table .poster_txt_box {
}
.calendar_list_table td.td_subject {
    width: 35px;
}

.calendar_list_table .pttb table tr td.td_content {
    text-align: left;
    padding-left: 10px;
    background: #ffffff;
}
span.calendar_listName {
    text-align: center;
    display: inline-block;
    max-width: 370px;
    width: 100%;
    padding-left: 65px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-align: left;
}
.calendar_img img {
    border-radius: inherit;
}

.calendar_img .img_wrap {
    border-radius: 5px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.calendar_list_table td {
    color: #404040;
}
.cld_table_box .poster_btn {
    bottom: 0;
    padding: 0;
    font-size: 0;
}

.sfbtn {}

.cld_table_box .poster_btn .sfbtn {
    height: 35px;
}

.cld_table_box .poster_btn .sfbtn .sfbtn_wr {
    font-size: 14px;
}
.cld_table_box .poster_btn .sfbtn .sfbtn_wr{
	background-color: #ffffff;
	border: 1px solid #404040;
	height: 100%;
}
.cld_table_box .poster_btn .sfbtn:nth-child(2) .sfbtn_wr {
    background-color: #E44126;
    color: #fff;
    border:0;
}
.cld_table_box {
    position: relative;
    margin-left: 20px;
    width:calc(100% - 165px);
}

.cld_table_box .poster_btn .sfbtn:nth-child(2) {
}
.calendar_legend ul {
    font-size: 0;
    margin-right: -15px;
}
.calendar_today_li > a{padding-bottom: 20px;}

.calendar_legend li {
    width: 33.333333333%;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    padding-right: 15px;
    margin-bottom: 10px;
    padding-left: 25px;
}
_:-ms-input-placeholder, :root .calendar_legend li{line-height: normal;}
.cld_table_box .poster_btn .sfbtn > a{
    height: 100%;
}

table.ct {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0px;
    border-collapse: separate;
}
table.ct thead {
}
.ct th {
    background: #F7F7F7;
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    padding-right: 10px;
    height: 40px;
    color: #000000;
}
.ct th.sun, .ct td .ct_day.sun{
    color: rgba(228,65,38,0.8);
}
.ct th.sat, .ct td .ct_day.sat{
    color:#4449C1;
}


.ct td {
    position: relative;
    vertical-align: top;
    border: 1px solid #e4e4e4;
    text-align: right;
    border-radius: 5px;
}
.ct td:first-child {
    border-left: 1px solid #e4e4e4;
}
.ct th:first-child {
    border-left: 1px solid #e4e4e4;
}
.ct th:last-child {
    border-right: 1px solid #e4e4e4;
}
.ct td.click_focus {
}
.ct td .cal_txt.click_focus:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #232323;
    top: 0;
    left: 0;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ct td.ct_today {background-color: #F7F7F7;border: 1px solid #232323;}
.ct_day {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    padding-right: 5px;
}

.ct_skd {}

.ct_skd_smy {
    margin-top: 5px;
}

.ct_skd_smy ul {}

.ct_skd_smy li {
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    border-radius: 3px;
    padding: 2px 0;
    height: 20px;
    padding-left: 10px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ct_skd_smy>ul>li.legend_0 {background-color: #E03F90;}
.ct_skd_smy>ul>li.legend_1 {background-color: #CE983C;}
.ct_skd_smy>ul>li.legend_2 {background-color: #C96100;}
.ct_skd_smy>ul>li.legend_3 {background-color: #561908;}
.ct_skd_smy>ul>li.legend_4 {background-color: #3C74CE;}
.ct_skd_smy>ul>li.legend_5 {background-color: #E44126;}
.ct_skd_smy>ul>li.legend_6 {background-color: #A13CCE;}
.ct_skd_smy>ul>li.legend_7 {background-color: #0B008D;}
.ct_skd_smy>ul>li.legend_8 {background-color: #5E8D3C;}


.ct_skd_smy>ul>li:before {
    display: none;
}
_:-ms-input-placeholder, :root .ct_skd_smy li{line-height: normal;}

.ct_skd_smy li span{font-weight: 700;}

.ct_skd_smy li:not(:last-child){margin-bottom: 2px;}
.ct_skd_list {
    display: none;
    position: absolute;
    width: 265px;
    top: 40px;
    left: 50%;
    margin-left: -167px;
    background: #fff;
    border: 1px solid #1A1B1D;
    z-index: 10;
}
.ct_skd_list:before,
.ct_skd_list:after{content:'';bottom: 100%;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;}
.ct_skd_list:before{
    border-color: transparent;
    border-bottom-color: #1A1B1D;
    border-width: 10px;
    border-bottom-width: 10px;
    margin-left: -10px;
}
.ct_skd_list:after{
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 10px;
    border-bottom-width: 10px;
    margin-left: -10px;
    transform: translateY(1px);
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
}
.ct td:hover .ct_skd_list,
.ct td:focus .ct_skd_list,
.ct td.focus .ct_skd_list{display:block}
.ct_skd_list ul {
    padding: 20px 0 20px 24px;
}
.ct_skd_list li{
    font-size: 14px;
    line-height: 15px;
    height: 14px;
}
_:-ms-input-placeholder, :root .ct_skd_list li{line-height: normal;}

.ct_skd_list li:not(:last-child) {
    margin-bottom: 10px;
}

.ct_skd_list li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;   
    display: block;
}
.ct_skd_list li:hover a {
    font-weight: 500;
    /* border-bottom: 1px solid #000; */
    text-decoration: underline;
    }

.calendar_today {
    position: absolute;
    top: 0;
    right: 0;
    width: 580px;
    padding-left: 80px;
}

.calendar_today_hd {text-align: center;border: 1px solid #e4e4e4;padding: 8px 0;background-color: #f7f7f7;}


span.today_txt {
    font-weight: 700;
}
.calendar_today_subtxt {
    font-size: 16px;
    font-weight: 400;
}
.calendar_today_bd{
    height: 720px;
    overflow-y: auto;
}
.calendar_today_ul {
    background: url(/images/user/bg/bg_calendar_today.png);
    min-height: 720px;
}

.calendar_today_li {
    padding: 20px;
    border: 1px solid #e4e4e4;
    border-top: 0;
}
.calendar_today_li:first-child {
    padding: 20px 20px 10px 20px;
}
.calendar_today_li:hover{background: rgba(243, 195, 76, 0.1);}
.calendar_today_li:before{display:none;}
.calendar_today_li a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #1A1B1D;
    position:relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.calendar_today_li a>span {
    padding-left: 10px;
}
.calendar_today_li a:hover{text-decoration:underline}
.calendar_today_li a:before{color: #fff;font-size: 12px;font-weight: 400;height: 20px;text-align: center;border-radius: 3px;padding: 0 5px;}
_:-ms-input-placeholder, :root .calendar_today_li a:before{line-height: 12px;padding:6px 15px 0;margin-top:-2px;}
.calendar_today_li.legend_0 a:before{content:'경주벚꽃축제';background: #E03F90;}
.calendar_today_li.legend_1 a:before{content:'봉황대 뮤직스퀘어';background: #CE983C;}
.calendar_today_li.legend_2 a:before{content:'경주국악여행';background: #C96100;}
.calendar_today_li.legend_3 a:before{content:'교촌마을 문화행사';background: #561908;}
.calendar_today_li.legend_4 a:before{content:'제야의 종 타종식';background: #3C74CE;}
.calendar_today_li.legend_5 a:before{content:'한복문화주간';background: #E44126;}
.calendar_today_li.legend_6 a:before{content:'신라문화제';background: #A13CCE;}
.calendar_today_li.legend_7 a:before{content:'한수원아트페스티벌';background: #0B008D;}
.calendar_today_li.legend_8 a:before{content:'지역예술인 지원사업';background: #5E8D3C;}

.calendar_today_li a>span:nth-child(1){
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    text-align: center;
    border-radius: 3px;
    padding: 0 5px;
}


.cal_txt {

width: 100%;

height: 100%;

padding: 3px 5px;

cursor: pointer;

position: relative;
}
/*}sect_calendar*/
.sect_scd.perform .poster_list>ul.no_list{
    font-size: 18px;
}


.sect_scd.perform .scd_poster.event .poster_img {
    height: 195px;
}
.sect_scd.perform .poster_txt_ {
    padding: 27px 25px 0;
    height: 195px;
}
.poster_subj {
    font-size: 16px;
}
.poster_period {
    bottom: 80px;
    font-size: 14px;
}
.poster_btn .sfbtn {
    height: 49px;
}
.poster_btn .sfbtn .sfbtn_wr {
    font-size: 18px;
}
.poster_t_wr {
    padding: 15px 20px;
}

.event_tag {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    width: 27px;
    height: 27px;
    border-radius: 5px;
    text-align: center;
    padding: 4px 0;
}
/* .event_tag:before {
    display: none;
} */

.event_tag.legend_0 {
    background: #E03F90;
}
.event_tag.legend_1 {
    background: #CE983C;
}
.event_tag.legend_2 {
    background: #C96100;
}
.event_tag.legend_3 {
    background: #561908;
}
.event_tag.legend_4 {
    background: #3C74CE;
}
.event_tag.legend_5 {
    background: #E44126;
}
.event_tag.legend_6 {
    background: #A13CCE;
}
.event_tag.legend_7 {
    background: #0B008D;
}
.event_tag.legend_8 {
    background: #5E8D3C;
}

.calendar_nav span {
    font-size: 22px;
    font-weight: 500;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 15px;
}
/*20220824 웹접근성 수정*/
.ct td .cal_txt.click_focus:after {
    border: 2px solid #232323;
}

button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

button{
	background:none;
    border:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    cursor:pointer;
    vertical-align:middle;
}
.cal_txt {
    width: 100%;
    height: 100%;
    padding: 3px 5px;
    cursor: pointer;
    position: relative;
    /* 웹접근성 */
    text-align: right;
    display: flex;
    flex-direction: column;
    min-height: 120px;
}


.cal_txt > div {
    width: 100%;
}