@media (min-width: 500px){
    #content.main_box {
        width: calc(100% - 80px);
        height: calc(100vh);
        overflow: hidden;
        position: absolute;
        top: 80px;
        left: 80px;
        margin-left: 0;
        margin-top: 0;
    }
    
    .slide_list {
        position: relative;
        height: calc(100vh - 150px);
        line-height: calc(100vh - 150px);
        vertical-align: middle;
    }
    
    .slide_list img {
       /* height: 100%; */
       max-height: 100%;
        max-width: 100%;
       display:inline;
    }
    
    
    .main_slide .slick-current::before {
        content: "";
        display: block;
        width: 100%;
        height: 700px;
       /* background: linear-gradient(#222, transparent); */
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        border-radius: 10px 10px 0 0;
    }
    
    .slide_list .txt {
        position: absolute;
        top: 100px;
        left: 50px;
        z-index: 99;
        display: none;
    }
    
    .slide_list .txt .tit {
        font-size: 4em;
        font-weight: 700;
        color: #fff;
    }
    
    .slide_list .txt .en_tit {
        font-size: 2em;
        color: #fff;
        margin-top: 10px;
    }
    
    .slide_list .txt .ticket {
        display: block;
        width: 11em;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #fff;
        font-size: 1.8em;
        border: 2px solid #c3c3c4;
        box-sizing: border-box;
        border-radius: 30px;
        background: transparent;
        margin-top: 2em;
        cursor: pointer;
    }
    
    .main_slide .slick-current.slick-slide {
        transform: scale(1);
        opacity: 1;
    }
    
    .main_slide .slide_list img.show {
        transform: rotateX(0deg) scale(1.00) translate3d(0, 0%, 0);
        opacity: 1;
    }
    
    .main_slide .slide_list img{
        transition: opacity 900ms ease, transform 900ms ease;
        transform: rotateX(20deg) scale(0.85) translate3d(0, 2%, 0);
        opacity: 0;
    }
    
    .main_slide .slick-slide {
        opacity: 0.3;
    }
    
    .main_slide .slick-current .txt {
        display: block;
        line-height:60px !important;
    }
    
    .main_slide .slick-dots {
        position: absolute;
        top: 60px;
        left: 95px;
       /* z-index: 9; */
    }
    
    .main_slide .slick-dots li {
        float: left;
        margin: 0;
        padding: 0;
    }
    
    .main_slide .slick-dots li button {
        width: 40px;
        height: 2px;
        margin: 0;
        padding: 0;
        border: none;
        background: rgba(255, 255, 255, 0.3);
        cursor: pointer;
        font-size: 0;
    }
    
    .main_slide .slick-dots .slick-active button {
        background: #fff;
    }
    
    .main_slide .slider-count {
        position: absolute;
        top: 62px;
        left: 78px;
        width: 194px;
     /*   z-index:100;*/
    }
    
    .main_slide .slider-count .left {
        float: left;
    }
    
    .main_slide .slider-count .right {
        float: right;
    }
    
    .main_slide .slider-count p span {
        font-size: 14px;
        color: #fff;
        font-weight: 700;
    }
    
    .main_slide .slick-arrow {
        position: absolute;
        top: 63px;
        width: 20px;
        height: 20px;
        font-size: 0;
        border: none;
        cursor: pointer;
        z-index: 9;
    }
    
    .main_slide .slick-prev {
        background: url(/image/slide_prev.png) center no-repeat;
        left: 290px;
        z-index:100;
    }
    
    .main_slide .slick-next {
        background: url(/image/slide_next.png) center no-repeat;
        left: 314px;
        z-index:100;
    }
    
    .main_slide .slick-slide {
        margin: 0 15px;
    }
    
    .main_slide .slider .slick-list {
        margin: 0 -15px;
    }
    
    .bg_box {
        background-color: rgba(0,0,0,0.8);
        backdrop-filter: blur(8px);
        position: absolute;
        left: 0;
        bottom: 70px;
        width: 100%;
        z-index: 10;
    }
    
    .bg_box_nb {
        background-color: rgba(0,0,0,0.8);
        backdrop-filter: blur(8px);
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 10;
    }
    
    .bg_box .box_tit {
        font-size: 2.2em;
        font-weight: 700;
        color: #fff;
    }
    
    .movie_list_box > .inner {
        padding: 40px 0 40px 30px;
    }
    
    .movie_list_box .ticket_btn {
        margin-left: 25px;
    }
    
    .movie_list_box .ticket_btn::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_list_box .ticket_btn button {
        background: none;
        border: none;
        cursor: pointer;
        font-size: 2.2em;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.4);
        float: left;
        margin-right: 30px;
    }
    
    .movie_list_box .ticket_btn button:last-child {
        margin-right: 0;
    }
    
    .movie_list_box .ticket_btn button.on {
        color: #fff;
    }
    
    .movie_slide {
        margin-top: 20px;
    }
    
    .movie_slide .slick-slide {
        margin: 0 30px;
    }
    
    .movie_slide .slider .slick-list {
        margin: 0 -30px;
    }
    
    .movie_slide .poster {
        position: relative;
    }
    
    .movie_slide .poster::after {
        content: "";
        width: 100%;
        height: 100px;
        background: linear-gradient(transparent, #000);
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    .movie_slide .poster .movie_img{
        position: relative;
    }
    
    .movie_slide .poster .age{
        position: absolute;
        top:0;
        right:10px;
        margin-top:9px;
    }
    
    .movie_slide .poster .num {
        position: absolute;
        left: 10px;
        bottom: 4px;
        font-size: 4em;
        color: #fff;
        font-weight: 700;
        z-index: 99;
    }
    
    .movie_slide .movie_tit {
        font-size: 1.6em;
        color: #fff;
        font-weight: 700;
        margin-top: 1em;
    }
    
    .movie_slide .btn_list {
        margin-top: 1.6em;
    }
    
    .movie_slide .btn_list::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_slide .btn_list button {
        display: block;
        width: 36px;
        line-height: 36px;
        text-align: center;
        width: calc(50% - 4px);
        margin-right: 8px;
        float: left;
        border-radius: 5px;
        border: 1px solid #c3c3c4;
        box-sizing: border-box;
        color: #fff;
        font-size: 1.4em;
        font-weight: 600;
        cursor: pointer;
        background: transparent;
    }
    
    .movie_slide .btn_list button.bg {
        border: 1px solid #c3c3c4;
        background: #c3c3c4;
    }
    
    .movie_slide .btn_list button:last-child {
        margin-right: 0;
    }
    
    .ticketing_box > .inner {
        padding: 40px 60px 50px 60px;
    }
    
    .movie_ticket_box {
        border: 1px solid #c3c3c4;
        box-sizing: border-box;
        margin-top: 2em;
        width: 100%;
    }
    
    .movie_ticket_box::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_ticket_box .all_movie {
        float: left;
        display: block;
        width: 25%;
    }
    
    .movie_ticket_box .all_movie::-webkit-scrollbar {
        width: 7px;
    }
    
    .movie_ticket_box .all_movie::-webkit-scrollbar-thumb {
        background-color: #4b4b4c;
    }
    
    .movie_ticket_box .all_movie::-webkit-scrollbar-track {
        background-color: rgba(0,0,0,0.8);
    }
    
    .movie_ticket_box .all_movie .all_movie_tit {
        height: 60px;
        line-height: 60px;
        position: relative;
    }
    
    .movie_ticket_box .all_movie .all_movie_tit .tit {
        text-indent: 30px;
        font-size: 1.8em;
        color: #fff;
        font-weight: 600;
    }
    
    .movie_ticket_box .all_movie .all_movie_tit select {
        width: 110px;
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translate(0, -50%);
    }
    
    .movie_ticket_box .all_movie .tit span {
        font-size: 1em;
        font-weight: 700;
        color: #F98707;
        margin-left: 12px;
    }
    
    .movie_list_wrap .movie_list input {
        appearance: none;
        width: 1px;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .movie_list_wrap .movie_list input[type="radio"]:checked + label {
        border: 1px solid #c3c3c4;
        box-sizing: border-box;
        background: url(/image/movie_chk.png) center right 24px no-repeat;
    }
    
    .movie_list_wrap .movie_list input[type="radio"] + label::after{
        display: none;
    }
    
    .movie_list_wrap .movie_list label {
        display: block;
        width: 100%;
        height: 52px;
        line-height: 52px;
        font-size: 1em;
        padding-left: 0;
        border: 1px solid transparent;
        box-sizing: border-box;
    }
    
    .movie_list_wrap .movie_list label::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .age {
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 10px;
        text-align: center;
        display: block;
        margin-left: 30px;
        margin-top: 16px;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        float: left;
    }
    
    .age.age_12 {
        background: #41ADDE;
    }
    
    .age.age_15 {
        background: #E69F35;
    }
    
    .age.age_all {
        background: #0CB052;
        font-size: 8px;
    }
    
    .age.age_18 {
        background: #DC2121;
    }
    
    .age.age_19 {
        background: #DC2121;
    }
    
    .movie_list_wrap .movie_list .movie_title {
        font-size: 1.6em;
        font-weight: 500;
        color: #9E9E9E;
        float: left;
        margin-left: 12px;
    }
    /*
    .movie_list_wrap .movie_list .live .movie_title{
        font-size: 1.6em;
        font-weight: 500;
        color: #fff;
        float: left;
        margin-left: 12px;
    }
    */
    .movie_list_wrap .movie_list .live .movie_title {
        width: calc(100% - 62px);
        font-size: 1.6em;
        font-weight: 500;
        color: #fff;
        float: left;
        margin-left: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .movie_time {
        border-left: 1px solid #c3c3c4;
        border-right: 1px solid #c3c3c4;
        box-sizing: border-box;
        max-width: 670px;
        float: left;
        position: relative;
        padding-bottom: 30px;
        width: 40%;
    }
    
    
    .movie_ticket_box .movie_time::-webkit-scrollbar {
        width: 7px;
    }
    
    .movie_ticket_box .movie_time::-webkit-scrollbar-thumb {
        background-color: #4b4b4c;
    }
    
    .movie_ticket_box .movie_time::-webkit-scrollbar-track {
        background-color: rgba(0,0,0,0.8);
    }
    
    .movie_time .date {
        margin-left: 30px;
        margin-top: 20px;
        padding-left: 34px;
        background: url(/image/cal_icon.png) center left 0 no-repeat;
        font-size: 1.8em;
        font-weight: 600;
        color: #fff;
    }
    
    .movie_time .icon_wrap {
        position: absolute;
        top: 20px;
        right: 30px;
    }
    
    .movie_time .icon_wrap p {
        float: left;
        margin-right: 12px;
        font-size: 1.3em;
        color: #fff;
        font-weight: 600;
        padding-left: 24px;
    }
    
    .movie_time .icon_wrap p:last-child {
        margin-right: 0;
    }
    
    .movie_time .icon_wrap .day {
        background: url(/image/day_icon.png) center left 0 no-repeat;
    }
    
    .movie_time .icon_wrap .night {
        background: url(/image/night_icon.png) center left 0 no-repeat;
    }
    
    .movie_time .icon_wrap .covid {
        background: url(/image/covid_icon.png) center left 0 no-repeat;
    }
    
    .movie_time .movie_tit {
        margin-top: 30px;
    }
    
    .movie_time .movie_tit::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_time .movie_tit .age {
        margin-top: 3px;
        float: left;
    }
    
    .movie_time .movie_tit .tit {
        font-size: 1.6em;
        font-weight: 600;
        color: #fff;
        margin-left: 12px;
        float: left;
    }
    
    .time_wrap {
        width: calc(100% - 60px);
        margin: 20px auto 0 auto;
    }
    
    .time_wrap .time_wrap_top {
        position: relative;
    }
    
    .time_wrap .time_wrap_top::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .time_wrap .time_wrap_top .tit {
        font-size: 1.4em;
        font-weight: 600;
        color: #fff;
    }
    
    .time_wrap .time_wrap_top .location {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .time_wrap .time_wrap_top .location p {
        float: left;
        color: #fff;
        font-size: 1.4em;
        font-weight: 600;
    }
    
    .time_wrap .time_wrap_top .location .chair {
        margin-left: 12px;
    }
    
    .time_wrap .time_list_wrap {
        margin-top: 12px;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        width: max-content;
    }
    
    .time_wrap + .time_wrap {
        margin-top: 30px;
    }
    
    .time_wrap .time_list_wrap::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .time_wrap .time_list_wrap .time_list {
        margin-right: 10px;
        margin-bottom: 10px;
        display: block;
        float: left;
        text-align: center;
        position: relative;
    }
    
    .time_wrap .time_list_wrap .time_list.day::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        background: url(/image/day_icon_s.png) 0 no-repeat;
        position: absolute;
        top: 4px;
        left: 4px;
    }
    
    .time_wrap .time_list_wrap .time_list.night::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        background: url(/image/night_icon_s.png) 0 no-repeat;
        position: absolute;
        top: 4px;
        left: 4px;
    }
    
    .time_wrap .time_list_wrap .time_list.covid::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        background: url(/image/covid_icon_s.png) 0 no-repeat;
        position: absolute;
        top: 4px;
        left: 4px;
    }
    
    .time_wrap .time_list_wrap .time_list.off {
        opacity: 0.5;
    }
    .time_wrap .time_list_wrap .time_list:last-child {
        margin-right: 0;
    }
    
    .time_wrap .time_list_wrap .time_list p {
        color: #fff;
        text-align: center;
    }
    
    .time_wrap .time_list_wrap .time_list input {
        position: absolute;
    }
    
    .time_wrap .time_list_wrap .time_list label {
        display: block;
        width: 100%;
        height: 35px;
        border: 1px solid #c3c3c4;
        box-sizing: border-box;
        border-radius: 5px;
        padding-left: 0;
        font-size: 1em;
    }
    
    .time_wrap .time_list_wrap .time_list label::after{
        display: none;
    }
    
    .time_wrap .time_list_wrap .time_list input[type="radio"]:checked + label {
        border: 1px solid #c3c3c4;
        background: rgba(249, 136, 10, 0.24);
    }
    
    .time_wrap .time_list_wrap .time_list .start {
        font-size: 1.3em;
        font-weight: 600;
        margin-top: 6px;
        padding: 0 10px;
    }
    
    .time_wrap .time_list_wrap .time_list .end {
        font-size: 12px;
        font-weight: 400;
        margin-top: 0;
    }
    
    .time_wrap .time_list_wrap .time_list .num {
        font-size: 1.4em;
        margin-top: 8px;
    }
    .time_wrap .time_list_wrap .time_list.off {
        opacity: 0.5;
    }
    
    .movie_info {
        float: left;
        width: 35%;
        position: relative;
    }
    
    .movie_info .movie_poster {
        width: calc(100% - 60px);
        margin: 30px auto 0 auto;
    }
    
    .movie_info .movie_poster::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info .movie_poster .poster {
        width: 224px;
        position: relative;
        float: left;
    }
    
    .movie_info .movie_poster .poster::after {
        content: "";
        width: 100%;
        height: 100px;
        background: linear-gradient(transparent, #000);
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    .movie_info .movie_poster .poster .num {
        position: absolute;
        left: 10px;
        bottom: 4px;
        font-size: 4em;
        color: #fff;
        font-weight: 500;
        z-index: 9;
    }
    
    .movie_info .movie_poster .movie_info_txt {
        width: calc(100% - 264px);
        float: left;
        margin-left: 4em;
    }
    
    .movie_info .movie_poster .movie_info_txt .tit {
        font-size: 2em;
        font-weight: 700;
        color: #fff;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box {
        margin-top: 2em;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box .info_list {
        margin-bottom: 1.6em;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box .info_list:last-child {
        margin-bottom: 0;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box .info_list::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box .info_list .th {
        float: left;
        font-size: 1.6em;
        color: #BCBCBC;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box .info_list .td {
        float: left;
        font-size: 1.6em;
        font-weight: 600;
        color: #fff;
        margin-left: 20px;
    }
    
    .movie_info .total_box {
        width: calc(100% - 60px);
        margin: 14em 0 24px 30px;
    }
    
    .movie_info .total_box::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info .total_box .total_num {
        float: left;
        line-height: 60px;
    }
    
    .movie_info .total_box .total_num .total {
        float: left;
        font-size: 2em;
        color: #fff;
        font-weight: 600;
    }
    
    .movie_info .total_box .total_num .price {
        float: left;
        font-size: 2em;
        margin-left: 1em;
        font-weight: 700;
        color: #c3c3c4;
    }
    
    .movie_info .total_box .btn {
        width: 200px;
        height: 60px;
        line-height: 60px;
        display: block;
        text-align: center;
        background: white;
        color: black;
        border-radius: 5px;
        font-size: 1.6em;
        font-weight: 700;
        cursor: pointer;
        border: none;
        float: right;
    }
    
    .movie_info .total_box .total_btn_wrap {
        float: right;
    }
    
    .movie_info .total_box .total_btn_wrap button {
        width: 100px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        display: block;
        border-radius: 5px;
        font-size: 1.6em;
        font-weight: 700;
     /*   color: #fff;
        background: #363636; */
        float: left;
        margin-right: 8px;
        border: none;
        cursor: pointer;
    }
    
    .movie_info .total_box .st_nx_off {
        background: #363636;
        color: #fff;
    }
    
    
    .movie_info .total_box .stlf_off {
        background: #363636;
        color: #fff;
    }
    
    .movie_info .total_box .stlf_on {
        background: #c3c3c4;
        color: #fff;
    }
    
    
    
    .movie_info .total_box .strf_off {
        background: #363636;
        color: #fff;
    }
    
    .movie_info .total_box .strf_on {
        background: #c3c3c4;
        color: #fff;
    }
    
    .movie_info .total_box .total_btn_wrap button:last-child {
        margin-right: 0;
    }
    
    .movie_info .total_box .total_btn_wrap button.bg {
        background: #c3c3c4;
    }
    
    .movie_seat {
        position: relative;
        float: left;
        width: 65%;
        border-right: 1px solid #c3c3c4;
        box-sizing: border-box;
    }
    
    .movie_seat .tit {
        font-size: 1.8em;
        color: #fff;
        font-weight: 600;
        margin-top: 1em;
        margin-left: 30px;
    }
    
    .movie_seat .refresh {
        position: absolute;
        top: 20px;
        right: 30px;
        font-size: 1.4em;
        font-weight: 600;
        padding-left: 30px;
        background: url(/image/refresh.png) center left 0 no-repeat;
        color: #fff;
        border: none;
        cursor: pointer;
    }
    
    .movie_seat .btn_area {
        height: 56px;
        line-height: 56px;
        background: rgba(62, 62, 62, 0.7);
        margin-top: 2em;
    }
    
    .movie_seat .btn_area .btn_list {
        float: left;
        margin-right: 4em;
    }
    
    .movie_seat .btn_area .btn_list:first-child {
        margin-left: 30px;
    }
    
    .movie_seat .btn_area .btn_list:last-child {
        margin-right: 0;
    }
    
    .movie_seat .btn_area .btn_list .tit {
        font-size: 1.6em;
        font-weight: 600;
        margin: 0;
        float: left;
    }
    
    .movie_seat .btn_area .btn_list .btn_box {
        float: left;
        margin-left: 3em;
        margin-top: 10px;
    }
    
    .movie_seat .btn_area .btn_list .btn_box button {
        width: 36px;
        height: 36px;
        float: left;
        border: 1px solid #fff;
        box-sizing: border-box;
        cursor: pointer;
    }
    
    .movie_seat .btn_area .btn_list .btn_box button.minus {
        border-radius: 5px 0 0 5px;
        background: url(/image/minus.png) center no-repeat;
    }
    
    .movie_seat .btn_area .btn_list .btn_box button.plus {
        border-radius: 0 5px 5px 0;
        background: url(/image/plus.png) center no-repeat;
    }
    
    .movie_seat .btn_area .btn_list .btn_box .num {
        float: left;
        width: 45px;
        height: 36px;
        line-height: 34px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left:0;
        border-right:0;    
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        font-size: 1.6em;
        background:transparent;
    }
    
    .movie_seat .screen {
        width: calc(100% - 60px);
        margin: 25px auto 0 auto;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: rgba(118, 118, 118, 0.7);
        color: #fff;
        font-size: 1.6em;
        font-weight: 600;
    }
    
    .movie_seat .seat_select {
        margin: 40px auto 50px auto;
       /*  width: 621px; */
       display:table;
    }
    
    .movie_seat .seat_select .seat_list {
        margin-bottom: 6px;
    }
    
    .movie_seat .seat_select .seat_list::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_seat .seat_select .seat_list:last-child {
        margin-bottom: 0;
    }
    
    .movie_seat .seat_select .seat_list .tit {
        font-size: 1.6em;
        color: #fff;
        font-weight: 600;
        float: left;
        margin: 0;
        width: 10px;
        text-align: center;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn {
        float: left;
        margin-left: 30px;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button {
        width: 24px;
        height: 22px;
        border-radius: 8px 8px 1px 1px;
        display: block;
        text-align: center;
        font-size: 12px;
        color: #212121;
        font-weight: 600;
        border: none;
        cursor: pointer;
        float: left;
        margin-right: 4px;
        position: relative;
        padding: 0;
        background: #fff;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.on {
        background: #c3c3c4;
        color: #fff;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button:last-child {
        margin-right: 0;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.seating_tit {
        background: transparent;
        color:#fff;
        border:0;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.disablePerson {
      background: #fd6d8e;
    }
    
    
    .movie_seat .seat_select .seat_list .seat_btn button.disable {
      background: transparent;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.select {
      background: #c3c3c4;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.select_seat {
      background: #c3c3c4;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.normal {
       background: #e4e4e4;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.blank {
        font-size: 0;
        background: hsla(0,0%,45.5%,.87);
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.done {
        font-size: 0;
        background: hsla(0,0%,45.5%,.87);
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.done::after {
        content: "";
        display: block;
        width: 28px;
        height: 1px;
        position: absolute;
        top: 50%;
        left: -3px;
        transform: rotate(-45deg);
        background: #fff;
    }
    
    .movie_seat .seat_txt {
        width: calc(100% - 70px);
        margin: 50px 0 30px 40px;
    }
    
    .movie_seat .seat_txt::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_seat .seat_txt .ex {
        float: left;
        font-size: 13px;
        color: #fff;
    }
    
    .movie_seat .seat_txt .ex_icon {
        float: right;
    }
    
    .movie_seat .seat_txt .ex_icon p {
        float: left;
        font-size: 1.4em;
        color: #fff;
        padding-left: 30px;
        margin-right: 20px;
        position: relative;
    }
    
    .movie_seat .seat_txt .ex_icon p:last-child {
        margin-right: 0;
    }
    
    .movie_seat .seat_txt .ex_icon p::before {
        content: "";
        display: block;
        width: 20px;
        height: 18px;
        border-radius: 6px 6px 1px 1px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }
    
    .movie_seat .seat_txt .ex_icon .disablePerson_icon::before {
        background: #fd6d8e;
    }
    
    .movie_seat .seat_txt .ex_icon .select_icon::before {
        background: #c3c3c4;
    }
    
    .movie_seat .seat_txt .ex_icon .normal_icon::before {
        background: #e4e4e4;
    }
    
    .movie_seat .seat_txt .ex_icon .blank_icon::before {
        background: hsla(0,0%,45.5%,.87);
    }
    
    .movie_seat .seat_txt .ex_icon .done_icon::before {
        background: hsla(0,0%,45.5%,.87);
    }
    
    .movie_seat .seat_txt .ex_icon .done_icon::after {
        content: "";
        display: block;
        width: 28px;
        height: 1px;
        position: absolute;
        top: 50%;
        left: -2px;
        transform: rotate(-45deg);
        background: #fff;
    }
    
    .movie_seat .payment_radio_wrap {
        line-height: 70px;
        border-top: 1px solid #c3c3c4;
        box-sizing: border-box;
        margin-top: 18px;
    }
    
    .movie_seat .payment_radio_wrap::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_seat .payment_radio_wrap .payment_list:first-child {
        margin-left: 30px;
    }
    
    .movie_seat .payment_radio_wrap .payment_list:last-child {
        margin-right: 0;
    }
    
    .movie_seat .payment_radio_wrap .payment_list {
        margin-right: 20px;
        float: left;
    }
    
    .movie_seat .payment_radio_wrap .payment_list label {
        color: #fff;
    }
    
    .movie_seat .card_box {
        width: calc(100% - 60px);
        margin: auto;
        border-top: 1px solid #c3c3c4;
        box-sizing: border-box;
        min-height: 43.8em;
        position: relative;
    }
    
    .movie_seat .card_box .card_select {
        margin-top: 24px;
        line-height: 42px;
    }
    
    .movie_seat .card_box .card_select::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_seat .card_box .card_select .tit {
        margin: 0;
        font-size: 1.6em;
        font-weight: 600;
        float: left;
        line-height: 34px;
    }
    
    .movie_seat .card_box .card_select select {
        width: 200px;
        float: left;
        margin-left: 30px;
        font-size: 14px;
    }
    
    .movie_seat .card_box .card_ex{
        font-size: 14px;
        color: #fff;
        margin-top: 20px;
    }
    
    .movie_seat .card_box .con{
        font-size: 13px;
        color: #fff;
        position: absolute;
        left: 0;
        bottom: 30px;
    }
    
    .bg_box_full{
        background-color: rgba(0,0,0,0.8);
        backdrop-filter: blur(8px);
        position: absolute;
        left: 0;
        bottom: 70px;
        width: 100%;
        height: calc(100vh - 150px);
        z-index: 9;
    }
    
    .bg_box_full > .inner{
        padding: 60px 220px;
    }
    
    .bg_box_full .box_tit{
        font-size: 2.2em;
        font-weight: 700;
        color: #fff;
    }
    
    
    
    .movie_info_box .inner{
        padding: 60px;    
    }
    
    .movie_info_box .movie_scroll_box{
        overflow-y: scroll;
        height: calc(100vh - 150px);
        width: 100%;
    }
    
    .movie_info_box .movie_tit{
        font-size: 2.2em;
        font-weight: 700;
        color: #fff;
    }
    
    .movie_info_box .movie_info{
        float: unset;
        width: 100%;
        padding-bottom: 6em;
    }
    
    .movie_info_box .movie_info .movie_poster{
        width: 100%;
        margin: 20px auto 0 auto;
    }
    
    .movie_info_box .movie_info .movie_poster .poster{
        width: 300px;
    }
    
    .movie_info_box .movie_info .movie_poster .poster::after{
        display: none;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt{
        width: calc(100% - 340px);
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .tit{
        font-size: 4em;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .eng_tit{
        font-size: 2em;
        color: #fff;
        margin-top: 10px;
    }
    
    .movie_info_box .movie_info_txt .movie_score{
        margin-top: 3em;
    }
    
    .movie_info_box .movie_info_txt .movie_score::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info_box .movie_info_txt .movie_score p{
        float: left;
        font-size: 1.6em;
        color: #fff;
        margin-right: 25px;
        position: relative;
    }
    
    .movie_info_box .movie_info_txt .movie_score p:last-child{
        margin-right: 0;
    }
    
    .movie_info_box .movie_info_txt .movie_score p::after{
        content: "";
        display: block;
        width: 1px;
        height: 14px;
        background: #D5D5D5;
        position: absolute;
        top: 55%;
        right: -12px;
        transform: translate(0,-50%);
    }
    
    .movie_info_box .movie_info_txt .movie_score p:last-child::after{
        display: none;
    }
    
    .movie_info_box .movie_info_txt .movie_score .star{
        padding-left: 22px;
        background: url(/image/star.png) center left 0 no-repeat;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box{
        margin-top: 2.4em;
        padding-top: 2.4em;
        border-top: 1px solid rgba(255,255,255,0.4);
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .th{
        font-size: 1.3em;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .td{
        font-size: 1.3em;
        font-weight: 500;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .td::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .td span{
        color: #fff;
        margin-right: 32px;
        position: relative;
        display: block;
        float: left;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .td span::after{
        content: "";
        display: block;
        width: 1px;
        height: 9px;
        position: absolute;
        top: 50%;
        right: -16px;
        transform: translate(0,-50%);
        background: rgba(255,255,255,0.4);
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .td span:last-child::after{
        display: none;
    }
    
    .movie_info_box .movie_btn{
        width: 200px;
        height: 60px;
        font-size: 1.8em;
        color: #fff;
        font-weight: 700;
        margin-top: 60px;
        border: 1px solid #fff;
        box-sizing: border-box;
        border-radius: 30px;
        background: transparent;
    }
    
    .movie_info_box .movie_info_text{
        margin-top: 4em;
    }
    
    .movie_info_box .movie_info_text .con{
        font-size: 1.6em;
        color: #fff;
        margin-top: 1.3em;
    }
    
    .movie_info_box .actor_box {
        margin-top: 5em;
    }
    
    .movie_info_box .actor_box .actor_list_wrap{
        margin-top: 2em;
        display: flex;
        justify-content: space-between;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list::after{
        content: "";
        display: block;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list .img{
        width: 80px;
        height: 80px;
        float: left;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list .txt{
        margin-left: 3em;
        float: left;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list .txt .tit{
        font-size: 1.6em;
        font-weight: 700;
        color: #fff;
        margin-top: 1em;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list .txt .con{
        font-size: 13px;
        color: #fff;
        margin-top: 4px;
    }
    
    .movie_info_box .movie_article{
        margin-top: 5em;
    }
    
    .movie_info_box .movie_article .tit{
        font-size: 1.8em;
        font-weight: 600;
        color: #fff;
    }
    
    .movie_info_box .movie_video .video_list_wrap{
        margin-top: 2em;
    }
    
    .movie_info_box .movie_video .video_list_wrap::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list{
        width: 400px;
        float: left;
        margin-right: 5em;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list:last-child{
        margin-right: 0;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list .img{
        width: 100%;
        position: relative;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list .img .play{
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: url(/image/play_btn.png) center no-repeat;
        border: none;
        cursor: pointer;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list .tit{
        font-size: 1.6em;
        margin-top: 1em;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list .date{
        font-size: 13px;
        color: #C4C4C4;
        margin-top: 4px;
    }
    
    .movie_slide_box{
        margin-top: 2em;
    }
    
    .movie_slide_box .slider-for{
        width: 100%;
        background: rgba(255,255,255,0.05);
        position: relative;
    }
    
    .movie_slide_box .slider-for .slick-list{
        width: 1000px !important;
        height: 540px !important;
        margin: auto;
    }
    
    .movie_slide_box .slider-for .slick-arrow{
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        width: 90px;
        height: 90px;
        border: none;
        cursor: pointer;
        color: transparent;
    }
    
    .movie_slide_box .slider-for .slick-prev{
        left: 19em;
        background: url(/image/slide_left.png) center no-repeat;
    }
    
    .movie_slide_box .slider-for .slick-next{
        right: 19em;
        background: url(/image/slide_right.png) center no-repeat;
    }
    
    .movie_slide_box .slider-nav{
        width: calc(100% - 120px);
        margin: 3em auto 0 auto;
        cursor: pointer;
    }
    
    .movie_slide_box .slider-nav .slick-current img{
        border: 1px solid #c3c3c4;
        box-sizing: border-box;
    }
    
    .movie_slide_box .slider-nav .slick-arrow{
        position: absolute;
        top: 0;
        width: 60px;
        height: 11.3vw;
        border: none;
        cursor: pointer;
        font-size: 0;
        border: 1px solid #676667;
        box-sizing: border-box;
    }
    
    .movie_slide_box .slider-nav .slick-prev{
        left: -60px;
        background: url(/image/nav_left.png) center no-repeat;
    }
    
    .movie_slide_box .slider-nav .slick-next{
        right: -60px;
        background: url(/image/nav_right.png) center no-repeat;
    }
    
    .news_box .news_list_wrap{
        margin-top: 2em;
    }
    
    .news_box .news_list_wrap .news_list{
        width: 400px;
        position: relative;
    }
    
    .news_box .news_list_wrap .news_list .head_title{
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 1.8em;
        font-weight: 600;
        color: #fff;
        width: 90%;
    }
    
    .review_box .review_input_box{
        border: 1px solid #676667;
        box-sizing: border-box;
        margin-top: 2em;
    }
    
    .review_box .review_input_box .review_my_box{
        line-height: 70px;
        border-bottom: 1px solid #676667;
        box-sizing: border-box;
    }
    
    .review_box .review_input_box .review_my_box::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .review_box .review_input_box .review_my_box .my_review{
        margin-left: 3em;
    }
    
    .review_box .review_input_box .review_my_box .txt_box{
        float: left;
        margin-right: 5em;
    }
    
    .review_box .review_input_box .review_my_box .txt_box:last-child{
        margin-right: 0;
    }
    
    .review_box .review_input_box .review_my_box .txt_box .my_tit{
        float: left;
        color: #fff;
        font-size: 1.6em;
        font-weight: 600;
    }
    
    .review_box .review_input_box .review_my_box .txt_box .score_bg_box{
        margin-top: 26px;
    }
    
    .score_bg_box{
        float: left;
        margin-left: 2em;
        width: 106px;
        height: 18px;
    }
    
    .score_bg_box.score_0{
        background: url(/image/score_0.png) center no-repeat;
    }
    
    .score_bg_box.score_1{
        background: url(/image/score_1.png) center no-repeat;
    }
    
    .score_bg_box.score_2{
        background: url(/image/score_2.png) center no-repeat;
    }
    
    .score_bg_box.score_3{
        background: url(/image/score_3.png) center no-repeat;
    }
    
    .score_bg_box.score_4{
        background: url(/image/score_4.png) center no-repeat;
    }
    
    .score_bg_box.score_5{
        background: url(/image/score_5.png) center no-repeat;
    }
    
    .score_bg_box button{
        background: transparent;
        border: none;
        cursor: pointer;
        width: 100%;
    }
    
    .review_box .review_input_box .review_my_box .total_review{
        margin-right: 0;
    }
    
    .review_box .review_input_box .review_my_box .txt_box .score_num{
        float: left;
        margin-left: 0.5em;
        font-size: 1.6em;
        color: #fff;
    }
    
    .review_box .review_input_box .chk_btn{
        float: left;
        margin-left: 6em;
    }
    
    .review_box .text_area_box{
        width: 100%;
        height: 140px;
    }
    
    .review_box .text_area_box .text_area{
        float: left;
        width: calc(100% - 200px);
        position: relative;
    }
    
    .review_box .text_area_box .text_area textarea{
        padding: 24px 30px;
        width: calc(100% - 60px);
        background: transparent;
        color: #fff;
        font-size: 13px;
        height: 92px;
        resize: none;
        border: none;
        outline: none;
    }
    
    .review_box .text_area_box .text_area #counter{
        position: absolute;
        right: 30px;
        bottom: 20px;
        z-index: 9;
        color: #A6A6A6;
        font-size: 12px;
        font-weight: 600;
    }
    
    .review_box .text_area_box .text_area #counter span{
        color: #fff;
    }
    
    .review_box .text_area_box .submit{
        display: block;
        width: 200px;
        height: 140px;
        float: left;
        color: #fff;
        font-size: 1.8em;
        font-weight: 600;
        background: #c3c3c4;
        border: none;
        cursor: pointer;
    }
    
    .review_box .total_num_wrap{
        margin-top: 3em;
    }
    
    .review_box .total_num_wrap::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .review_box .total_num_wrap .total_num_txt{
        float: left;
        font-size: 1.6em;
        color: #fff;
    }
    
    .review_box .total_num_wrap .total_num_txt span{
        font-weight: 600;
        color: #fff;
    }
    
    .review_box .total_num_wrap .desc_btn_wrap{
        float: right;
    }
    
    .review_box .total_num_wrap .desc_btn_wrap button{
        border: none;
        background: none;
        cursor: pointer;
        font-size: 1.4em;
        font-weight: 500;
        color: #8B8B8B;
        padding: 0;
        margin-right: 23px;
        position: relative;
    }
    
    .review_box .total_num_wrap .desc_btn_wrap button.on{
        color: #fff;
    }
    
    .review_box .total_num_wrap .desc_btn_wrap button::after{
        content: "";
        display: block;
        width: 1px;
        height: 12px;
        background: rgba(255,255,255,0.3);
        position: absolute;
        top: 50%;
        right: -12px;
        transform: translate(0,-50%);
    }
    
    .review_box .total_num_wrap .desc_btn_wrap button:last-child{
        margin-right: 0;
    }
    
    .review_box .total_num_wrap .desc_btn_wrap button:last-child::after{
        display: none;
    }
    
    .review_box .review_list_wrap{
        margin-top: 3em;
    }
    
    .review_box .review_list_wrap .review_list{
        margin-bottom: 3em;
        border-bottom: 1px solid rgba(255,255,255,0.4);
        box-sizing: border-box;
        padding-bottom: 3em;
    }
    
    .review_box .review_list_wrap .review_list:last-child{
        margin-bottom: 0;
        border-bottom: none;
    }
    
    .review_box .review_list_wrap .review_list::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .review_box .review_list_wrap .review_list .score_list::after,
    .review_box .review_list_wrap .review_list .id_date_list::after,
    .review_box .review_list_wrap .review_list .like_btn_wrap::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .review_box .review_list_wrap .review_list .score_list .score_bg_box{
        margin-left: 0;
        float: left;
    }
    
    .review_box .review_list_wrap .review_list .score_list .score_num{
        float: left;
        font-size: 1.6em;
        color: #fff;
        margin-left: 8px;
    } 
    
    .review_box .review_list_wrap .review_list .id_date_list{
        margin-top: 8px;
    }
    
    .review_box .review_list_wrap .review_list .id_date_list p{
        font-size: 12px;
        color: #C4C4C4;
        float: left;
        margin-right: 23px;
        position: relative;
    }
    
    .review_box .review_list_wrap .review_list .id_date_list p:last-child{
        margin-right: 0;
    }
    
    .review_box .review_list_wrap .review_list .id_date_list p::after{
        content: "";
        display: block;
        width: 1px;
        height: 9px;
        background: rgba(255,255,255,0.3);
        position: absolute;
        top: 50%;
        right: -12px;
        transform: translate(0,-50%);
    }
    
    .review_box .review_list_wrap .review_list .id_date_list p:last-child::after{
        display: none;
    }
    
    .review_box .review_list_wrap .review_list .review_text_area{
        font-size: 1.4em;
        color: #fff;
        margin-top: 1.5em;
    }
    
    .review_box .review_list_wrap .review_list .review_text_area.spo{
        color: #A6A6A6;
    }
    
    .review_box .review_list_wrap .review_list .review_text_area .spo_btn{
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        color: #A6A6A6;
        margin-left: 20px;
        background: none;
        border: none;
        cursor: pointer;
        text-decoration: underline;
        display: none;
    }
    
    .review_box .review_list_wrap .review_list .review_text_area.spo .spo_btn{
        display: inline-block;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap{
        margin-top: 3em;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button{
        font-size: 1.4em;
        color: #fff;
        display: block;
        float: left;
        margin-right: 21px;
        padding-left: 26px;
        background: none;
        border: none;
        position: relative;
        cursor: pointer;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button::after{
        content: "";
        width: 1px;
        height: 12px;
        background: rgba(255,255,255,0.3);
        position: absolute;
        top: 50%;
        right: -12px;
        transform: translate(0,-50%);
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button:last-child{
        margin-right: 0;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button:last-child::after{
        display: none;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button.like{
        background: url(/image/like.png) center left 0 no-repeat;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button.like.on{
        background: url(/image/like_on.png) center left 0 no-repeat;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button.unlike{
        background: url(/image/unlike.png) center left 0 no-repeat;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button.unlike.on{
        background: url(/image/unlike_on.png) center left 0 no-repeat;
    }
    
    .review_box .review_more_btn{
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border: 1px solid #676667;
        box-sizing: border-box;
        background: transparent;
        cursor: pointer;
    }
    
    .review_box .review_more_btn .review_more{
        font-size: 1.6em;
        color: #A6A6A6;
        background: url(/image/review_arrow.png) center right 0 no-repeat;
        padding-right: 32px;
        display: inline-block;
    }
    
    .timetable_box .time_scroll_box{
        overflow-y: scroll;
        height: calc(100vh - 210px);
        width: 100%;
    }
    
    .timetable_box .movie_time{
        width: 615px;
        border: none;
        padding-bottom: 0;
        float: unset;
    }
    
    .timetable_box .movie_time + .movie_time{
        margin-top: 50px;
        margin-bottom: 30px;
    }
    
    .timetable_box .movie_time + .movie_time .movie_tit{
        margin-top: 0;
    }
    
    .timetable_box .movie_time .icon_wrap{
        position: unset;
        top: unset;
        right: unset;
        float: left;
        margin-top: 35px;
        margin-left: 30px;
    }
    
    .timetable_box .time_list_wrap .time_list label::after{
        display: none;
    }
    
    .timetable_box .movie_time .date{
        margin-top: 30px;
        margin-left: 0;
        float: left;
    }
    
    .timetable_box .movie_time .movie_tit .age{
        margin-left: 0;
    }
    
    .timetable_box .movie_time .sub_txt{
        float: left;
        margin-left: 20px;
        margin-top: 3px;
    }
    
    .timetable_box .movie_time .sub_txt span{
        display: block;
        float: left;
        position: relative;
        font-size: 13px;
        color: #C4C4C4;
        margin-right: 25px;
    }
    
    .timetable_box .movie_time .sub_txt span:last-child{
        margin-right: 0;
    }
    
    .timetable_box .movie_time .sub_txt span::after{
        content: "";
        display: block;
        width: 1px;
        height: 9px;
        background: rgba(255,255,255,0.3);
        position: absolute;
        top: 50%;
        right: -12px;
        transform: translate(0,-50%);
    }
    
    .timetable_box .movie_time .sub_txt span:last-child::after{
        display: none;
    }
    
    .timetable_box .time_wrap{
        width: 100%;
        margin: 22px auto 0 auto;
    }
    
    .timetable_box .time_wrap + .time_wrap{
        margin: 30px auto 0 auto;
    }
    
    .timetable_box .time_wrap .tit{
        float: left;
    }
    
    .timetable_box .time_wrap .sub_text{
        float: left;
        margin-left: 25px;
        font-size: 1.4em;
        color: #fff;
        font-weight: 500;
        position: relative;
    }
    
    .timetable_box .time_wrap .sub_text::before{
        content: "";
        display: block;
        width: 1px;
        height: 12px;
        background: rgba(255,255,255,0.3);
        position: absolute;
        top: 50%;
        left: -12px;
        transform: translate(0,-50%);
    }
    
    @media (max-width:1720px){
        .movie_slide_box .slider-for .slick-prev{
            left: 10em;
        }
        
        .movie_slide_box .slider-for .slick-next{
            right: 10em;
        }
    }
    
    @media (max-width:1560px){
        .movie_slide_box .slider-nav .slick-arrow{
            height: 178px;
        }
    }
    
    .time_wrap .time_wrap_top .location{display:none;}
    
    /*¹è³Ê ¸ÞÀÎ Æ˾÷*/
    .main_banner_area {position: relative; background:#000; }
    .main_popup {position:absolute;top: 200px;left: calc(50% - 250px);width:500px; /*height:450px;*/ z-index:0;overflow: hidden;display:none; border:1px solid rgba(255,255,255,.3);}
    .main_popup.active {display:block;z-index:1;}
    .main_popup .main_pop_banner {position:relative;z-index:1;background:#000;font-size:0;}
    .main_popup .main_pop_bottom {position:absolute;bottom:0;left:0;right:0;height:39px;background:rgba(0,0,0,.7);z-index:2;}
    .main_popup .main_pop_bottom .mp_chk {margin:3px 0 0 15px; }
    .main_popup .main_pop_bottom .chk_st + label:before {border:1px solid #fff; display:none; }
    .main_popup .main_pop_bottom .chk_st + label:after {display:none; }
    .main_popup .main_pop_bottom .chkbx_area .ck_txt {font-size:12px;font-weight:normal;color:#fff;}
    .main_popup .main_pop_bottom .btn_mpop_close {position:absolute;top:0;right:0;width:63px;height:100%;border-left:1px solid rgba(255,255,255,.2);font-size:12px;font-weight:normal;color:#fff;cursor: pointer;}
    .main_pop_bx .download_box {position:absolute;top:9px;left:9px;}
    .main_pop_banner .mpop-slide img {width:100%;}
    .main_pop_banner .slick-list {z-index:1;}
    .main_pop_banner .slick-arrow {position: absolute;top:12px;width:8px;height:14px;display:inline-block;vertical-align:top;font-size:0;background:url('/PETC/assets/images/all_sprite.png') no-repeat 0 0;z-index:2;cursor: pointer;}
    .main_pop_banner .slick-prev {right:50px;background-position:-318px -120px;}
    .main_pop_banner .slick-next {right:15px;background-position:-356px -120px;}
    .main_pop_banner .slick-prev.slick-disabled {background-position:-241px -120px;}
    .main_pop_banner .slick-next.slick-disabled {background-position:-280px -120px;}
    .main_pop_banner .h_line {position:absolute;top:13px;right:35px;display:inline-block;width:1px;height:12px;vertical-align:top;background:rgba(0,0,0,.15);z-index:2;}

}



@media (max-width: 500px){
    #content.main_box {
        width: 100%;
        overflow: hidden;
        margin-top: 0;
    }
    
    .tit_wrapper {
        padding:20px;
        display: flex;
        align-items: center;
    }
    
    .tit_wrapper .box_tit {
        font-size:2em;
        color:#fff;
        font-weight: 700;
    }
    .tit_wrapper .cal_month{
        margin-left:auto;
        display: flex;
        align-items: center;
    }
    .tit_wrapper .cal_month button {
        width:24px;
        height: 24px;
    }
    .tit_wrapper .cal_month .date {
        font-size:1.4em;
        color:#fff;
        font-weight: 500;
        padding:0 10px;
    }
    
    .slide_list {
        position: relative;
        /*height: calc(100vh - 150px);*/
    }
    
    .slide_list img {
        height: 100%;
    }
    
    .slide_list .txt {
        margin-top:10em;
    }
    
    .slide_list .txt .tit {
        font-size: 2.8em;
        font-weight: 700;
        color: #fff;
        padding-top:30px;
    }
    
    .slide_list .txt .en_tit {
        font-size: 1.4em;
        color: #fff;
        margin-top: 10px;
    }
    
    .slide_list .txt .ticket {
        display: block;
        width: 100px;
        height: 36px;
        line-height:36px;
        text-align: center;
        color: #fff;
        font-size: 1.4em;
        border: 2px solid #c3c3c4;
        box-sizing: border-box;
        border-radius: 30px;
        background: transparent;
        margin-top: 2em;
        cursor: pointer;
    }
    
    .main_slide {
        margin-top:30px;
    }
    
    .main_slide .slick-current.slick-slide {
        transform: scale(1);
        opacity: 1;
    }
    
    
    .main_slide .slide_list img.show {
        transform: rotateX(0deg) scale(1.00) translate3d(0, 0%, 0);
        opacity: 1;
        height: 365px;
    }
    
    .main_slide .slide_list img{
        transition: opacity 900ms ease, transform 900ms ease;
        transform: rotateX(20deg) scale(0.85) translate3d(0, 2%, 0);
        opacity: 0;
    }
    
    
    .main_slide .slick-slide {
        opacity: 0.3;
    }
    
    .main_slide .slick-current .txt {
        display: block;
    }
    
    .main_slide .slick-dots {
        position: absolute;
        bottom: 155px;
        left: 38px;
    }
    
    .main_slide .slick-dots li {
        float: left;
        margin: 0;
        padding: 0;
    }
    
    .main_slide .slick-dots li button {
        width: 40px;
        height: 2px;
        margin: 0;
        padding: 0;
        border: none;
        background: rgba(255, 255, 255, 0.3);
        cursor: pointer;
        font-size: 0;
    }
    
    .main_slide .slick-dots .slick-active button {
        background: #fff;
    }
    
    .main_slide .slider-count {
        position: absolute;
        bottom: 148px;
        left: 20px;
        width: 194px;
    }
    
    .main_slide .slider-count .left {
        float: left;
    }
    
    .main_slide .slider-count .right {
        float: right;
    }
    
    .main_slide .slider-count p span {
        font-size: 14px;
        color: #fff;
        font-weight: 700;
    }
    
    .main_slide .slick-arrow {
        position: absolute;
        bottom: 148px;
        width: 20px;
        height: 20px;
        font-size: 0;
        border: none;
        cursor: pointer;
        z-index: 9;
    }
    
    .main_slide .slick-prev {
        background: url(/PETM/assets/images/common/slide_prev.png) center no-repeat;
        left: 225px;
    }
    
    .main_slide .slick-next {
        background: url(/PETM/assets/images/common/slide_next.png) center no-repeat;
        left: 250px;
    }
    
    .main_slide .slick-slide {
        margin: 0 15px;
    }
    
    .main_slide .slider .slick-list {
        margin: 0 -15px;
    }
    
    .main_slide .slick-list .img {
        display: block;
        position: relative;
    }
    
    
    .main_slide  .slick-list .img::after {
        content: "";
        display: block;
        width: 100%;
        height: 500px;
        background: linear-gradient(transparent 70%,#000);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 8;
        border-radius: 0 0px 10px 10px;
    }
    
    .bg_box {
        background-color: rgba(0,0,0,0.8);
        backdrop-filter: blur(8px);
        position: absolute;
        left: 0;
        bottom: 70px;
        width: 100%;
        z-index: 10;
    }
    
    .bg_box .box_tit {
        font-size: 2.2em;
        font-weight: 700;
        color: #fff;
    }
    
    .movie_list_box > .inner {
        padding:20px;
    }
    
    .movie_list_box .ticket_btn {
    }
    
    .movie_list_box .ticket_btn::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_list_box .ticket_btn button {
        background: none;
        border: none;
        cursor: pointer;
        font-size: 2em;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.4);
        float: left;
        margin-right: 30px;
    }
    
    .movie_list_box .ticket_btn button:last-child {
        margin-right: 0;
    }
    
    .movie_list_box .ticket_btn button.on {
        color: #fff;
    }
    
    .movie_slide {
        margin-top: 20px;
    }
    
    .movie_slide .slick-slide {
        margin: 0px;
    }
    
    .movie_slide .slider .slick-list {
        margin: 0 0px;
    }
    
    .movie_slide .poster {
        position: relative;
    }
    
    .movie_slide .poster::after {
        content: "";
        width: 100%;
        height: 100px;
        background: linear-gradient(transparent, #000);
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    .movie_slide .poster .movie_img{
        position: relative;
    }
    
    .movie_slide .poster .age{
        position: absolute;
        top:0;
        right:10px;
        margin-top:9px;
    }
    
    .movie_slide .poster .num {
        position: absolute;
        left: 10px;
        bottom: 4px;
        font-size: 8em;
        color: #fff;
        font-weight: 500;
        z-index: 99;
    }
    
    .movie_slide .movie_tit {
        font-size: 2.8em;
        color: #fff;
        font-weight: 700;
        margin-top: 1em;
    }
    
    .movie_slide .btn_list {
        margin-top: 1.6em;
        margin-bottom:6em;
    }
    
    .movie_slide .btn_list::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_slide .btn_list button {
        display: block;
        line-height: 36px;
        text-align: center;
        width:108px;
        margin-right: 8px;
        float: left;
        border-radius: 5px;
        border: 1px solid #c3c3c4;
        box-sizing: border-box;
        color: #fff;
        font-size: 1.4em;
        font-weight: 600;
        cursor: pointer;
        background: transparent;
    }
    
    .movie_slide .btn_list button.bg {
        border: 1px solid #c3c3c4;
        background: #c3c3c4;
    }
    
    .movie_slide .btn_list button:last-child {
        margin-right: 0;
    }
    
    .ticketing_box > .inner {
        padding: 20px;
        margin-top: 50px;
    }
    .ticketing_box .date_btn {
        width: 100%;
        overflow-x: scroll;
        padding-bottom:10px;
    }
    .ticketing_box .date_btn ul{
        display: flex;
        align-items: center;
        padding:0 20px;
        
    }
    .ticketing_box .date_btn ul li{
        margin-right:30px;
    }
    .ticketing_box .date_btn ul li button{
        font-size:1.6em;
        color:#fff;
        width:30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        font-weight: 700;
    }
    .ticketing_box .date_btn ul li button.today{
        color:#212121;
        background:#c3c3c4;
    }
    .ticketing_box .date_btn ul li button.active{
        color:#212121;
        background:#c3c3c4;
    }
    .movie_ticket_box {
        border: 1px solid rgba(255, 255, 255, 0.2);
        box-sizing: border-box;
        width: 100%;
    }
    
    .movie_ticket_box::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_ticket_box .all_movie {
        display: block;
        padding-bottom:20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .movie_ticket_box .all_movie .all_movie_tit {
        height: 60px;
        line-height: 60px;
        position: relative;
    }
    
    .movie_ticket_box .all_movie .all_movie_tit .tit {
        text-indent: 30px;
        font-size: 1.8em;
        color: #fff;
        font-weight: 600;
    }
    
    .movie_ticket_box .all_movie .all_movie_tit select {
        width: 110px;
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translate(0, -50%);
        border:1px solid transparent;
    }
    
    .movie_ticket_box .all_movie .tit span {
        font-size: 1em;
        font-weight: 700;
        color: #F98707;
        margin-left: 12px;
    }
    
    .movie_list_wrap .movie_list input {
        appearance: none;
        width: 1px;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .movie_list_wrap .movie_list input[type="radio"]:checked + label {
        border: 1px solid #c3c3c4;
        box-sizing: border-box;
        background: url(/PETM/assets/images/common/movie_chk.png) center right 24px no-repeat;
    }
    
    .movie_list_wrap .movie_list input[type="radio"] + label::after{
        display: none;
    }
    
    .movie_list_wrap .movie_list label {
        display: block;
        width: 100%;
        height: 52px;
        line-height: 52px;
        font-size: 1em;
        padding-left: 0;
        border: 1px solid transparent;
        box-sizing: border-box;
    }
    
    
    .movie_list_wrap .movie_list .age {
        margin-top:16px;
    }
    
    
    .movie_list_wrap .movie_list label::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_list_wrap .movie_list .movie_title {
        font-size: 1.6em;
        font-weight: 500;
        color: #9E9E9E;
        float: left;
        margin-left: 12px;
    }
    
    /*
    .movie_list_wrap .movie_list .live .movie_title{
        font-size: 1.6em;
        font-weight: 500;
        color: #fff;
        float: left;
        margin-left: 12px;
    }
    */
    .movie_list_wrap .movie_list .live .movie_title {
        width: calc(100% - 62px);
        font-size: 1.6em;
        font-weight: 500;
        color: #fff;
        float: left;
        margin-left: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .movie_time {
        position: relative;
    }
    
    .movie_time .date {
        margin-left: 5px;
        margin-top: 20px;
        padding-left: 27px;
        background: url(/PETM/assets/images/common/cal_icon.png) center left 0 no-repeat;
        font-size: 1.6em;
        font-weight: 600;
        color: #fff;
    }
    
    .movie_time .icon_wrap {
        position: absolute;
        top: 3px;
        right: 5px;
    }
    
    .movie_time .icon_wrap p {
        float: left;
        margin-right: 12px;
        font-size: 1.3em;
        color: #fff;
        font-weight: 600;
        padding-left: 24px;
    }
    
    .movie_time .icon_wrap p:last-child {
        margin-right: 0;
    }
    
    .movie_time .icon_wrap .day {
        background: url(/PETM/assets/images/common/day_icon.png) center left 0 no-repeat;
    }
    
    .movie_time .icon_wrap .night {
        background: url(/PETM/assets/images/common/night_icon.png) center left 0 no-repeat;
    }
    
    .movie_time .icon_wrap .covid {
        background: url(/PETM/assets/images/common/covid_icon.png) center left 0 no-repeat;
    }
    
    .movie_time .movie_tit {
        margin-top: 30px;
    }
    
    .movie_time .movie_tit::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_time .movie_tit .age {
        margin-top: 3px;
        float: left;
        margin-left:20px;
    }
    
    .movie_time .movie_tit .tit {
        font-size: 1.6em;
        font-weight: 500;
        color: #fff;
        margin-left: 12px;
        float: left;
        margin-bottom:10px;
    }
    
    .time_wrap {
        width: 90%;
        margin:auto;
    }
    
    .time_wrap .time_wrap_top {
        position: relative;
    }
    
    .time_wrap .time_wrap_top::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .time_wrap .time_wrap_top .tit {
        font-size: 1.4em;
        font-weight: 600;
        color: #fff;
    }
    
    .time_wrap .time_wrap_top .location {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    .time_wrap .time_wrap_top .location p {
        float: left;
        color: #fff;
        font-size: 1.4em;
    }
    
    .time_wrap .time_wrap_top .location .chair {
        margin-left: 12px;
    }
    
    .time_wrap .time_list_wrap {
        margin-top: 12px;
        display: flex;
        flex-wrap: wrap;
    }
    
    
    
    .time_wrap .time_list_wrap .time_list {
        margin-right: 10px;
        display: block;
        text-align: center;
        position: relative;
        margin-bottom:20px;
    }
    
    .time_wrap .time_list_wrap .time_list.off {
        opacity: 0.5;
    }
    
    .time_wrap .time_list_wrap .time_list:nth-of-type(3n) {
        margin-right: 0px;
    }
    
    .time_wrap .time_list_wrap .time_list.day::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        background: url(/PETM/assets/images/common/day_icon_s.png) 0 no-repeat;
        position: absolute;
        top: 4px;
        left: 4px;
    }
    
    .time_wrap .time_list_wrap .time_list.night::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        background: url(/PETM/assets/images/common/night_icon_s.png) 0 no-repeat;
        position: absolute;
        top: 4px;
        left: 4px;
    }
    
    .time_wrap .time_list_wrap .time_list.covid::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        background: url(/PETM/assets/images/common/covid_icon_s.png) 0 no-repeat;
        position: absolute;
        top: 4px;
        left: 4px;
    }
    .time_wrap .time_list_wrap .time_list:last-child {
        margin-right: 0;
    }
    
    .time_wrap .time_list_wrap .time_list p {
        color: #fff;
        text-align: center;
    }
    
    .time_wrap .time_list_wrap .time_list input {
        position: absolute;
    }
    
    .time_wrap .time_list_wrap .time_list label {
        display: block;
        width: 100%;
        height: 43px;
        border: 1px solid #fff;
        box-sizing: border-box;
        border-radius: 5px;
        padding-left: 0;
        font-size: 1em;
    }
    
    .time_wrap .time_list_wrap .time_list label::after{
        display: none;
    }
    
    .time_wrap .time_list_wrap .time_list input[type="radio"]:checked + label {
        border: 1px solid #c3c3c4;
        background: rgba(249, 136, 10, 0.24);
    }
    
    .time_wrap .time_list_wrap .time_list .start {
        font-size: 1.6em;
        font-weight: 600;
        margin-top: 10px;
        padding: 0 10px;
    }
    
    .time_wrap .time_list_wrap .time_list .end {
        font-size: 12px;
        font-weight: 400;
        margin-top: 0;
    }
    
    .time_wrap .time_list_wrap .time_list .num {
        font-size: 1.4em;
        margin-top: 8px;
    }
    
    .movie_info {
        position: relative;
    }
    
    .movie_info .movie_poster {
        border-top:1px solid rgba(255, 255, 255, 0.2);
        border-bottom:1px solid rgba(255, 255, 255, 0.2);
        padding:20px 16px;
    }
    
    .movie_info .movie_poster::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info .movie_poster .poster {
        width: 70px;
        position: relative;
        float: left;
    }
    
    .movie_info .movie_poster .poster::after {
        content: "";
        width: 100%;
        height: 100px;
        background: linear-gradient(transparent, #000);
        position: absolute;
        left: 0;
        bottom: 0;
        display: none;
    }
    
    .movie_info .movie_poster .poster .num {
        position: absolute;
        left: 10px;
        bottom: 4px;
        font-size: 4em;
        color: #fff;
        font-weight: 500;
        z-index: 9;
        display: none;
    }
    
    .movie_info .movie_poster .movie_info_txt {
        width: calc(100% - 90px);
        float: left;
        margin:0 auto;
        padding-left:20px;
    }
    
    .movie_info .movie_poster .movie_info_txt .tit {
        font-size: 1.6em;
        font-weight: 700;
        color: #fff;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box {
        margin-top: 2em;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box .info_list {
        margin-bottom: 12px;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box .info_list:last-child {
        margin-bottom: 0;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box .info_list::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box .info_list .th {
        float: left;
        font-size: 1.2em;
        color: #BCBCBC;
    }
    
    .movie_info .movie_poster .movie_info_txt .info_box .info_list .td {
        float: left;
        font-size: 1.2em;
        font-weight: 600;
        color: #fff;
        margin-left: 20px;
    }
    
    .movie_info .total_box {
        width: calc(100% - 40px);
        margin:auto;
    }
    
    .movie_info .total_box::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info .total_box .total_num {
        padding:20px 0 30px 0;
    }
    .movie_info .total_box .total_num::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info .total_box .total_num .total {
        float: left;
        font-size: 1.6em;
        color: #fff;
        font-weight: 600;
    }
    
    .movie_info .total_box .total_num .price {
        float: right;
        font-size: 1.6em;
        margin-left: 1em;
        font-weight: 700;
        color: #c3c3c4;
    }
    
    .movie_info .total_box .btn {
        width: 100%;
        height: 52px;
        line-height: 52px;
        display: block;
        text-align: center;
        background: white;
        color: black;
        border-radius: 5px;
        font-size: 1.6em;
        font-weight: 700;
        cursor: pointer;
        border: none;
        float: right;
        margin-bottom: 20px;
    }
    
    .movie_info .total_box .total_btn_wrap {
        margin-bottom:20px;
    }
    
    .movie_info .total_box .total_btn_wrap button {
        width: 100%;
        height: 52px;
        line-height: 52px;
        text-align: center;
        display: block;
        border-radius: 5px;
        font-size: 1.6em;
        font-weight: 700;
      /*   color: #fff;
        background: #363636;*/
        margin-bottom: 8px;
        border: none;
        cursor: pointer;
    }
    
    
    .movie_info .total_box .st_nx_off {
        background: #363636;
        color: #fff;
    }
    
    .movie_info .total_box .stlf_off {
        background: #363636;
        color: #fff;
    }
    
    .movie_info .total_box .stlf_on {
        background: #c3c3c4;
        color: #fff;
    }
    
    
    .movie_info .total_box .strf_off {
        background: #363636;
        color: #fff;
    }
    
    .movie_info .total_box .strf_on {
        background: #c3c3c4;
        color: #fff;
    }
    
    
    .movie_info .total_box .total_btn_wrap button:last-child {
        margin-bottom: 0;
    }
    
    .movie_info .total_box .total_btn_wrap button.bg {
        background: #c3c3c4;
    }
    
    .movie_seat {
        position: relative;
        float: unset;
        width: 100%;
    }
    
    .movie_seat .tit {
        font-size: 1.6em;
        color: #fff;
        font-weight: 500;
        margin-top: 1em;
        margin-left: 20px;
    }
    
    .movie_seat .refresh {
        position: absolute;
        top: 0px;
        right: 30px;
        font-size: 1.4em;
        font-weight: 600;
        padding-left: 30px;
        background: url(/PETM/assets/images/common/refresh.png) center left 0 no-repeat;
        color: #fff;
        border: none;
        cursor: pointer;
    }
    
    .movie_seat .btn_area {
        padding:20px 0 10px 0;
    }
    
    .movie_seat .btn_area .btn_list::after {
        content:"";
        display: block;
        clear: both;
    }
    
    .movie_seat .btn_area .btn_list {
        padding:0 20px;
        display: flex;
        align-items: center;
        margin-bottom:20px;
    }
    .movie_seat .btn_area .btn_list:last-child {
        margin-right: 0;
    }
    
    .movie_seat .btn_area .btn_list .tit {
        font-size: 1.6em;
        margin: 0;
        color:#BDBDBD;
    }
    
    .movie_seat .btn_area .btn_list .btn_box {
        margin-left: auto;
        
    }
    
    .movie_seat .btn_area .btn_list .btn_box button {
        width: 36px;
        height: 36px;
        float: left;
        border: 1px solid #fff;
        box-sizing: border-box;
        cursor: pointer;
    }
    
    .movie_seat .btn_area .btn_list .btn_box button.minus {
        border-radius: 5px 0 0 5px;
        background: url(/PETM/assets/images/common/minus.png) center no-repeat;
    }
    
    .movie_seat .btn_area .btn_list .btn_box button.plus {
        border-radius: 0 5px 5px 0;
        background: url(/PETM/assets/images/common/plus.png) center no-repeat;
    }
    
    .movie_seat .btn_area .btn_list .btn_box .num {
        float: left;
        width: 45px;
        height: 36px;
        line-height: 34px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left:0;
        border-right:0;
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        font-size: 1.6em;
        background:transparent;
    }
    
    .movie_seat .screen {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: rgba(118, 118, 118, 0.7);
        color: #fff;
        font-size: 1.6em;
        font-weight: 600;
    }
    
    .movie_seat .seat_select {
        margin: 30px auto;
       /* width: 621px; */
        width: 761px; 
       /*  width: 721px; */
        padding:0 10px;
    }
    
    .movie_seat .seat_select .seat_list {
        margin-bottom: 6px;
    }
    
    .movie_seat .seat_select .seat_list::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_seat .seat_select .seat_list:last-child {
        margin-bottom: 0;
    }
    
    .movie_seat .seat_select .seat_list .tit {
        font-size: 1.6em;
        color: #fff;
        font-weight: 600;
        float: left;
        margin: 0;
        width: 10px;
        text-align: center;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn {
        float: left;
        margin-left: 30px;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button {
        width: 24px;
        height: 22px;
        border-radius: 8px 8px 1px 1px;
        display: block;
        text-align: center;
        font-size: 12px;
        color: #212121;
        font-weight: 600;
        border: none;
        cursor: pointer;
        float: left;
        margin-right: 4px;
        position: relative;
        padding: 0;
        background: #fff;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.on {
        background: #c3c3c4;
        color: #fff;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button:last-child {
        margin-right: 0;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.seating_tit {
        background: transparent;
        color:#fff;
        border:0;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.disablePerson {
      background: #fd6d8e;
    }
    
    
    .movie_seat .seat_select .seat_list .seat_btn button.disable {
      background: transparent;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.select {
      background: #c3c3c4;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.select_seat {
      background: #c3c3c4;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.normal {
       background: #e4e4e4;
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.blank {
        font-size: 0;
        background: hsla(0,0%,45.5%,.87);
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.done {
        font-size: 0;
        background: hsla(0,0%,45.5%,.87);
    }
    
    .movie_seat .seat_select .seat_list .seat_btn button.done::after {
        content: "";
        display: block;
        width: 28px;
        height: 1px;
        position: absolute;
        top: 50%;
        left: -3px;
        transform: rotate(-45deg);
        background: #fff;
    }
    
    .movie_seat .seat_txt {
        width: 90%;
        margin:20px auto;
    }
    
    .movie_seat .seat_txt::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_seat .seat_txt .ex {
        font-size: 13px;
        color: #fff;
    }
    
    .movie_seat .seat_txt .ex_icon {
        margin-top:20px;
        display: flex;
        align-items: center;
    }
    
    .movie_seat .seat_txt .ex_icon p {
        font-size: 1.4em;
        color: #fff;
        padding-left: 30px;
        margin-right: 20px;
        position: relative;
    }
    
    .movie_seat .seat_txt .ex_icon p:last-child {
        margin-right: 0;
    }
    
    .movie_seat .seat_txt .ex_icon p::before {
        content: "";
        display: block;
        width: 20px;
        height: 18px;
        border-radius: 6px 6px 1px 1px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }
    
    .movie_seat .seat_txt .ex_icon .disablePerson_icon::before {
        background: #fd6d8e;
    }
    
    .movie_seat .seat_txt .ex_icon .select_icon::before {
        background: #c3c3c4;
    }
    
    .movie_seat .seat_txt .ex_icon .normal_icon::before {
        background: #e4e4e4;
    }
    
    .movie_seat .seat_txt .ex_icon .blank_icon::before {
        background: hsla(0,0%,45.5%,.87);
    }
    
    .movie_seat .seat_txt .ex_icon .done_icon::before {
        background: hsla(0,0%,45.5%,.87);
    }
    
    .movie_seat .seat_txt .ex_icon .done_icon::after {
        content: "";
        display: block;
        width: 28px;
        height: 1px;
        position: absolute;
        top: 50%;
        left: -2px;
        transform: rotate(-45deg);
        background: #fff;
    }
    
    .movie_seat .payment_radio_wrap {
        line-height: 70px;
        box-sizing: border-box;
        width:90%;
        margin: 0 auto;
    }
    
    .movie_seat .payment_radio_wrap::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_seat .agree_chk_box {
        width:90%;
        margin:auto;
        margin-top:10px;
    }
    .movie_seat .agree_chk_box input[type="checkbox"] + label{
        font-weight: 400;
    }
    
    .movie_seat .payment_radio_wrap .payment_list:last-child {
        margin-right: 0;
    }
    
    .movie_seat .payment_radio_wrap .payment_list {
        margin-right: 20px;
        float: left;
    }
    
    .movie_seat .payment_radio_wrap .payment_list label {
        color: #fff;
    }
    
    .movie_seat .card_box {
        width: calc(100% - 40px);
        margin: auto;
        box-sizing: border-box;
        position: relative;
    }
    
    .movie_seat .card_box .card_select {
        line-height: 42px;
    }
    
    .movie_seat .card_box .card_select::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_seat .card_box .card_select .tit {
        margin: 0;
        font-size: 1.6em;
        font-weight: 500;
    }
    
    .movie_seat .card_box .card_select select {
        width: 100%;
        font-size: 14px;
        height: 42px;
        line-height: 42px;
    }
    
    .movie_seat .card_box .card_ex{
        font-size: 10px;
        color: #fff;
        margin: 20px 0 30px;
    }
    
    .movie_seat .card_box .con{
        font-size: 10px;
        color: #fff;
        margin-bottom: 20px;
    }
    
    .bg_box_full{
        background-color: rgba(0,0,0,0.8);
        backdrop-filter: blur(8px);
        position: absolute;
        left: 0;
        bottom: 70px;
        width: 100%;
        height: calc(100vh - 150px);
        z-index: 9;
    }
    
    .bg_box_full > .inner{
        padding: 60px 220px;
    }
    
    .bg_box_full .box_tit{
        font-size: 2.2em;
        font-weight: 700;
        color: #fff;
    }
    
    
    
    .movie_info_box .inner{
        padding: 0 20px;    
    }
    
    .movie_info_box .movie_scroll_box{
        height: calc(100vh - 150px);
        width: 100%;
        overflow: auto;
    }
    
    .movie_info_box .movie_tit{
        font-size: 2.2em;
        font-weight: 700;
        color: #fff;
    }
    
    .movie_info_box .movie_info{
        float: unset;
        width: 100%;
        padding-bottom: 6em;
    }
    
    .movie_info_box .movie_info .movie_poster{
        width: 100%;
        margin:0 auto;
        border: none;
        padding:0;
    }
    
    .movie_info_box .movie_info .movie_poster .poster{
        width: 100%;
        position: relative;
        float: unset;
    }
    .movie_info_box .movie_info .movie_poster .poster .age{
        position: absolute;
        top:0;
        left:10px;
        margin-left:0;
    }
    
    .movie_info_box .movie_info .movie_poster .poster::after{
        display: none;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt{
        margin-top:20px;
        float: unset;
        width:100%;
        padding-left:0;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .tit{
        font-size: 2.8em;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .eng_tit{
        font-size: 1.4em;
        color: #fff;
        margin-top: 10px;
    }
    
    .movie_info_box .movie_info_txt .movie_score{
        margin:10px 0;
    }
    .movie_info_box .movie_info_txt .movie_date{
        margin:10px 0;
    }
    .movie_info_box .movie_info_txt .movie_date span{
        color:#757575;
        font-size:12px;
        display: inline-block;
    }
    .movie_info_box .movie_info_txt .movie_date span:not(:last-of-type)::after{
        content:'';
        width:1px;
        height: 9px;
        background-color:rgba(255, 255, 255, 0.3);
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
    }
    
    
    
    .movie_info_box .movie_info_txt .movie_score::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info_box .movie_info_txt .movie_score p{
        float: left;
        font-size: 1.6em;
        color: #fff;
        margin-right: 25px;
        position: relative;
    }
    
    .movie_info_box .movie_info_txt .movie_score p:last-child{
        margin-right: 0;
    }
    
    .movie_info_box .movie_info_txt .movie_score p::after{
        content: "";
        display: block;
        width: 1px;
        height: 14px;
        background: #D5D5D5;
        position: absolute;
        top: 55%;
        right: -12px;
        transform: translate(0,-50%);
    }
    
    .movie_info_box .movie_info_txt .movie_score p:last-child::after{
        display: none;
    }
    
    .movie_info_box .movie_info_txt .movie_score .star{
        padding-left: 22px;
        background: url(/PETM/assets/images/common/star.png) center left 0 no-repeat;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box{
        margin-top: 2.4em;
        padding-top: 2.4em;
        border-top: 1px solid rgba(255,255,255,0.4);
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .th{
        font-size: 1.3em;
        float: unset;
        margin-bottom:7px;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .td{
        font-size: 1.3em;
        font-weight: 500;
        float: unset;
        margin-left:0;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .td::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .td span{
        color: #fff;
        margin-right: 32px;
        position: relative;
        display: block;
        float: left;
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .td span::after{
        content: "";
        display: block;
        width: 1px;
        height: 9px;
        position: absolute;
        top: 50%;
        right: -16px;
        transform: translate(0,-50%);
        background: rgba(255,255,255,0.4);
    }
    
    .movie_info_box .movie_info .movie_poster .movie_info_txt .info_box .info_list .td span:last-child::after{
        display: none;
    }
    
    .movie_info_box .movie_btn{
        width: 100px;
        height: 36px;
        font-size: 1.4em;
        color: #fff;
        font-weight: 700;
        margin-top: 30px;
        border: 1px solid #fff;
        box-sizing: border-box;
        border-radius: 30px;
        background: transparent;
    }
    
    .movie_info_box .movie_info_text{
        margin-top: 4em;
    }
    
    .movie_info_box .movie_info_text .con{
        font-size: 1.4em;
        color: #BDBDBD;
        margin-top: 10px;
        line-height: 1.8;
    }
    
    .movie_info_box .actor_box {
        margin-top: 5em;
    }
    
    .movie_info_box .actor_box .actor_list_wrap{
        margin-top: 2em;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list{
        margin-bottom:2em;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list .img{
        width: 48px;
        height: 48px;
        float: left;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list .txt{
        margin-left: 2em;
        float: left;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list .txt .tit{
        font-size: 1.6em;
        font-weight: 700;
        color: #fff;
    }
    
    .movie_info_box .actor_box .actor_list_wrap .actor_list .txt .con{
        font-size: 13px;
        color: #fff;
        margin-top: 4px;
    }
    
    .movie_info_box .movie_article{
        margin-top: 5em;
        position: relative;
    }
    
    .movie_info_box .movie_article .tit{
        font-size: 1.6em;
        font-weight: 500;
        color: #fff;
    }
    .movie_info_box .movie_article .link{
        font-size: 1.2em;
        color: #A6A6A6;
        text-decoration: underline;
        position: absolute;
        top:6px;
        right:0;
    }
    
    .movie_info_box .movie_video .video_list_wrap{
        margin-top: 2em;
    }
    
    .movie_info_box .movie_video .video_list_wrap::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list{
        margin-bottom: 30px;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list:last-child{
        margin-right: 0;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list .img{
        width: 100%;
        position: relative;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list .img .play{
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: url(/PETM/assets/images/common/play_btn.png) center no-repeat;
        border: none;
        cursor: pointer;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list .tit{
        font-size: 1.6em;
        margin-top: 1em;
    }
    
    .movie_info_box .movie_video .video_list_wrap .video_list .date{
        font-size: 13px;
        color: #C4C4C4;
        margin-top: 4px;
    }
    
    .movie_slide_box{
        margin-top: 2em;
    }
    
    .movie_slide_box .slider-for{
        width: 100%;
        background: rgba(255,255,255,0.05);
        position: relative;
    }
    
    .movie_slide_box .slider-for .slick-list{
        margin: auto;
    }
    
    .movie_slide_box .slider-for .slick-arrow{
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        width: 24px;
        height: 24px;
        border: none;
        cursor: pointer;
        color: transparent;
    }
    
    .movie_slide_box .slider-for .slick-prev{
        z-index: 10;
        left:10px;
        background: url(/PETM/assets/images/common/slide_left.png) center no-repeat;
    }
    
    .movie_slide_box .slider-for .slick-next{
        right: 10px;
        background: url(/PETM/assets/images/common/slide_right.png) center no-repeat;
    }
    
    .movie_slide_box .slider-nav{
        width:100%;
        margin: 3em auto 0 auto;
        cursor: pointer;
    }
    
    .movie_slide_box .slider-nav .slick-current img{
        border: 1px solid #c3c3c4;
        box-sizing: border-box;
    }
    
    .movie_slide_box .slider-nav .slick-arrow{
        position: absolute;
        top: 0;
        width: 60px;
        height: 11.3vw;
        border: none;
        cursor: pointer;
        font-size: 0;
        border: 1px solid #676667;
        box-sizing: border-box;
    }
    
    .movie_slide_box .slider-nav .slick-prev{
        display: none !important;
        left: -60px;
        background: url(/PETM/assets/images/common/nav_left.png) center no-repeat;
    }
    
    .movie_slide_box .slider-nav .slick-next{
        display: none !important;
        right: -60px;
        background: url(/PETM/assets/images/common/nav_right.png) center no-repeat;
    }
    
    .news_box .news_list_wrap{
        margin-top: 2em;
    }
    
    .news_box .news_list_wrap .news_list{
        width: 100%;
        position: relative;
    }
    
    .news_box .news_list_wrap .news_list .head_title{
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 1.6em;
        font-weight: 500;
        color: #fff;
        width: 90%;
    }
    
    .review_box .review_input_box{
        border: 1px solid rgba(255, 255, 255, 0.2);
        box-sizing: border-box; 
        margin-top: 2em;
    }
    
    .review_box .review_input_box .review_my_box{
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        box-sizing: border-box;
        padding: 10px 20px;
    }
    
    .review_box .review_input_box .review_my_box .my_review{
        margin-left: 0em;
    }
    
    .review_box .review_input_box .review_my_box .txt_box{
        margin-right: 0;
        display: flex;
        align-items: center;
        line-height: 50px;
    }
    
    .review_box .review_input_box .review_my_box .txt_box:last-child{
        margin-right: 0;
    }
    
    .review_box .review_input_box .review_my_box .txt_box .my_tit{
        color: #fff;
        font-size: 1.6em;
        font-weight: 600;
    }
    
    .review_box .review_input_box .review_my_box .txt_box .score_bg_box{
        margin-top: 0px;
        margin-left: auto;
    }
    
    .score_bg_box{
        margin-left: 2em;
        width: 106px;
        height: 18px;
    }
    
    .score_bg_box.score_0{
        background: url(/PETM/assets/images/common/score_0.png) center no-repeat;
    }
    
    .score_bg_box.score_1{
        background: url(/PETM/assets/images/common/score_1.png) center no-repeat;
    }
    
    .score_bg_box.score_2{
        background: url(/PETM/assets/images/common/score_2.png) center no-repeat;
    }
    
    .score_bg_box.score_3{
        background: url(/PETM/assets/images/common/score_3.png) center no-repeat;
    }
    
    .score_bg_box.score_4{
        background: url(/PETM/assets/images/common/score_4.png) center no-repeat;
    }
    
    .score_bg_box.score_5{
        background: url(/PETM/assets/images/common/score_5.png) center no-repeat;
    }
    
    .score_bg_box button{
        background: transparent;
        border: none;
        cursor: pointer;
        width: 100%;
    }
    
    .review_box .review_input_box .review_my_box .total_review{
        margin-right: 0;
    }
    
    .review_box .review_input_box .review_my_box .txt_box .score_num{
        float: unset;
        margin-left: 0.5em;
        font-size: 1.6em;
        color: #fff;
    }
    
    .review_box .review_input_box .chk_btn{
        margin-left: 6em;
    }
    
    .review_box .text_area_box{
        width: 100%;
    }
    
    .review_box .text_area_box .text_area{
        width: 100%;
        position: relative;
    }
    
    .review_box .text_area_box .text_area textarea{
        padding: 20px;
        width:calc(100% - 40px);
        background: transparent;
        color: #fff;
        font-size: 13px;
        height: 250px;
        resize: none;
        border: none;
        outline: none;
    }
    
    .review_box .number_box {
        display: flex;
        padding:10px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        box-sizing: border-box;
    }
    .review_box .number_box .chk_btn{
        margin-left:auto;
    }
    .review_box .number_box #counter{
        color: #A6A6A6;
        font-size: 12px;
        font-weight: 600;
    }
    
    .review_box .number_box #counter span{
        color: #fff;
    }
    
    .review_box  .submit{
        display: block;
        width: 100%;
        height: 52px;
        line-height: 52px;
        color: #fff;
        font-size: 1.6em;
        font-weight: 600;
        background: #c3c3c4;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        margin-top:20px;
    }
    
    .review_box .total_num_wrap{
        margin-top: 3em;
    }
    
    .review_box .total_num_wrap::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .review_box .total_num_wrap .total_num_txt{
        float: left;
        font-size: 1.6em;
        color: #fff;
    }
    
    .review_box .total_num_wrap .total_num_txt span{
        font-weight: 600;
        color: #fff;
    }
    
    .review_box .total_num_wrap .desc_btn_wrap{
        float: right;
    }
    
    .review_box .total_num_wrap .desc_btn_wrap button{
        border: none;
        background: none;
        cursor: pointer;
        font-size: 1.4em;
        font-weight: 500;
        color: #8B8B8B;
        padding: 0;
        margin-right: 23px;
        position: relative;
    }
    
    .review_box .total_num_wrap .desc_btn_wrap button.on{
        color: #fff;
    }
    
    .review_box .total_num_wrap .desc_btn_wrap button::after{
        content: "";
        display: block;
        width: 1px;
        height: 12px;
        background: rgba(255,255,255,0.3);
        position: absolute;
        top: 50%;
        right: -12px;
        transform: translate(0,-50%);
    }
    
    .review_box .total_num_wrap .desc_btn_wrap button:last-child{
        margin-right: 0;
    }
    
    .review_box .total_num_wrap .desc_btn_wrap button:last-child::after{
        display: none;
    }
    
    .review_box .review_list_wrap{
        margin-top: 3em;
    }
    .review_box .review_list_wrap::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .review_box .review_list_wrap .review_list{
        margin-bottom: 3em;
        border-bottom: 1px solid rgba(255,255,255,0.4);
        box-sizing: border-box;
        padding-bottom: 3em;
    }
    
    .review_box .review_list_wrap .review_list::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .review_box .review_list_wrap .review_list .score_list::after,
    .review_box .review_list_wrap .review_list .id_date_list::after,
    .review_box .review_list_wrap .review_list .like_btn_wrap::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .review_box .review_list_wrap .review_list .score_list .score_bg_box{
        margin-left: 0;
        float: left;
    }
    
    .review_box .review_list_wrap .review_list .score_list .score_num{
        float: left;
        font-size: 1.6em;
        color: #fff;
        margin-left: 8px;
    } 
    
    .review_box .review_list_wrap .review_list .id_date_list{
        margin-top: 8px;
    }
    
    .review_box .review_list_wrap .review_list .id_date_list p{
        font-size: 12px;
        color: #C4C4C4;
        float: left;
        margin-right: 23px;
        position: relative;
    }
    
    .review_box .review_list_wrap .review_list .id_date_list p:last-child{
        margin-right: 0;
    }
    
    .review_box .review_list_wrap .review_list .id_date_list p::after{
        content: "";
        display: block;
        width: 1px;
        height: 9px;
        background: rgba(255,255,255,0.3);
        position: absolute;
        top: 50%;
        right: -12px;
        transform: translate(0,-50%);
    }
    
    .review_box .review_list_wrap .review_list .id_date_list p:last-child::after{
        display: none;
    }
    
    .review_box .review_list_wrap .review_list .review_text_area{
        font-size: 1.4em;
        color: #fff;
        margin-top: 1.5em;
    }
    
    .review_box .review_list_wrap .review_list .review_text_area.spo{
        color: #A6A6A6;
    }
    
    .review_box .review_list_wrap .review_list .review_text_area .spo_btn{
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        color: #A6A6A6;
        margin-left: 20px;
        background: none;
        border: none;
        cursor: pointer;
        text-decoration: underline;
        display: none;
    }
    
    .review_box .review_list_wrap .review_list .review_text_area.spo .spo_btn{
        display: block;
        margin-left:0;
        margin-top:12px;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap{
        margin-top: 3em;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button{
        font-size: 1.4em;
        color: #fff;
        display: block;
        float: left;
        margin-right: 21px;
        padding-left: 26px;
        background: none;
        border: none;
        position: relative;
        cursor: pointer;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button::after{
        content: "";
        width: 1px;
        height: 12px;
        background: rgba(255,255,255,0.3);
        position: absolute;
        top: 50%;
        right: -12px;
        transform: translate(0,-50%);
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button:last-child{
        margin-right: 0;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button:last-child::after{
        display: none;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button.like{
        background: url(/PETM/assets/images/common/like.png) center left 0 no-repeat;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button.like.on{
        background: url(/PETM/assets/images/common/like_on.png) center left 0 no-repeat;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button.unlike{
        background: url(/PETM/assets/images/common/unlike.png) center left 0 no-repeat;
    }
    
    .review_box .review_list_wrap .review_list .like_btn_wrap button.unlike.on{
        background: url(/PETM/assets/images/common/unlike_on.png) center left 0 no-repeat;
    }
    
    .review_box .review_more_btn{
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border: 1px solid #676667;
        box-sizing: border-box;
        background: transparent;
        cursor: pointer;
    }
    
    .review_box .review_more_btn .review_more{
        font-size: 1.6em;
        color: #A6A6A6;
        background: url(/PETM/assets/images/common/review_arrow.png) center right 0 no-repeat;
        padding-right: 32px;
        display: inline-block;
    }
    
    .timetable_box .time_scroll_box{
        width: calc(100% - 40px);
        margin:auto;
    }
    
    .timetable_box .movie_time{
        width: 100%;
        border: none;
        padding-bottom: 0;
        float: unset;
    }
    
    
    
    .timetable_box .date_btn {
        width: 100%;
        overflow-x: scroll;
        padding-bottom:10px;
    }
    .timetable_box .date_btn ul{
        display: flex;
        align-items: center;
        padding:0 20px;
        
    }
    .timetable_box .date_btn ul li{
        margin-right:30px;
    }
    .timetable_box .date_btn ul li button{
        font-size:1.6em;
        color:#fff;
        width:30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        font-weight: 700;
    }
    .timetable_box .date_btn ul li button.today{
        color:#212121;
        background:#c3c3c4;
    }
    .timetable_box .date_btn ul li button.active{
        color:#212121;
        background:#c3c3c4;
    }
    
    
    
    .timetable_box .movie_time + .movie_time{
        margin-top: 50px;
        margin-bottom: 30px;
    }
    
    .timetable_box .movie_time + .movie_time .movie_tit{
        margin-top: 0;
    }
    
    .timetable_box .movie_time .icon_wrap{
        position: unset;
        top: unset;
        right: unset;
        float: right;
        margin-top: 32px;
    }
    
    .timetable_box .time_list_wrap .time_list label::after{
        display: none;
    }
    
    .timetable_box .movie_time .date{
        margin-top: 30px;
        margin-left: 0;
        float: left;
    }
    
    .timetable_box .movie_time .movie_tit .age{
        margin-left: 0;
    }
    
    .timetable_box .movie_time .sub_txt{
        display: block;
        clear: both;
        margin-top: 10px;
        width:100%;
    }
    
    .timetable_box .movie_time .sub_txt span{
        display: block;
        float: left;
        position: relative;
        font-size: 13px;
        color: #C4C4C4;
        margin-right: 25px;
    }
    
    .timetable_box .movie_time .sub_txt span:last-child{
        margin-right: 0;
    }
    
    .timetable_box .movie_time .sub_txt span::after{
        content: "";
        display: block;
        width: 1px;
        height: 9px;
        background: rgba(255,255,255,0.3);
        position: absolute;
        top: 50%;
        right: -12px;
        transform: translate(0,-50%);
    }
    
    .timetable_box .movie_time .sub_txt span:last-child::after{
        display: none;
    }
    
    .timetable_box .time_wrap{
        width: 100%;
        margin: 22px auto 0 auto;
    }
    
    .timetable_box .time_wrap + .time_wrap{
        margin: 10px auto 0 auto;
    }
    
    .timetable_box .time_wrap .tit{
        float: left;
    }
    
    .timetable_box .time_wrap .sub_text{
        float: left;
        margin-left: 25px;
        font-size: 1.4em;
        color: #fff;
        font-weight: 500;
        position: relative;
    }
    
    .timetable_box .time_wrap .sub_text::before{
        content: "";
        display: block;
        width: 1px;
        height: 12px;
        background: rgba(255,255,255,0.3);
        position: absolute;
        top: 50%;
        left: -12px;
        transform: translate(0,-50%);
    }
    
    
    
    .main_box .event_contents_main {
        padding:20px;
        
    }
    
    .main_box .event_contents_main .tab_list button {
        margin-top:30px;
        color:#fff;
        font-size:17px;
        padding-bottom:10px;
    }
    .main_box .event_contents_main table {
        width: 100%;
        margin-top: 10px;
        table-layout: fixed;
    }
    
    .main_box .event_contents_main table th {
        color: #fff;
        text-align: left;
        font-size: 14px;
        padding: 10px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .main_box .event_contents_main table td {
        color: #fff;
        text-align: center;
        font-size: 1.4em;
        padding: 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        text-align: left;
    }
    .main_box .event_contents_main .page_tit {
      border-top: 1px solid #fff;
      padding-top: 30px;
    }
    
    .main_box .event_contents_main .data_tit {
      padding-bottom: 30px;
    }
    
    .main_box .event_contents_main table {
      /*margin-bottom: 60px;*/
    }
    
    .main_box .event_contents_main table td:nth-of-type(3) {
      text-align: left;
    }
    
    .main_box .event_contents_main dl dt {
        font-size: 1.6em;
        color: #fff;
        font-weight: 700;
    }
    
    .main_box .event_contents_main dl dd {
        font-size: 13px;
        color: #C4C4C4;
        margin-top: 4px;
    }
    /* footer ¿µ¿ª */
    .footer_contents {
      /* margin-top: 160px; */
      margin-top: 60px;
      position: relative;
      border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .footer_contents .inner {
      padding: 3em 2em 0 2em;
    }
    
    .footer_contents .customer_area dl dt {
      font-size: 1.2em;
      color: #fff;
    }
    
    .footer_contents .customer_area dl dd {
      font-size: 2.4em;
      font-weight: 700;
      margin-top: 9px;
      color: #fff;
    }
    
    .footer_contents .customer_area dl a {
      margin-top: 6px;
      display: inline-block;
      font-size: 1.2em;
      color: #A6A6A6;
      padding-right: 1.4em;
      background: url(/PETM/assets/images/sub/arrow_right_02.svg) center right no-repeat;
    }
    
    .footer_contents .link_area {
      padding: 2em 0;
    }
    
    .footer_contents .link_area a {
      display: inline-block;
      color: #A6A6A6;
      font-size: 1.2em;
      margin-right: 2em;
    }
    
    .footer_contents .link_area a.on {
      color: #fff;
      font-weight: 500;
    }
    
    .footer_contents .logo_area {
      width: 89px;
      margin-bottom: 1.8em;
    }
    
    .footer_contents .info_area ul {
      margin-top: 10px;
    }
    
    .footer_contents .info_area ul li {
      display: inline-block;
      font-size: 12px;
      color: #727272;
      vertical-align: middle;
    }
    
    .footer_contents .info_area ul li::after {
      content: '';
      display: inline-block;
      width: 1px;
      height: 12px;
      background-color: #484848;
      margin: 0 10px;
      vertical-align: middle;
    }
    
    .footer_contents .info_area ul li:last-of-type::after {
      display: none;
    }
    
    .footer_contents .info_area p {
      font-size: 12px;
      color: #727272;
      margin-top: 10px;
    }
    
    .footer_contents .copy {
      font-size: 12px;
      color: #727272;
      margin-top: 20px;
    }
    
    /*¹è³Ê ¸ÞÀÎ Æ˾÷*/
    .main_banner_area {position: relative; background:#000; }
    .main_popup {position:absolute;top: 200px;left: calc(50% - 160px);width:320px; /*height:450px;*/ z-index:0;overflow: hidden;display:none; border:1px solid rgba(255,255,255,.3);}
    .main_popup.active {display:block;z-index:1;}
    .main_popup .main_pop_banner {position:relative;z-index:1;background:#000;font-size:0;}
    .main_popup .main_pop_bottom {position:absolute;bottom:0;left:0;right:0;height:39px;background:rgba(0,0,0,.7);z-index:2;}
    .main_popup .main_pop_bottom .mp_chk {margin:3px 0 0 15px; }
    .main_popup .main_pop_bottom .chk_st + label:before {border:1px solid #fff; display:none; }
    .main_popup .main_pop_bottom .chk_st + label:after {display:none; }
    .main_popup .main_pop_bottom .chkbx_area .ck_txt {font-size:12px;font-weight:normal;color:#fff;}
    .main_popup .main_pop_bottom .btn_mpop_close {position:absolute;top:0;right:0;width:63px;height:100%;border-left:1px solid rgba(255,255,255,.2);font-size:12px;font-weight:normal;color:#fff;cursor: pointer;}
    .main_pop_bx .download_box {position:absolute;top:9px;left:9px;}
    .main_pop_banner .mpop-slide img {width:100%;}
    .main_pop_banner .slick-list {z-index:1;}
    .main_pop_banner .slick-arrow {position: absolute;top:12px;width:8px;height:14px;display:inline-block;vertical-align:top;font-size:0;background:url('/PETC/assets/images/all_sprite.png') no-repeat 0 0;z-index:2;cursor: pointer;}
    .main_pop_banner .slick-prev {right:50px;background-position:-318px -120px;}
    .main_pop_banner .slick-next {right:15px;background-position:-356px -120px;}
    .main_pop_banner .slick-prev.slick-disabled {background-position:-241px -120px;}
    .main_pop_banner .slick-next.slick-disabled {background-position:-280px -120px;}
    .main_pop_banner .h_line {position:absolute;top:13px;right:35px;display:inline-block;width:1px;height:12px;vertical-align:top;background:rgba(0,0,0,.15);z-index:2;}
    
}