@charset "utf-8";
@media screen and (max-width: 768px) {

    /* mobile_popup */
    .mobile_popup {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 1000;
        background: rgba(0,0,0,0.7);
        padding: 15px;
        border-radius: 0;
    }
    .mobile_popup_list {
        display: block;
        padding: 5px;
        background: #232323;
        padding-bottom: 0;
        /*     height: calc(100vh - 116px); */
    }
    .mobile_popup_list img {
        width: 100% !important;
        height: auto !important;
    }
    .mobile_popup_list.active {
        height: calc(100vh - 116px);
    }
    .mobile_popup_list > li {
        width: 100%;
        max-width: 423px;
    }
    .mobile_popup_list > li p a {
        padding-bottom: 0;
        /*     overflow: hidden; */
    }
    .mobile_popup_list > li p a img {
        width: 100%;
        height: auto !important;
        position: relative;
        /* top: -50px; */
        left: auto;
    }
    .mobile_popup_wrap {
        min-width: 350px;
        /*max-width: 330px;*/
    }
    .mobile_popup_wrap .pop_ft {
        padding: 10px;
        height: 45px;
    }

    /* sect_slide{ */
    section.sect_main_visual.full_sect .wrapper {
        overflow: visible;
    }
    .banner_wrap {
        height: 187.5px;
        height: 0;
        padding-bottom: 52.0833333%;
        background-size: auto 100%;

    }
    .slide_con {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
        font-size: 0;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        height: auto;
    }
    /* slidetxt_wrap{ */
    .slidetxt_wrap {
        position: static;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding-right: 100px;
    }
    .slidetxt_wrap.none_poster {
        padding-right: 0;
    }
    .title_wrap {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    .title_wrap *{
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    .txt_wrap {
        padding-left: 10px;
        margin-top: 10px;
    }
    .txt_wrap .txt {
        font-size: 12px !important;
    }
    .txt_wrap .txt *{
        font-size: 12px !important;
    }
    .slide_button {
        display: none;
    }
    /* }slidetxt_wrap */

    /* slide_poster{ */
    .slideposter_wr {
        position: absolute;
        right: 15px;
    }
    .poster {
        width: 82px;
        height: 119px;
        border-radius: 2px;
    }
    .poster img {
        border-radius: 2px;
    }
    .event_sort {
        top: 10px;
        left: -10px;
    }
    .event_sort>span {
        font-size: 12px;
        width: 40px;
        padding: 2px 0;
    }
    .event_sort span.academi,
    .event_sort span.culturecity {
        padding: 2px 3px;
    }
    /* }slide_poster */

    /* Add Arrows, Add Pagination{ */
    .sect_slide .swiper-pagination {
        display: none;
    }
    .sect_slide .arrows_wrap {
        width: 82px;
        max-width: 100%;
        transform: translate(0, 0);
        top: auto;
        bottom: 5px;
        right: 15px;
        left: auto;
    }
    .sect_slide .slide-button-next {
        width: 30px;
        height: 40px;
        background: #232323;
    }
    .sect_slide .slide-button-prev {
        width: 30px;
        height: 40px;
        background: #232323;
    }
    .sect_slide .arrows_wrap span {
        position: absolute;
        top: 56%;
        left: 38%;
    }
    .sect_slide .slide-button-prev span::before {
        width: 9px;
        margin-top: -6px;
        top: 0;
        left: 0;
    }
    .sect_slide .slide-button-prev span::after {
        width: 9px;
        top: 0;
        left: 0;
    }
    .sect_slide .slide-button-next span:before {
        width: 9px;
        margin-top: -6px;
        top: 0;
        left: 0;
    }
    .sect_slide .slide-button-next span:after {
        width: 9px;
        top: 0;
        left: 0;
    }
    /* }Add Arrows, Add Pagination */

    /* }sect_slide */





    /*sect_scd{*/
    .sect_scd {
        margin-top: 48px;
    }
    .sect_scd .wrapper{
        padding: 0;
    }
    .scd {}
    /*scd_date{*/
    .scd_date {
        position: relative;
        border-top: 1px solid #E4E4E4;
        border-bottom: 1px solid #E4E4E4;
        padding-right: 0;
        padding: 0 15px;
    }
    .scd_date_list {
        font-size: 0;
        padding-right: 40px;
    }
    .scd_control_prev,
    .scd_control_next{
        display: none;
    }
    .scd_control_prev:hover,
    .scd_control_next:hover{opacity: 0.5;}
    .scd_control_prev {}
    .scd_control_next {}

    .scd_control_next:before,
    .scd_control_next:after,
    .scd_control_prev:after,
    .scd_control_prev:before{
        content: '';
        width: 13px;
        height: 2px;
        background: #000;
        position: absolute;
        top: 52px;
        left: 20px;
    }

    .scd_control_next:before {
        transform: rotate( 45deg);
        margin-top: -8px;
    }
    .scd_control_next:after {
        transform: rotate( -45deg);
    }


    .scd_control_prev:after {
        transform: rotate( 45deg);
    }
    .scd_control_prev:before {
        transform: rotate( -45deg);
        margin-top: -8px;
    }


    .scd_date_ul {
        display: block;
        vertical-align: top;
    }
    .scd_date_ul>li {
        width: 14.2857%;
        height: 65px;
    }
    .scd_date_ul>li:nth-child(n+8){
        display: none;
    }
    .scd_date_ul>li.today{
        font-weight: 700;
    }

    .scd_date_ul>li.blue_day{
        color: #4449C1;
    }
    .scd_date_ul>li.red_day {
        color: #E44126;
    }
    .scd_date_ul>li:hover:after{content:'';width: 100%;height: 3px;background-color: #000;position: absolute;left: 0;bottom: 0;}
    .scd_date_ul>li:hover{
        font-weight: 700;
        background-color: #F7F7F7;
    }
    .scd_date_ul>li>button {
        font-size: 12px;
    }
    .scd_date_ul .month {
        top: -13px;
        font-size: 12px;
        width: 55px;
        height: 25px;
    }
    .scd_date_ul .date {
        display: block;
    }
    .scd_date_ul .text {
        display: block;
    }

    .scd_calendar {right: 15px;width: 33px;}
    .scd_calendar .sftext{
        width: 33px;
        height: 41px;
    }
    .scd_calendar input {

    }
    .scd_calendar label {
    }
    .scd_calendar label:after{width: 15px;height: 15px;background-size: 14px 30px;}
    .scd_calendar .sftext:hover{
        background-color: #404040;
        border-color: #404040;
    }
    .scd_calendar .sftext:hover label:after{
        background-position: bottom;
    }

    .datepicker.scd_picker{
        width: calc(100vw - 50px);
        border: 1px solid #E4E4E4;
        border-radius: 5px;
    }
    .datepicker.scd_picker .datepicker--nav{
        height: 50px;
        border: 0;
    }
    .datepicker.scd_picker i.datepicker--pointer{display: none;}
    .datepicker.scd_picker .datepicker--nav-title{
        font-size: 16px;
    }


    .datepicker.scd_picker .datepicker--nav-title i{
        font-size: 16px;
    }
    .datepicker.scd_picker .datepicker--day-name {
        font-size: 16px;
    }


    .datepicker.scd_picker .datepicker--cells-days{
        padding: 10px;
    }
    .datepicker.scd_picker .datepicker--cell-day {
        font-size: 16px;
        height: 35px;
        width: 14.28571%;
        margin: 0;
    }
    .datepicker.scd_picker .datepicker--days-names {
        padding: 0 10px;
    }

    /*}scd_date*/




    /*}sect_scd*/




    /* sect_use_guide{ */
    .use_title>span {
        font-size: 24px;
    }

    .use_subj_title>span {
        font-size: 12px;
    }
    br.delete{
        display: block;
    }
    .latest_list_wrap {
        margin: 40px 0 60px 0;
        height: auto;
    }
    .board_latest {
        width: 100%;
        display: inline-block;
    }
    .sect_use_guide {
        padding: 50px 0 30px 0;
    }
    .use_subj_title {
        padding-top: 10px;
    }
    /* lnb{ */
    ul.lnb_hd {
        display: block;
    }
    .lnb_hd .lnb_li{
        position: relative;
    }
    ul.lnb_ul {
        font-size: 0;
        position: absolute;
        display: none;
        border: 0;
        width: 100%;
        padding: 0;
        height: auto;
        border: 1px solid #561908;
        border-radius: 0;
        border-top: 0;
        z-index: 11;
    }
    li.lnb_li {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        position: relative;
        padding: 0;
    }
    .lnb_hd .lnb_li:after, .lnb_hd .lnb_li:before {
        content: '';
        position: absolute;
        height: 2px;
        width: 7px;
        background: #4E1D0E;
        left: 100%;
        top: 25px;
        display: block;
        /* transition: all .2s; */
    }
    .lnb_hd .lnb_li:before {
        transform: rotate(45deg);
        margin-left: -34px;
    }
    .lnb_hd .lnb_li:after {
        margin-left: -30px;
        transform: rotate(-45deg);
    }
    .lnb_hd .lnb_li.active:before {
        transform: rotate( -45deg);
    }
    .lnb_hd .lnb_li.active:after {
        transform: rotate( 45deg);
    }
    .lnb_plus {
        display: none;
    }

    li.use_cnt_li {
        width: 100%;
        padding: 10px 0;
    }

    ul.use_cnt_ul {
        margin: 0;
        padding-top: 10px;
    }
    .lnb_hd li.lnb_li.lnb_li_active a {
        background: #fff;
        border: 1px solid #4E1D0E;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        color: #561908;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        text-align: left;
        padding: 12px 20px;
        font-size: 16px;
    }
    ul.lnb_ul li.lnb_li.lnb_li_active a{
        background: #fff;
    }
    ul.lnb_ul li.lnb_li a{
        text-align: left;
        padding: 13px 20px;
        font-size: 16px;
    }
    /* }lnb */

    /* post_cnt{ */
    .post_title_wr{
        max-width: calc(100% - 20px);
    }
    .board_list_wrap {
        padding: 0 20px;
        height: auto;
    }
    span.post_write {
    }
    span.post_date {
        font-size: 12px;
    }
    span.post_master {
        font-size: 12px;
    }
    li.post_li {
        padding: 11px 0;
    }
    .post_cnt {
        padding-top: 3px;
    }
    .post_cnt_l {
        display: none;
    }
    .post_cnt_r {
        display: inline-block;
        float: inherit;
    }
    /* }post_cnt */

    /* notice_image{ */
    .control_panel.notice {
        width: 150px;
    }

    .notice_image {
        width: 100%;
        float: inherit;
    }

    .notice_image_title {
        width: calc(100% - 150px);
        padding: 13px 20px;
    }

    .control_panel>button {
        height: 50px;
        width: 50px;
        margin-right: 0;
    }
    .control_panel.notice {
        width: 150px;
    }
    .control_panel>button.btn_play {background-size: 100%;}
    .notice_image .swiper-slide {
        width: 100%;
        /* height: 209px; */
        position: relative;
        height: 0;
        padding-bottom: 64.03162%;
    }
    .notice_image .swiper-slide > a{
        position: absolute;
        left: 0;
        top: 0;
    }
    .img_wrap {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .gallery li.post_li {
        width: 100%;
        padding: 10px 0;
    }
    ul.post_ul.gallery {
        margin: 0;
        padding: 10px 0;
    }
    /* }notice_image */
    .post_img {
        height: 162px;
    }
    .post_cnt_title {
        font-size: 16px;
    }
    /* youtube_image{ */
    .youtube_image {
        width: 100%;
        float: inherit;
    }

    .youtube_image_title {
        width: calc(100% - 150px);
        padding: 13px 20px;
    }

    .control_panel>button {
        height: 50px;
        width: 50px;
    }
    .control_panel {
        width: 150px;
    }
    .control_panel>button.btn_play {background-size: 100%;}
    .youtube_image .swiper-slide {
        width: 100%;
        /* height: 209px; */
        position: relative;
        height: 0;
        padding-bottom: 64.03162%;
    }
    .youtube_image a{
        position: absolute;
        top: 0;
        left: 0;
    }
    .youtube_wr {
        max-width: 100%;
    }
    /* }youtube_image */
    /* }sect_use_guide */

    .main_visual{height: auto;}

    .sect_bandBanner{margin-top: 30px;}
    .bandBanner-slide{height: 58px; background-image: url("../../../images/user/main/bandBanner-bg_m.png")}
    .bandBanner-slide::before{content: '';position: absolute;top: 7px;left: 12px;width: 23px;height: 15px;background: no-repeat 50% / cover;background-image: url("../../../images/user/main/bandBanner-bg_m2.svg")}
    .bandBanner-slide::after{content: '';position: absolute;top: 0;right: 0;width: 105px;height: 100%;background: no-repeat 50% / cover;background-image: url("../../../images/user/main/bandBanner-bg_m3.svg")}
    .bandBanner-slide img {max-width: 243px;}
    .bandBanner-year{font-size: 8px; bottom: 7px; left: 10px;}




    /*---End of Media---*/
}

@media screen and (max-width: 425px) {
    .slide_con {
        top: 42%;
        padding:0;
    }


}

@media screen and (max-width: 375px) {
    .slide_con {
        top: 35%;
        padding:0;
    }

    .txt_wrap .txt {
        font-size: 10px !important;
    }
    .txt_wrap .txt *{
        font-size: 10px !important;
    }

    .slidetxt_wrap {

        padding-right: 0px;
    }

}