@charset "utf-8";
@media screen and (max-width: 768px) {
    
    .sect_scd.perform .poster_li {
        width: 100%;
        padding: 20px;
    }
    .sect_scd .poster_li:first-child {
        margin-left: 0;
    }
    .sect_scd.perform .poster_list {
        padding: 0;
    }
    .sect_scd.perform .poster_list>ul {
        margin: 0;
        padding: 0;
    }

    .pdt_cnt_list {
        width: 100%;
        padding-left: 0;
    }

    .pdt_hd_info_ {
        float: unset;
        width: auto;
        height: auto;
    }
    .pdt_hd_thum {
        position: relative;
        width: 100%;
        height: 100%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }
    .pdtb {
        padding: 30px 0;
    }
    .pdt_hd_subj {
        padding: 0 88px;
        margin-bottom: 30px;
        font-size: 16px;
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
    }

    .bbsList {
        padding: 20px;
    }

    /* snb{ */
    .snb {
        position: relative;
    }
    .snb_hd {
        display: block;
    }
    .snb_hd>li {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        position: relative;
        padding: 0;
    }
    .snb_hd>li a {
        color: rgba(86,25,8,0.3);
        font-size: 18px;
        font-weight: 700;
        display: block;
        text-align: center;
        border-right: 0;
        padding: 6px 0;
    }
    .snb_hd>li.active a {
        background: #fff;
        border: 1px solid #232323;
        color: #232323;
        border-radius: 0;
        text-align: left;
        padding: 17px 20px;
        font-size: 16px;
    }
    .snb_hd>li:after, .snb_hd>li:before {
        content: '';
        position: absolute;
        height: 2px;
        width: 7px;
        background: #232323;
        left: 100%;
        top: 30px;
        display: block;
        transition: all .2s;
    }
    .snb_hd>li:before {
        transform: rotate(45deg);
        margin-left: -34px;
    }
    .snb_hd>li:after {
        margin-left: -30px;
        transform: rotate(-45deg);
    }
    ul.snb_ul.lv3 {
        font-size: 0;
        position: absolute;
        display: none;
        border: 0;
        width: 100%;
        padding: 0;
        height: auto;
        border: 1px solid #232323;
        border-radius: 0;
        border-top: 0;
        z-index: 11;
    }
    .snb_ul.lv3>li {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        position: relative;
        padding: 0;
        border: 0;
        border-top: 1px solid #232323;
        height: auto;
    }
    .snb_ul.lv3>li:first-child {
        border-top: 0;
    }
    .snb_ul.lv3>li.active, .snb_ul.lv3>li:hover {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    .snb_ul.lv3>li>a {
        text-align: left;
        padding: 16px 20px;
        font-size: 16px;
        background-color: #F2F2F2;
        text-align: left;
        min-height: auto;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
    }
    /* }snb */


    .bbsWr {
        position: static;
        right: auto;
        bottom: auto;
        margin-top: 15px;
    }
    .bbsWr_wr {
        width: 136px;
        margin: 0 auto;
    }


    .etiq_title {
        font-size: 16px;
    }
    .sub_txt {
        font-size: 12px;
        padding-left: 10px;
    }
    .sub_txt.num {
        padding-left: 20px;
    }
    img.pcImg {
        display: none;
    }
    img.mobileImg {
        display: block;
    }
    .bbstb_blurTxt span {
        width: 280px;
        height: 50px;
        font-size: 15px;
        padding: 13px 0px;
    }


    .event_info_title {
        text-align: center;
        font-size: 14px;
        padding: 10px 0;
    }


/* 일정{ */
    /* sect_calendar{ */
    .calendar {
        position: relative;
        padding-right: 0;
    }
    
    .calendar_hd {
        position: unset;
        text-align: center;
        border: 0;
        box-shadow: none;
        padding: 0 10px;
    }
    
    table.ct {
        width: 100%;
        table-layout: fixed;
        border-spacing: 0px;
        border-collapse: separate;
    }
    
    .ct th {
        background: #fff;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        padding-right: 0;
        height: 35px;
        color: #000000;
        width: 35px;
    }
    
    .calendar_today {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        padding-left: 0;
        height: 100%;
        margin-top: 22px;
    }
    .ct_skd {
    }
    .calendar_legend {
        bottom: 0;
        top: inherit;
        transform: inherit;
        text-align: center;
        right: unset;
        width: 100%;
        left: 0;
        padding: 15px 0;
        border: 1px solid #e4e4e4;
        box-shadow: 0 3px 6px rgba(0,0,0,0.05);
    }
    
    .hd_wrap {
        position: unset;
    }
    
    .calendar_ {
        position: relative;
        max-width: 330px;
        width: 100%;
        margin: 0 auto;
    }
    
    .calendar_legend li {
        font-size: 12px;
    }
    
    .calendar_nav span {
        font-size: 17px;
        line-height: 45px;
    }

    .calendar_nav a {display: inline-block;position: relative;background: none;border: none;width: 45px;height: 45px;}
    .calendar_nav {
        position: relative;
        height: 45px;
    }
    .calendar_nav a.prev {
        position: absolute;
        left: 0;
        padding: 0;
    }
    .calendar_nav a.next {
        position: absolute;
        right: 0;
        padding: 0;
    }
    .calendar_today_bd {
        height: auto;
    }
    .calendar_today_ul {
        min-height: auto;
    }
    .ct th:first-child {
        border: none;
    }
    .ct th:last-child {
        border: none;
    }
    .ct td {position: relative;vertical-align: top;border: 0;text-align: center;border-radius: 0;padding: 5px 6px;}
    .ct_skd_smy ul {
        display: none;
    }
    span.ct_day_il {
        display: none;
    }
    .ct_day {
        padding-right: 0;
    }
    .ct td.ct_today {
        width: 100%;
        height: 100%;
        background-color: transparent;
        border: 0;
    }
    .ct td:first-child{
        border-left: 0;
    }
    .cal_txt {
        border: 1px solid #232323;
        border-radius: 5px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        padding: 0;
    }
    .ct td .cal_txt.click_focus:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(206, 152, 60, 0.5);
        z-index: -1;
        border: 0;
        top: 0;
        left: 0;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .ct_today .cal_txt {
        background-color: #CE983C;
    }
    .calendar_today_subtxt {
        font-size: 14px;
    }
    .calendar_today_li {
        height: 50px;
        padding: 15px 20px;
    }
    /* }sect_calendar */
    
    .sect_scd .poster_li:first-child {
        margin-left: 0;
    }


    .calendar_year {
        display: none;
    }
    .calendar_month {
        display: none;
    }
    .calendar_nav span {
        display: inline-block;
    }


    .calendar_today {
        margin-top: 20px;
    }
    .calendar_legend li {
        display: inline-block;
        width: 50%;
        text-align: left;
    }
    .calendar_legend {
        padding: 15px 0 5px 0;
    }
    .input_div.price, .input_div.place {
        width: 100%;
    }

    .sect_scd.perform .poster_period {
        bottom: 80px;
        font-size: 14px;
    }
    .sect_scd.perform .poster_subj {
        font-size: 16px;
    }
    .calendar_legend_ {
        max-width: 270px;
        margin: 0 auto;
    }

/* }일정 */
    .pefDetail_view {
        margin-top: 0px;
    }


    li.pdtb_td {
        height: 45px;
    }
    section.sect_calendar {
        margin-top: 35px;
    }

    .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: #A13CCE;}
    .calendar_today_li.legend_6 a:before{content:'한';background: #E44126;}
    .calendar_today_li.legend_7 a:before{content:'지';background: #5E8D3C;}


    section.sect_calendar .wrapper {
        padding: 0 10px;
    }
    section.sect_scd.perform .wrapper {
        padding: 0;
        padding-bottom: 25px;
    }
    .calendar_eventTitle {
        display: block;
        text-align: center;
        border: 1px solid #E4E4E4;
        padding: 15px 0;
        margin-top: 15px;
    }


    .pefDetail_view {
        margin-top: 0px;
    }


    li.pdtb_td {
        height: 45px;
    }
    section.sect_calendar {
        margin-top: 35px;
    }

    .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: #A13CCE;}
    .calendar_today_li.legend_6 a:before{content:'한';background: #E44126;}
    .calendar_today_li.legend_7 a:before{content:'지';background: #5E8D3C;}


    .sect_scd.perform .scd_poster.event .poster_img {
        width: 100%;
        height: 194px;
    }
    td.td_subject {
        font-size: 10px;
        height: 35px;
        width: 35px;
    }
    td.td_content {
        font-size: 12px;
    }
    .event_tag {
        width: 27px;
        height: 27px;
        bottom: 4px;
        right: 4px;
        font-size: 12px;
        padding: 4px 0;
    }

    .pdt_hd_subj span::before {
        display: none;
    }
    .pdt_hd_subj>span {
        padding: 4px;
        margin-top: 0;
    }



    /* 연혁 */
    .perDetail_hd.history .pdt_hd_thum .poster_img {
        width: 100%;
    }
    .perDetail_hd.history .pdt_hd_ {
        padding: 20px;
    }
    .perDetail_hd.history {
        padding-top: 0;
    }
    .perDetail_hd.history .pdt_hd_thum {
        left: 0;
    }
    .history_title {
        font-size: 16px;
        text-align: center;
    }
    .perDetail_hd.history .pdt_cnt_list {
        padding-left: 0;
    }
    .perDetail_hd.history li.pdtb_td {
        height: 45px;
    }
    .history_btn {
        position: static;
        top: auto;
        left: auto;
        width: 100%;
    }
    .history_btn .sfbtn {
        width: 100%;
    }
    .perDetail_hd.history .pdtb {
        padding-bottom: 10px;
    }
    .perDetail_hd.history .pdt_hd_ {
        margin-bottom: 10px;
    }




    /* bbsGallery List */
    .bbsGallery { 
        border-bottom: 0;
    }
    .bbs_list_ul {
        margin: 0;
    }
    .bbs_list_li {
        width: 100%;
        padding: 0;
        margin-bottom: 23px;
    }
    .bbs_list_li_ {
        border: 1px solid #E4E4E4;
    }
    .bbs_list_txt_wrap>.bbs_list_href {
        padding-top: 0;
        padding: 20px;
    }
    .bbs_list_subj {
        font-size: 16px;
        font-weight: 500;
    }
    .bbs_list_date {
        font-size: 12px;
        margin-top: 7px;
    }
    .bbs_list_subj .ico_new {
        padding-right: 23px;
    }


    .event_gallery {
        padding: 20px;
        padding-bottom: 25px;
    }


	/* 참여 아티스트 */
	section.sect_scd.perform.artist .wrapper{padding: 20px;}
	.total_artist{font-size: 14px;}
	.poster_box_txtList > p{font-size: 10px;}
	.poster_box_txtList > p:not(:last-child){padding-bottom: 0;}
	.sect_scd.perform.artist .poster_li{padding: 15px 0;}
	.sect_scd.perform.artist .poster_list>ul{margin: -15px 0;}
	.sect_scd.perform.artist .scd_poster.event .poster_img{height: 194px;}
	.calendar_list_table {display: none;}
	.calendar_today_li > a {padding: 0;}
}	


@media screen and (max-width: 320px) {
    .calendar_legend li {
        padding-right: 0;
    }
}

@media screen and (max-width: 320px) {
    .calendar_legend li {
        padding-right: 0;
    }
}