@charset "utf-8";
@media screen and (max-width: 768px) {
    aside {
        bottom: 80px;
    }
    /* sect_performDetail{ */
    .per_title{
        display: block;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        padding: 13px 0;
    }
    .per_cnt_top .per_title.mo {
        display: block;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        padding: 13px 0;
    }

    .per_cnt_box {
        height: auto;
    }
    .per_cnt_bx {
        border: 1px solid #333;
        border-radius: 0 0 5px 5px;
    }
    .pdt_cnt {
        padding-bottom: 0;
    }
    .per_cnt_bottom .per_bt_box {
        border: 1px solid #333;
        border-radius: 0 0 5px 5px;
        height: 350px;
        padding: 15px;
    }
    
    .per_cnt_bottom .per_cnt_top {
        border: 0;
        border-radius: 0;
    }
    /* perDetail_hd{ */

    .perDetail_hd {
        position: relative;
        top: inherit;
        left: inherit;
        height: auto;
        width: 100%;
        padding: 0 0 20px 0;
    }
    .perDetail_hd .pdt_hd_{width: 100%;}
    .perDetail_hd .pdt_hd_info {
        width: 100%;
        padding-right: 0;
    }
    .perDetail_hd .pdt_hd_info_ {
        padding: 20px;
        border: 1px solid #232323;
        border-radius: 0 0 5px 5px;
    }
    .perDetail_hd .per_title.m_slide::after, .perDetail_hd .per_title.m_slide::before{
        content: '';
        position: absolute;
        height: 2px;
        width: 10px;
        background-color: #fff;
        right: 20px;
        top: 50%;
        display: block;
        transition: all .2s;
        z-index: 1;
    }
    /* per_title */
    .perDetail_hd .per_title.m_slide::before {
        margin-right: 6px;
        transform: rotate(45deg);
    }
    .perDetail_hd .per_title.m_slide::after {
        margin-right: 0;
        transform: rotate(-45deg);
    }
    .perDetail_hd .per_title.m_slide.open::after {
        transform: rotate(45deg);
    }
    .perDetail_hd .per_title.m_slide.open::before {
        transform: rotate(-45deg);
    }
    .perDetail_hd .per_title.mo {
        display: block;
    }
    /* poster_img */
    .poster_img {
        margin: 0 auto;
    }
    .pdt_cnt_list{margin-top: 0;}
    .pdt_hd_subj {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        color: #232323;
        padding-top: 0;
        margin-top: 20px;
        margin-bottom: 20px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 35px 0;
    }
    .pdtb .pdtb_th {
        width: 90px;
    }
    .perDetail_hd .pdtb_td{
        height: 50px;
    }
    .pdtb_td {
        display: table-cell;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 400;
        color: #3B3B3B;
        background-color: #fff;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #E4E4E4;
        height: 50px;
        padding: 0 17px;
        text-align: center;
    }
    .pdtb_td.res {
        padding: 10px;
    }
    .seat_select_title {
        font-size: 12px;
        max-width: 50%;
    }
    .seat_select_box {
        font-size: 16px;
        padding: 15px;
    }
    .cont_title {
        text-align: center;
        font-size: 14px;
    }
    .sfselect>select {
        font-size: 14px;
    }
    .per_box .per_title {
        border-radius: 0;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        padding: 10px 0;
        width: 100%;
        background-color: #E4E4E4;
        color: #232323;
    }
    
    .date_txt {
        font-size: 12px;
    }
    .date_txt .color {
        padding: 7px;
        margin-top: 1px;
    }
    /* per_date */
    .per_date .showtimeSelect .showtimeSelect_seat {
        display: inline-block;
        vertical-align: top;
    }

    .per_date .showtimeSelect .showtimeSelect_time {
        display: inline-block;
        vertical-align: top;
        padding-right: 5px;
    }
    .per_date .showtimeSelect label {
        padding: 8px 0;
    }
    /* }perDetail_hd */

    /* perDetail_bd{ */
    .perDetail_bd {
        padding: 0;
        width: 100%;
    }
    .pdt_cnt.select {
        margin: 0;
        padding-bottom: 0;
    }
    .per_box .per_title {
        border-radius: 0;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        padding: 10px 0;
        width: 100%;
        background-color: #E4E4E4;
        color: #232323;
    }
    .per_box.mid, .per_box.small {
        padding: 0;
        max-width: 100%;
    }
    .pdt_cnt.select .per_box_cnt {
        padding: 10px;
    }
    .pdt_cnt .per_box_cnt {
        padding: 20px;
        border: 0;
    }
    .pdt_con {
        margin-top: 20px;
    }
    .per_cnt_bottom {
        padding: 20px 0 50px 0;
    }
    /* }perDetail_bd */

    /* button_wrap */
    .button_wrap .wrapper {
        padding: 0;
    }
    /* etiq_txt{ */
    .etiq_title {
        font-size: 16px;
    }
    .per_cnt_bottom .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;
    }
    /* }etiq_txt */
    /* }sect_performDetail */


    /* sect_perforSeat2{ */
    .sect_perforSeat2 .per_box.mid, .sect_perforSeat2 .per_box.small{
        width: 100%;
        display: block;
    }
    .sect_perforSeat2 .seat_select_box {
        top: unset;
        transform: unset;
        height: auto;
    }
    .sect_perforSeat2 .seat_select_title {
        top: unset;
        transform: unset;
    }
    
    .sect_perforSeat2 .select_box_list {
        top: unset;
        transform: unset;
    }
    .sect_perforSeat2 .pdt_cnt.select .per_box:nth-child(2) .per_box_cnt{padding: 10px;}
    .sfbtn.ico_seat i{display: none;}
    li.btn_li .sfbtn .sfbtn_wr {
        font-size: 16px;
    }
    
    .sfbtn.height-65 {
        height: 55px;
    }
    /* }sect_perforSeat2 */
    /* modal_reserve{ */
    .modal.modal_alert.reserve .modal_cont{
        font-size: 14px;
    }
    /* }modal_reserve */

    .sect_performDetail {
        padding-bottom: 30px;
    }
       /* sfadderess */
	.sfaddress_wrap .sfaddress .sfepost, .sfaddress_wrap .sfaddress .sfaddnum>input, .sfaddress_wrap .sfaddress .sfdetail>input{
		width:100%;
		display: flex;
	}
	.sfaddress .sfepost>input:first-child {
	    max-width: calc(180px - 10px);
	    width: 100%;
	}
	
	.sfaddress_wrap .sfaddress input[type="button"] {
	    max-width: 100px;
	    width: 100%;
	    font-size: 14px;
	}
}