@charset "utf-8";

/* ==============================
ver : 1.00
ver : 1.01 20191219 2502 line > 팝업메뉴 고정높이값 삭제
============================== */

/* main ========================================================================================= */
/* 메인페이지/상단비쥬얼 ============================== */
/* swiper */
.visual_top.visual_main .swiper-slide > a {
    display: block;
}

    .visual_top.visual_main .swiper-slide > a > img {
        width: 100%;
        height: 774px;
    }

.visual_top.visual_main .swiper-slide:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 140px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 1) 100%);
}

.visual_top.visual_main .swiper-pagination {
    bottom: 85px;
    left: 25%;
    width: 50%;
    text-align: right;
}

    .visual_top.visual_main .swiper-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 3px;
    }

    .visual_top.visual_main .swiper-pagination .swiper-button-start,
    .visual_top.visual_main .swiper-pagination .swiper-button-stop {
        margin: 0 2px 0 4px;
    }

    .visual_top.visual_main .swiper-pagination .swiper-button-start {
        border-width: 4px 0 4px 7px;
    }

    .visual_top.visual_main .swiper-pagination .swiper-button-stop {
        width: 6px;
        height: 6px;
    }

.visual_top.visual_main .swiper-pagination {
    bottom: 85px;
    left: 25%;
    width: 50%;
    text-align: right;
}

    .visual_top.visual_main .swiper-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 3px;
    }

    .visual_top.visual_main .swiper-pagination .swiper-button-start,
    .visual_top.visual_main .swiper-pagination .swiper-button-stop {
        margin: 0 2px 0 4px;
    }

    .visual_top.visual_main .swiper-pagination .swiper-button-start {
        border-width: 4px 0 4px 7px;
    }

    .visual_top.visual_main .swiper-pagination .swiper-button-stop {
        width: 6px;
        height: 6px;
    }
/* owl */
.visual_top.visual_main .item > a {
    display: block;
}

    .visual_top.visual_main .item > a > img {
        width: 100%;
        height: 774px;
    }

.visual_top.visual_main .item:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 140px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 1) 100%);
}

.visual_top.visual_main .owl-dots {
    position: absolute;
    right: 50%;
    left: auto;
    top: auto;
    bottom: 95px;
    margin: 0 -455px 0 0;
}

    .visual_top.visual_main .owl-dots .owl-dot span {
        width: 6px;
        height: 6px;
        margin: 0 3px;
    }

.visual_top.visual_main .slide_wrap .bx_ctrl {
    left: auto !important;
    right: 50%;
    top: auto;
    bottom: 95px;
    margin: 0 -480px 0 0;
    text-align: right;
}

    .visual_top.visual_main .slide_wrap .bx_ctrl .play {
        border-width: 4px 0 4px 7px;
    }

    .visual_top.visual_main .slide_wrap .bx_ctrl .stop {
        width: 6px;
        height: 6px;
        border-radius: 1px;
    }
/*.visual_top.visual_main .owl-carousel .item .btn_boxing_mov {position:absolute;left:50%;top:50%;display:block;width:49px;height:54px;margin:-27px 0 0 -24px;padding:0;font:0/0 a;border:0;background-image:url("../images/main/btn_main_visual_play.png");background-repeat:no-repeat;background-position:0 0;background-color:rgba(255,255,255,0);cursor:pointer;z-index:10000;}**/
.visual_top.visual_main .owl-carousel .item a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 49px;
    height: 54px;
    margin: -27px 0 0 -24px;
    padding: 0;
    font: 0/0 a;
    border: 0;
    background-image: url("../images/main/btn_main_visual_play.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: rgba(255,255,255,0);
    cursor: pointer;
}

.visual_top.visual_main .owl-carousel .owl-stage-outer + .owl-nav {
    height: 0;
    background-color: transparent;
}

.visual_top.visual_movie_home .owl-carousel .item a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 49px;
    height: 54px;
    margin: -15px 0 0 -24px;
    padding: 0;
    font: 0/0 a;
    border: 0;
    background-image: url("../images/main/btn_main_visual_play.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: rgba(255,255,255,0);
    cursor: pointer;
}
/* 2020.01.06 */
.visual_top.visual_movie_home .owl-carousel .owl-stage-outer + .owl-nav {
    height: 0;
    background-color: transparent;
}
/* 2020.01.06 */
.visual_top.visual_theater_detail .owl-carousel .item a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 49px;
    height: 54px;
    margin: -15px 0 0 -24px;
    padding: 0;
    font: 0/0 a;
    border: 0;
    background-image: url("../images/main/btn_main_visual_play.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: rgba(255,255,255,0);
    cursor: pointer;
}
/* 2020.01.07 */
.visual_top.visual_theater_detail .owl-carousel .owl-stage-outer + .owl-nav {
    height: 0;
    background-color: transparent;
}
/* 2020.01.07 */

/* 영화 > 영화상세 > 트레일러 동영상버튼 */
.movi_tab_info2 .slide_movie_detail_trailer .owl-carousel .item a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 49px;
    height: 54px;
    margin: -44px 0 0 -24px;
    padding: 0;
    font: 0/0 a;
    border: 0;
    background-image: url("../images/main/btn_main_visual_play.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: rgba(255,255,255,0);
    cursor: pointer;
}
/* 2020.01.08 */

/* 메인페이지/본문 ============================== */
.contents_main {
    padding-top: 0;
}

    /* 메인페이지/영화목록 ========== */
    .contents_main .movi_current_list {
        position: static;
        margin-top: -100px;
        margin-bottom: 70px;
    }

        .contents_main .movi_current_list:before {
            content: "";
            position: absolute;
            display: block;
            background: #000;
            left: 0;
            right: 0;
            width: 100%;
            height: 405px;
            z-index: -1;
        }

        .contents_main .movi_current_list .movi_info_txt {
            position: relative;
            right: 10px;
            top: 20px;
            float: right;
            color: #fff;
            font-size: 11px;
        }

            .contents_main .movi_current_list .movi_info_txt a {
                display: block;
                position: relative;
                z-index: 1;
                color: #FFF;
            }

            .contents_main .movi_current_list .movi_info_txt em {
                font-family: 'Roboto';
                font-size: 12px;
                padding-left: 16px;
                background: url(../images/icon/time2.png) no-repeat 0 1px;
            }

        .contents_main .movi_current_list .tab_wrap {
            position: relative;
        }

            .contents_main .movi_current_list .tab_wrap.lft {
                padding-top: 50px;
            }

                .contents_main .movi_current_list .tab_wrap.lft > li > .tab_tit {
                    background: transparent;
                    color: #fff;
                    height: 40px;
                    line-height: 40px;
                    padding: 0;
                }

                    .contents_main .movi_current_list .tab_wrap.lft > li > .tab_tit > span {
                        margin-right: 20px;
                        opacity: .6;
                    }

                .contents_main .movi_current_list .tab_wrap.lft > li.active > .tab_tit > span {
                    opacity: 1;
                    border-bottom: 1px solid rgba(255, 255, 255, .5);
                }
        /* 영화목록 - swiper 버전 */
        .contents_main .movi_current_list .movie_list {
            margin: 0;
        }

            .contents_main .movi_current_list .movie_list li {
                margin: 0;
            }

                .contents_main .movi_current_list .movie_list li .top_info .poster_info {
                    display: block;
                }

                .contents_main .movi_current_list .movie_list li .btm_info {
                    margin-top: 20px;
                }

                    .contents_main .movi_current_list .movie_list li .btm_info .sub_info1 {
                        color: #fff;
                    }

                        .contents_main .movi_current_list .movie_list li .btm_info .sub_info1 .heart_info .btn_heart_rnd {
                            margin-top: -3px;
                        }

                    .contents_main .movi_current_list .movie_list li .btm_info .tit_info {
                        color: #fff;
                    }

            .contents_main .movi_current_list .movie_list .swiper-button-prev {
                top: 38%;
                left: -30px;
                background: url('../images/icon/arr_lf_19_wht.png') no-repeat 50% 50%;
                width: 19px;
                height: 35px;
                opacity: .5;
            }

            .contents_main .movi_current_list .movie_list .swiper-button-next {
                top: 38%;
                right: -30px;
                background: url('../images/icon/arr_rg_19_wht.png') no-repeat 50% 50%;
                width: 19px;
                height: 35px;
                opacity: .5;
            }

                .contents_main .movi_current_list .movie_list .swiper-button-prev.swiper-button-disabled,
                .contents_main .movi_current_list .movie_list .swiper-button-next.swiper-button-disabled {
                    opacity: 0;
                }
/* 영화목록 - owl 버전 */
.main_movie_list .item {
    color: #FFF;
    text-align: center;
}

    .main_movie_list .item .top_info {
        overflow: hidden;
        position: relative;
        height: 262px;
        border-radius: 4px;
    }

        .main_movie_list .item .top_info .poster_info {
            display: block;
            height: 262px;
        }

            .main_movie_list .item .top_info .poster_info img {
                width: 100%;
            }

            .main_movie_list .item .top_info .poster_info .num_info {
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                height: 23px;
                padding-left: 10px;
                color: #fff;
                font-weight: bold;
                font-size: 26px;
                font-style: italic;
                font-family: 'Roboto', "Noto Sans KR";
                text-align: left;
                background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.5) 100%);
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.5) 100%);
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.5) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
            }

            .main_movie_list .item .top_info .poster_info .ic_grade {
                position: absolute;
                top: 10px;
                right: 8px;
            }

        .main_movie_list .item .top_info .over_box {
            overflow: hidden;
            position: absolute;
            width: 100%;
            height: 0;
        }

            .main_movie_list .item .top_info .over_box .btn_col3 {
                display: block;
                line-height: 26px;
                margin-top: 10px;
                background: transparent;
                color: #fff !important;
                border-color: #fff;
            }

                .main_movie_list .item .top_info .over_box .btn_col3:first-child {
                    margin-top: 0
                }

            .main_movie_list .item .top_info .over_box .hall_info_box {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background: red
            }

            .main_movie_list .item .top_info .over_box .btn_end {
                border-color: #666;
                color: #666 !important
            }

    .main_movie_list .item.active .top_info .over_box {
        overflow: inherit;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .main_movie_list .item.active .top_info .over_box:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.7;
        }

        .main_movie_list .item.active .top_info .over_box .inner {
            position: absolute;
            z-index: 1;
            top: 50%;
            left: 0;
            right: 0;
            padding: 0 18px;
        }

    .main_movie_list .item .btm_info {
        display: block;
        margin-top: 20px;
    }

        .main_movie_list .item .btm_info .tit_info {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-bottom: 6px;
            font-size: 13px;
        }

        .main_movie_list .item .btm_info .sub_info1 {
            display: block;
            margin-bottom: 10px;
            font-size: 11px;
        }

            .main_movie_list .item .btm_info .sub_info1 > span {
                position: relative;
                margin-left: 8px;
                font-family: 'Roboto', "Noto Sans KR";
            }

                .main_movie_list .item .btm_info .sub_info1 > span:before {
                    content: '';
                    display: inline-block;
                    position: absolute;
                    top: 2px;
                    left: 0;
                    width: 1px;
                    height: 8px;
                    background: #B2B2B2
                }

                .main_movie_list .item .btm_info .sub_info1 > span:first-child {
                    margin-left: 0;
                }

                    .main_movie_list .item .btm_info .sub_info1 > span:first-child:before {
                        display: none;
                    }

            .main_movie_list .item .btm_info .sub_info1 .rate_info em {
                font-weight: bold;
            }

            .main_movie_list .item .btm_info .sub_info1 .star_info {
                padding-left: 22px;
                font-weight: bold;
                background: url("../../Content/images/movie/ic_star.png") no-repeat 9px 20%;
            }

            .main_movie_list .item .btm_info .sub_info1 .remain_info {
                padding-left: 10px;
                color: #ED4C6B
            }

            .main_movie_list .item .btm_info .sub_info1 .heart_info {
                display: inline-block;
                padding-left: 10px;
            }

                .main_movie_list .item .btm_info .sub_info1 .heart_info .btn_heart_rnd {
                    margin-top: -3px;
                }

.main_movie_list .owl-nav .owl-prev {
    top: 38%;
    left: -30px;
    background: url('../images/icon/arr_lf_19_wht.png') no-repeat 50% 50%;
    width: 19px;
    height: 35px;
    opacity: .5;
}

.main_movie_list .owl-nav .owl-next {
    top: 38%;
    right: -30px;
    background: url('../images/icon/arr_rg_19_wht.png') no-repeat 50% 50%;
    width: 19px;
    height: 35px;
    opacity: .5;
}

    .main_movie_list .owl-nav .owl-prev.disabled,
    .main_movie_list .owl-nav .owl-next.disabled {
        opacity: 0;
    }

.contents_main .main_cont_wrap {
    position: relative;
    margin-bottom: 33px
}

    .contents_main .main_cont_wrap .sec_tit {
        font-size: 17px;
        position: relative;
        margin-bottom: 10px
    }

        .contents_main .main_cont_wrap .sec_tit > span {
            font-size: 10px;
            position: absolute;
            top: -11px;
            letter-spacing: 2px;
            color: #666
        }

    .contents_main .main_cont_wrap .btn_txt_more {
        position: absolute;
        top: 5px;
        right: 0;
        background-position: right 3.5px
    }

    .contents_main .main_cont_wrap.special .sec_tit {
        padding-bottom: 10px;
        border-bottom: 1px dashed #d9d9d9
    }

    .contents_main .main_cont_wrap.special .special_wrap {
        overflow: hidden;
        padding: 16px 0;
        white-space: nowrap
    }

        .contents_main .main_cont_wrap.special .special_wrap > li {
            display: inline-block;
            vertical-align: middle
        }

            .contents_main .main_cont_wrap.special .special_wrap > li > a {
                display: block;
                text-align: center
            }

    .contents_main .main_cont_wrap.special .special_wrap2 {
        overflow: hidden;
        padding: 16px 0;
        white-space: nowrap
    }

        .contents_main .main_cont_wrap.special .special_wrap2 > li {
            display: inline-block;
            vertical-align: middle
        }

            .contents_main .main_cont_wrap.special .special_wrap2 > li > a {
                display: block;
                text-align: center
            }

    .contents_main .main_cont_wrap.premiere {
        margin-top: 15px;
        margin-bottom: 53px
    }

        .contents_main .main_cont_wrap.premiere .premiere_wrap:after {
            display: block;
            clear: both;
            content: ""
        }

        .contents_main .main_cont_wrap.premiere .premiere_wrap > li {
            float: left
        }

            .contents_main .main_cont_wrap.premiere .premiere_wrap > li + li {
                margin-left: 11px
            }

            .contents_main .main_cont_wrap.premiere .premiere_wrap > li > a {
                display: block;
                overflow: hidden;
                width: 319px;
                border-radius: 4px
            }

                .contents_main .main_cont_wrap.premiere .premiere_wrap > li > a > img {
                    width: 100%
                }

.contents_main .mid_menu_wrap {
    font-size: 0;
    position: relative;
    margin-bottom: 50px
}

    .contents_main .mid_menu_wrap .mid_itm {
        display: inline-block;
        width: 187px;
        height: 133px
    }

        .contents_main .mid_menu_wrap .mid_itm + .mid_itm {
            margin-left: 10px
        }

        .contents_main .mid_menu_wrap .mid_itm > img {
            width: 100%;
            height: 100%
        }

        .contents_main .mid_menu_wrap .mid_itm > em {
            text-indent: -9999em
        }

.contents_main .main_cont_wrap.notice {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #aaa
}

    .contents_main .main_cont_wrap.notice .sec_tit {
        font-size: 13px;
        display: inline-block;
        margin: 0;
        vertical-align: middle
    }

        .contents_main .main_cont_wrap.notice .sec_tit:after {
            display: inline-block;
            width: 1px;
            height: 13px;
            margin: 0 20px;
            content: "";
            vertical-align: middle;
            background: #707070
        }

    .contents_main .main_cont_wrap.notice .rolling_menu_wrap {
        position: relative;
        display: inline-block;
        overflow: hidden;
        width: 840px;
        height: 15px;
        vertical-align: middle
    }

        .contents_main .main_cont_wrap.notice .rolling_menu_wrap .rolling_menu {
            position: absolute;
            left: 0
        }

            .contents_main .main_cont_wrap.notice .rolling_menu_wrap .rolling_menu > li {
                line-height: 15px;
                height: 15px
            }

                .contents_main .main_cont_wrap.notice .rolling_menu_wrap .rolling_menu > li > a {
                    font-size: 13px;
                    line-height: 15px
                }

.contents_main + .banner_wrap {
    padding-top: 30px
}
/* 영화목록 : movie_list ========================================================================================= */
.movie_list {
    overflow: hidden;
    margin-bottom: 50px;
    margin: 0 -7.5px
}

    .movie_list li {
        float: left;
        position: relative;
        width: 184px;
        margin: 0 7.5px;
        text-align: center;
    }

        .movie_list li .top_info {
            overflow: hidden;
            position: relative;
            height: 262px;
            border-radius: 4px;
        }

            .movie_list li .top_info .poster_info {
                display: block;
                height: 262px;
            }

                .movie_list li .top_info .poster_info img {
                    width: 100%;
                }

                .movie_list li .top_info .poster_info .num_info {
                    display: block;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    height: 23px;
                    padding-left: 10px;
                    color: #fff;
                    font-weight: bold;
                    font-size: 26px;
                    font-style: italic;
                    font-family: 'Roboto', "Noto Sans KR";
                    text-align: left;
                    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.5) 100%);
                    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.5) 100%);
                    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.5) 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
                }

                .movie_list li .top_info .poster_info .ic_grade {
                    position: absolute;
                    top: 10px;
                    right: 8px;
                }

            .movie_list li .top_info .over_box {
                overflow: hidden;
                position: absolute;
                width: 100%;
                height: 0;
            }

        .movie_list li.active .top_info .over_box {
            overflow: inherit;
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            .movie_list li.active .top_info .over_box:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #000;
                opacity: 0.7;
            }

            .movie_list li.active .top_info .over_box .inner {
                position: absolute;
                z-index: 1;
                top: 50%;
                left: 0;
                right: 0;
                padding: 0 18px;
            }

        .movie_list li .top_info .over_box .btn_col3 {
            display: block;
            line-height: 26px;
            margin-top: 10px;
            background: transparent;
            color: #fff !important;
            border-color: #fff;
        }

            .movie_list li .top_info .over_box .btn_col3:first-child {
                margin-top: 0
            }

        .movie_list li .top_info .over_box .hall_info_box {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: red
        }

        .movie_list li .top_info .over_box .btn_end {
            border-color: #666;
            color: #666 !important
        }

        .movie_list li .btm_info {
            display: block;
            margin-top: 14px;
        }

            .movie_list li .btm_info .tit_info {
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin-bottom: 6px;
                font-size: 13px;
            }

            .movie_list li .btm_info .sub_info1 {
                display: block;
                margin-bottom: 10px;
                font-size: 11px;
            }

                .movie_list li .btm_info .sub_info1 > span {
                    position: relative;
                    margin-left: 8px;
                    font-family: 'Roboto', "Noto Sans KR";
                }

                    .movie_list li .btm_info .sub_info1 > span:before {
                        content: '';
                        display: inline-block;
                        position: absolute;
                        top: 2px;
                        left: 0;
                        width: 1px;
                        height: 8px;
                        background: #B2B2B2
                    }

                    .movie_list li .btm_info .sub_info1 > span:first-child {
                        margin-left: 0;
                    }

                        .movie_list li .btm_info .sub_info1 > span:first-child:before {
                            display: none;
                        }

                .movie_list li .btm_info .sub_info1 .rate_info em {
                    font-weight: bold;
                }

                .movie_list li .btm_info .sub_info1 .star_info {
                    padding-left: 22px;
                    font-weight: bold;
                    background: url("../../Content/images/movie/ic_star.png") no-repeat 9px 20%;
                }

                .movie_list li .btm_info .sub_info1 .remain_info {
                    padding-left: 10px;
                    color: #ED4C6B
                }

                .movie_list li .btm_info .sub_info1 .heart_info {
                    display: inline-block;
                    padding-left: 10px;
                }

                    .movie_list li .btm_info .sub_info1 .heart_info .btn_heart_rnd {
                        margin-top: -4px;
                    }

            .movie_list li .btm_info .sub_info2 {
                display: block;
            }

                .movie_list li .btm_info .sub_info2 > span {
                    display: inline-block;
                    padding: 4px 0 4px 21px;
                    font-family: 'Roboto', "Noto Sans KR";
                    font-size: 11px;
                }

                .movie_list li .btm_info .sub_info2 .like_info {
                    background: url("../../Content/images/movie/ic_like.png") no-repeat 0 0
                }

                .movie_list li .btm_info .sub_info2 .repple_info {
                    margin-left: 10px;
                    background: url("../../Content/images/movie/ic_repple.png") no-repeat 0 0
                }



/* 영화/상세 ========================================================================================= */
/* 상단영화정보 ============================== */
.detail_top_wrap {
    position: relative;
    min-height: 240px;
    padding-left: 245px;
    margin-bottom: 15px;
}

    .detail_top_wrap .poster_info {
        position: absolute;
        top: -66px;
        left: 0;
        width: 205px;
        height: 305px;
        z-index: 1
    }

        .detail_top_wrap .poster_info img {
            width: 100%;
            border-radius: 4px;
        }

    .detail_top_wrap .tit_info {
        margin: -2px 0 15px 0;
        font-size: 26px;
    }

    .detail_top_wrap .ic_grade {
        width: 36px;
        height: 36px;
        margin: -3px 4px 0 0;
        line-height: 36px;
        vertical-align: top;
    }

        .detail_top_wrap .ic_grade:before {
            font-size: 13px;
        }

    .detail_top_wrap .detail_info1 {
        overflow: hidden;
        padding-bottom: 17px;
        margin-bottom: 20px;
        font-size: 15px;
        border-bottom: 1px solid #ddd
    }

        .detail_top_wrap .detail_info1 > li {
            float: left;
            margin-right: 25px;
        }

            .detail_top_wrap .detail_info1 > li > em {
                margin-right: 10px;
                vertical-align: middle;
            }

            .detail_top_wrap .detail_info1 > li strong {
                font-size: 20px;
                font-family: 'Roboto', "Noto Sans KR";
                vertical-align: middle;
            }

                .detail_top_wrap .detail_info1 > li strong em {
                    font-family: "Noto Sans KR";
                }

                .detail_top_wrap .detail_info1 > li strong .date_info {
                    font-size: 14px;
                    color: #666
                }

    .detail_top_wrap .detail_info2 {
        margin-bottom: 17px;
        font-size: 13px;
    }

        .detail_top_wrap .detail_info2 > li {
            margin-top: 11px;
        }

            .detail_top_wrap .detail_info2 > li:first-child {
                margin-top: 0
            }

            .detail_top_wrap .detail_info2 > li em {
                margin-right: 10px;
            }

            .detail_top_wrap .detail_info2 > li strong {
                color: #666;
            }

            .detail_top_wrap .detail_info2 > li.sub_info3 strong {
                line-height: 24px
            }

        .detail_top_wrap .detail_info2 .sub_info1 strong > em {
            position: relative;
            padding-left: 15px;
        }

            .detail_top_wrap .detail_info2 .sub_info1 strong > em:first-child {
                padding-left: 0;
            }

            .detail_top_wrap .detail_info2 .sub_info1 strong > em:before {
                content: '';
                display: block;
                position: absolute;
                top: 5px;
                left: 0;
                width: 1px;
                height: 9px;
                background: #ddd;
            }

            .detail_top_wrap .detail_info2 .sub_info1 strong > em:first-child:before {
                display: none;
            }

        .detail_top_wrap .detail_info2 .sub_info2 .line_type a,
        .detail_top_wrap .detail_info2 .sub_info3 .line_type a {
            border-bottom: 1px solid #666;
            color: #666;
        }

    .detail_top_wrap .spacial_hall_info {
        float: left;
        position: relative;
        width: 400px;
    }

        .detail_top_wrap .spacial_hall_info::after {
            content: '';
            display: block;
            clear: both;
        }

        .detail_top_wrap .spacial_hall_info span {
            display: inline-block;
            min-width: 82px;
            padding: 0 5px;
            margin-bottom: 10px;
            text-align: center;
        }

            .detail_top_wrap .spacial_hall_info span img {
                height: 20px;
            }
/* .detail_top_wrap .spacial_hall_info span:nth-child(1),
.detail_top_wrap .spacial_hall_info span:nth-child(5) {padding-left: 0; text-align: left} */
/* aside */
.movie_detail_aside_menu {
    padding-left: 430px;
}

    .movie_detail_aside_menu ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .movie_detail_aside_menu ul > li {
        float: left;
        margin-left: 32px;
    }

        .movie_detail_aside_menu ul > li:first-child {
            margin-left: 0
        }

        .movie_detail_aside_menu ul > li .btn_ic_share {
            display: block;
            position: relative;
            width: 28px;
            height: 28px;
            padding: 0 10px;
            background: url("../../Content/images/icon/ic_share.png") no-repeat 50% 0;
            border: 0
        }

            .movie_detail_aside_menu ul > li .btn_ic_share em {
                overflow: hidden;
                position: absolute !important;
                width: 1px;
                height: 1px;
                clip: rect(1px, 1px, 1px, 1px);
            }

        .movie_detail_aside_menu ul > li .btn_ic_wish {
            display: block;
            position: relative;
            width: 39px;
            height: 28px;
            padding-left: 10px;
            background: url("../../Content/images/icon/heart_bdr_26_off.png") no-repeat 10px 0;
            border: none;
        }

            .movie_detail_aside_menu ul > li .btn_ic_wish strong {
                overflow: hidden;
                position: absolute !important;
                width: 1px;
                height: 1px;
                clip: rect(1px, 1px, 1px, 1px);
            }

            .movie_detail_aside_menu ul > li .btn_ic_wish em {
                display: block;
                min-width: 20px;
                margin-left: 0px;
                position: absolute;
                top: 5px;
                left: 50%;
                padding: 1px 0;
                background: #fff;
                font-size: 11px;
                line-height: 11px;
                font-family: 'Roboto', "Noto Sans KR";
                text-align: center;
            }

                .movie_detail_aside_menu ul > li .btn_ic_wish em.max:after {
                    content: '+';
                }

            .movie_detail_aside_menu ul > li .btn_ic_wish.active {
                background: url("../../Content/images/icon/heart_bdr_26_on.png") no-repeat 10px 0;
                color: #FF243E
            }

        .movie_detail_aside_menu ul > li.area_reserve {
            margin-top: -15px;
        }

            .movie_detail_aside_menu ul > li.area_reserve .btn_col1 {
                min-width: 170px;
                font-size: 18px;
            }

/* tab - 영화정보 ============================== */
/* 정보 ========== */
.movi_tab_info1 {
    overflow: hidden;
    margin: 0px 0 45px 0;
}

.contents_movie_detail .tit_info {
    display: block;
    margin-bottom: 20px;
    font-size: 15px;
}

    .contents_movie_detail .tit_info strong {
        font-size: 26px;
    }

.contents_movie_detail .banner_wrap {
    margin-top: 60px;
}

.contents_movie_detail .no_data {
    padding: 140px 0;
    background: #F8F8F8;
    text-align: center;
    font-size: 15px;
    border-top: 1px solid #ccc
}

.contents_movie_detail .list_bdr_box {
    margin-top: 60px;
}

.contents_movie_detail .list_txt {
    margin-left: 10px;
}

.movi_tab_info1 .left_con {
    float: left;
    width: 480px;
}

    .movi_tab_info1 .left_con .mCustomScrollbar {
        height: 115px;
    }

    .movi_tab_info1 .left_con .txt_info {
        padding-right: 80px;
        font-size: 13px;
        line-height: 1.8
    }

.movi_tab_info1 .right_con {
    float: right;
    width: 480px;
}

.movi_tab_info1 .group_graph:after {
    content: "";
    display: block;
    clear: both;
}

.movi_tab_info1 .group_graph .bx_graph01 {
    float: left;
    position: relative;
    width: 32%;
    height: 76px;
    margin-top: 49px;
}

    .movi_tab_info1 .group_graph .bx_graph01 .bg {
        position: absolute;
        z-index: 1;
        top: 0;
        width: 100%;
        height: 51px;
        background: url("../images/movie/graph_bgx2.png") no-repeat center 0;
        background-size: 111px auto;
    }

    .movi_tab_info1 .group_graph .bx_graph01 dl {
        position: relative;
        height: 51px;
        border-bottom: 1px solid #666666;
    }

        .movi_tab_info1 .group_graph .bx_graph01 dl dt {
            position: absolute;
            bottom: -20px;
            width: 50%;
            font-size: 10px;
            color: #666;
            text-align: center;
            white-space: nowrap;
        }

            .movi_tab_info1 .group_graph .bx_graph01 dl dt.mal {
                left: 0;
            }

            .movi_tab_info1 .group_graph .bx_graph01 dl dt.fem {
                left: 50%;
            }

        .movi_tab_info1 .group_graph .bx_graph01 dl dd {
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
        }

            .movi_tab_info1 .group_graph .bx_graph01 dl dd.mal {
                width: 17px;
                margin-left: -36px;
            }

            .movi_tab_info1 .group_graph .bx_graph01 dl dd.fem {
                width: 28px;
                margin-left: 9px;
            }

            .movi_tab_info1 .group_graph .bx_graph01 dl dd .bar {
                position: absolute;
                bottom: 0;
                width: 100%;
            }

            .movi_tab_info1 .group_graph .bx_graph01 dl dd.mal .bar {
                background-color: #8BE2FC;
            }

            .movi_tab_info1 .group_graph .bx_graph01 dl dd.fem .bar {
                background-color: #FB5B95;
            }

            .movi_tab_info1 .group_graph .bx_graph01 dl dd strong {
                position: absolute;
                width: 38px;
                z-index: 2;
                top: -3px;
                font-family: 'Roboto';
                font-size: 12px;
                white-space: nowrap;
            }

                .movi_tab_info1 .group_graph .bx_graph01 dl dd strong span {
                    font-size: 10px;
                }

            .movi_tab_info1 .group_graph .bx_graph01 dl dd.mal strong {
                right: -36px;
                color: #8BE2FC;
            }

            .movi_tab_info1 .group_graph .bx_graph01 dl dd.fem strong {
                right: -29px;
                color: #FB5B95;
            }

.movi_tab_info1 .group_graph .bx_graph02 {
    float: right;
    width: 280px;
    height: 110px;
    padding-top: 15px;
}

    .movi_tab_info1 .group_graph .bx_graph02 dl {
        position: relative;
        height: 85px;
        border-bottom: 1px solid #666666;
    }

        .movi_tab_info1 .group_graph .bx_graph02 dl dt {
            position: absolute;
            bottom: -20px;
            width: 50px;
            font-size: 12px;
            color: #666;
            text-align: center;
            white-space: nowrap;
        }

            .movi_tab_info1 .group_graph .bx_graph02 dl dt.gen10 {
                left: 36px;
            }

            .movi_tab_info1 .group_graph .bx_graph02 dl dt.gen20 {
                left: 86px;
            }

            .movi_tab_info1 .group_graph .bx_graph02 dl dt.gen30 {
                left: 138px;
            }

            .movi_tab_info1 .group_graph .bx_graph02 dl dt.gen40 {
                left: 188px;
            }

        .movi_tab_info1 .group_graph .bx_graph02 dl dd {
            position: absolute;
            bottom: 0;
            width: 50px;
        }

            .movi_tab_info1 .group_graph .bx_graph02 dl dd.gen10 {
                left: 36px;
            }

            .movi_tab_info1 .group_graph .bx_graph02 dl dd.gen20 {
                left: 86px;
            }

            .movi_tab_info1 .group_graph .bx_graph02 dl dd.gen30 {
                left: 138px;
            }

            .movi_tab_info1 .group_graph .bx_graph02 dl dd.gen40 {
                left: 188px;
            }

            .movi_tab_info1 .group_graph .bx_graph02 dl dd .bar {
                display: block;
                width: 8px;
                height: 100%;
                margin: 0 auto;
                border-radius: 8px 8px 0 0;
                background-color: #8B8B8B;
            }

            .movi_tab_info1 .group_graph .bx_graph02 dl dd strong {
                position: absolute;
                top: 0;
                width: 100%;
                margin-top: -15px;
                font-family: 'Roboto';
                font-size: 12px;
                text-align: center;
                white-space: nowrap;
            }

                .movi_tab_info1 .group_graph .bx_graph02 dl dd strong span {
                    font-size: 10px;
                }

            .movi_tab_info1 .group_graph .bx_graph02 dl dd.top .bar {
                background-color: #F51641;
            }

            .movi_tab_info1 .group_graph .bx_graph02 dl dd.top strong {
                color: #F51641;
            }

.movi_tab_info1 .review_nodata_wrap {
    overflow: hidden;
    width: 480px;
    height: 156px;
    border-radius: 4px;
    color: #FFF;
    text-align: center;
    background: url("../images/movie/review_nodata_bg.png") no-repeat 0 0;
}

    .movi_tab_info1 .review_nodata_wrap .tit {
        margin: 35px 0 10px;
    }

        .movi_tab_info1 .review_nodata_wrap .tit strong {
            padding-left: 28px;
            font-size: 21px;
            background: url("../images/icon/star_26.png") no-repeat 0 0;
        }

    .movi_tab_info1 .review_nodata_wrap .txt {
        margin: 10px 0;
        font-size: 14px;
    }

    .movi_tab_info1 .review_nodata_wrap a {
        margin-top: 10px;
    }
/* 트레일러 ========== */
.movi_tab_info2 {
    position: relative;
    margin-bottom: 60px;
}

    .movi_tab_info2 .tit_info {
        position: relative;
        margin: 0 50px -20px 0;
    }

    .movi_tab_info2 .swiper-wrapper {
        padding-top: 37px;
    }

    .movi_tab_info2 .slide_trail a {
        display: block;
    }

    .movi_tab_info2 .slide_trail strong {
        display: block;
        margin-top: 11px;
        text-align: center;
        font-size: 13px;
    }
    /* .movi_tab_info2 .slide_trail .swiper-button-next,
.movi_tab_info2 .slide_trail .swiper-button-prev {width:8px; height:15px; padding:10px;} */
    .movi_tab_info2 .slide_trail .swiper-button-next {
        position: absolute;
        top: 0px;
        right: 0;
        margin: 0; /* background:url("../../Content/images/icon/arr_rf_8_2.png") no-repeat 50% 0; */
    }

    .movi_tab_info2 .slide_trail .swiper-button-prev {
        position: absolute;
        top: 0px;
        left: inherit;
        right: 25px;
        margin: 0 /*; background:url("../../Content/images/icon/arr_lf_8_2.png") no-repeat 50% 0; */
    }

    .movi_tab_info2 .swiper-slide em {
        display: block;
        width: 313px;
        height: 193px;
    }

        .movi_tab_info2 .swiper-slide em img {
            width: 100%;
            border-radius: 4px;
        }
    /* owl */
    .movi_tab_info2 .slide_movie_detail_trailer {
        overflow: hidden;
    }

        .movi_tab_info2 .slide_movie_detail_trailer .item strong {
            display: block;
            margin-top: 11px;
            text-align: center;
            font-size: 13px;
        }
/* 포스터스틸컷 ========== */
.movi_tab_info3 {
    margin-bottom: 60px;
}
/* swiper - thm */
.slide_steal_thumb_box {
    position: relative;
    height: 133px;
    padding: 0 40px;
}
/* .slide_steal_thumb {padding:0 40px; }
.slide_steal_thumb .swiper-wrapper {overflow:hidden; margin:0 40px; overflow:hidden; width:auto; } */
.slide_steal_thumb .swiper-button-next {
    position: absolute;
    top: 50%;
    right: 0;
}

.slide_steal_thumb .swiper-button-prev {
    position: absolute;
    top: 50%;
    left: 0;
}

.slide_steal_thumb .swiper-slide {
    height: 133px;
    width: auto;
}

    .slide_steal_thumb .swiper-slide img {
        height: 133px;
        width: auto;
    }

.slide_steal_thumb .swiper-slide-thumb-active {
    position: relative; /*display:block; box-sizing: border-box; border:3px solid #FF243E*/
}

    .slide_steal_thumb .swiper-slide-thumb-active:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 133px;
        border: 3px solid #FF243E;
        z-index: 200;
        box-sizing: border-box;
    }

.slide_steal_thumb .swiper-button-prev2,
.slide_steal_thumb .swiper-button-next2 {
    border: 1px solid #CCC;
    background-color: #FFF;
    width: 40px;
    height: 133px;
    margin: 0;
    top: 0;
    box-sizing: border-box;
}

.slide_steal_thumb .swiper-button-next2 {
    position: absolute;
    top: 0;
    right: 0;
    background: #FFF url("../images/icon/arr_rg_11.png") no-repeat center center;
}

.slide_steal_thumb .swiper-button-prev2 {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF url("../images/icon/arr_lf_11.png") no-repeat center center;
}
/* swiper - view */
.slide_steal_top {
    margin-top: 20px;
    background: #222;
}

    .slide_steal_top .swiper-wrapper .swiper-slide em {
        display: block;
        overflow: hidden;
        height: 510px;
        margin: 0 auto;
        text-align: center;
    }

        .slide_steal_top .swiper-wrapper .swiper-slide em img {
            height: 100%;
            margin: 0 auto;
            text-align: center;
        }

    .slide_steal_top .swiper-button-next,
    .slide_steal_top .swiper-button-prev {
        width: 31px;
        height: 60px;
        margin-top: -30px;
    }

    .slide_steal_top .swiper-button-next {
        right: 21px;
        background: url("../../Content/images/icon/arr_rg_31_wht.png") no-repeat 0 0;
    }

    .slide_steal_top .swiper-button-prev {
        left: 21px;
        background: url("../../Content/images/icon/arr_lf_31_wht.png") no-repeat 0 0;
    }
/* owl - thm */
.stealcut_thumb_wrap {
    overflow: hidden;
    position: relative;
    height: 133px;
    padding: 0 40px;
}

    .stealcut_thumb_wrap .owl-carousel .item {
        height: 133px;
        width: auto;
    }

        .stealcut_thumb_wrap .owl-carousel .item img {
            height: 133px;
            width: 233px;
        }

    .stealcut_thumb_wrap .owl-carousel .owl-nav {
        top: auto;
        height: auto;
        margin-top: 0;
    }

        .stealcut_thumb_wrap .owl-carousel .owl-nav button {
            position: absolute;
            top: 0;
            width: 40px;
            height: 133px;
            margin: 0;
            box-sizing: border-box;
            border: 1px solid #CCC;
            background-color: #FFF;
        }

        .stealcut_thumb_wrap .owl-carousel .owl-nav .owl-prev {
            left: -40px;
            background: #FFF url("../images/icon/arr_lf_11.png") no-repeat center center;
        }

        .stealcut_thumb_wrap .owl-carousel .owl-nav .owl-next {
            right: -40px;
            background: #FFF url("../images/icon/arr_rg_11.png") no-repeat center center;
        }

    .stealcut_thumb_wrap .owl-carousel .owl-item img {
        width: 233px;
    }

        .stealcut_thumb_wrap .owl-carousel .owl-item img.poster {
            width: 94px;
        }
/* owl - view */
.stealcut_view_wrap {
    overflow: hidden;
    margin-top: 20px;
    background: #222;
}

    .stealcut_view_wrap .owl-carousel .item span {
        display: block;
        overflow: hidden;
        height: 510px;
        margin: 0 auto;
        text-align: center;
    }

        .stealcut_view_wrap .owl-carousel .item span img {
            height: 100%;
            margin: 0 auto;
            text-align: center;
        }

    .stealcut_view_wrap .owl-carousel .owl-nav {
        top: auto;
        height: auto;
        margin-top: 0;
    }

        .stealcut_view_wrap .owl-carousel .owl-nav button {
            position: absolute;
            top: 50%;
            width: 31px;
            height: 60px;
            margin-top: -30px;
        }

        .stealcut_view_wrap .owl-carousel .owl-nav .owl-prev {
            left: 21px;
            background: url("../../Content/images/icon/arr_lf_31_wht.png") no-repeat 0 0;
        }

        .stealcut_view_wrap .owl-carousel .owl-nav .owl-next {
            right: 21px;
            background: url("../../Content/images/icon/arr_rg_31_wht.png") no-repeat 0 0;
        }

    .stealcut_view_wrap .owl-carousel .owl-item img {
        width: auto;
    }
/* 감독및출연 ========== */
.movie_detail_people {
    position: relative;
    margin-bottom: 60px;
}

    .movie_detail_people .bx_list_people {
        height: 360px;
        overflow: hidden;
    }

        .movie_detail_people .bx_list_people > ul:after {
            content: "";
            display: block;
            clear: both;
        }

        .movie_detail_people .bx_list_people > ul li {
            float: left;
            position: relative;
            width: 25%;
            height: 90px;
            margin-bottom: 30px;
            padding-left: 110px;
            box-sizing: border-box;
        }

            .movie_detail_people .bx_list_people > ul li a {
                position: absolute;
                top: 0;
                left: 0;
                vertical-align: middle;
            }

                .movie_detail_people .bx_list_people > ul li a .thm {
                    display: block;
                    overflow: hidden;
                    width: 90px;
                    height: 90px;
                    border-radius: 50%;
                }

                    .movie_detail_people .bx_list_people > ul li a .thm img {
                        width: 100%;
                        border-radius: 50%;
                    }

            .movie_detail_people .bx_list_people > ul li .infor {
                display: table;
                height: 100%;
                margin-left: 14px;
                padding-right: 10px;
            }

                .movie_detail_people .bx_list_people > ul li .infor > div {
                    display: table-cell;
                    vertical-align: middle;
                }

                .movie_detail_people .bx_list_people > ul li .infor .tit {
                    display: block;
                    margin-bottom: 4px;
                    font-size: 13px;
                    text-decoration: underline
                }

                .movie_detail_people .bx_list_people > ul li .infor .txt {
                    display: block;
                    font-size: 13px;
                    color: #666;
                }

                .movie_detail_people .bx_list_people > ul li .infor .nm {
                    display: block;
                    position: inherit;
                }

    .movie_detail_people .btn_txt_more {
        margin-top: 10px;
    }

    .movie_detail_people.active .bx_list_people {
        height: auto;
    }
/* vod ========== */
.movi_vod_info {
    margin-bottom: 60px;
}

    .movi_vod_info .tit_info {
        margin-bottom: -40px;
    }

        .movi_vod_info .tit_info .sub1 {
            display: block;
            margin-bottom: 7px;
            font-size: 15px;
            font-family: 'Roboto', "Noto Sans KR";
        }

        .movi_vod_info .tit_info .sub2 {
            font-size: 13px;
            color: #666;
        }

    .movi_vod_info a {
        display: block;
    }

        .movi_vod_info a em {
            display: block;
            width: 151px;
            height: 216px;
        }

            .movi_vod_info a em img {
                width: 100%;
            }

        .movi_vod_info a strong {
            display: block;
            margin-top: 13px;
            text-align: center;
            font-size: 13px;
        }

    .movi_vod_info .swiper-wrapper {
        padding-top: 57px;
    }

    .movi_vod_info .swiper-button-next {
        position: absolute;
        top: 0px;
        right: 0;
        margin: 0;
    }

    .movi_vod_info .swiper-button-prev {
        position: absolute;
        top: 0px;
        left: inherit;
        right: 25px;
        margin: 0;
    }
/*.movi_vod_info .swiper-button-prev.swiper-button-disabled, .movi_vod_info .swiper-button-next.swiper-button-disabled {opacity:1} */

/* tab - 평점및리뷰 ============================== */
/* 평점 */
.movi_score_box {
    margin: 40px 0 33px 0;
    text-align: center;
}

    .movi_score_box .txt_ic_score2 {
        margin-bottom: 15px;
    }

    .movi_score_box .txt_info {
        font-size: 13px;
        color: #666;
        line-height: 1.3
    }
/* 리뷰작성 */
.movi_review_box {
    height: 90px;
    margin-bottom: 55px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

    .movi_review_box .star_score_box {
        float: left;
        width: 320px;
        height: 88px;
        background: #F8F8F8;
        text-align: center;
        border-right: 1px solid #ccc
    }

        .movi_review_box .star_score_box .score_info {
            display: block;
            margin: 20px 0 7px 0;
            font-size: 13px;
        }

            .movi_review_box .star_score_box .score_info em {
                font-family: 'Roboto', "Noto Sans KR";
                font-size: 28px;
            }

    .movi_review_box .review_write_box {
        float: left;
        width: 538px;
    }

        .movi_review_box .review_write_box textarea {
            height: 70px;
            border: none;
        }

            .movi_review_box .review_write_box textarea:disabled {
                background: none;
            }

        .movi_review_box .review_write_box .byte_info {
            display: block;
            margin: 0 10px 10px 0;
            text-align: right;
            font-size: 10px;
            color: #666;
            font-family: 'Roboto', "Noto Sans KR";
        }

            .movi_review_box .review_write_box .byte_info strong {
                color: #000;
                font-weight: bold;
            }

    .movi_review_box .btn_submit {
        float: left;
        width: 119px;
        height: 90px;
        border: none;
        margin: -1px -1px 0 0;
        padding: 0;
        background: #666;
        color: #fff;
        font-size: 15px;
    }

    .movi_review_box .btn_col4 {
        background: none;
    }

.movi_review_list .review_top {
    overflow: hidden;
    width: 100%;
    margin-bottom: 14px;
}

    .movi_review_list .review_top .total_info {
        float: left;
        font-size: 15px;
    }

        .movi_review_list .review_top .total_info em {
            font-weight: bold;
            font-family: 'Roboto', "Noto Sans KR";
        }

    .movi_review_list .review_top .sort_list {
        overflow: hidden;
        float: right;
    }
/* 리뷰목록 */
.review_con_list > li {
    position: relative;
    padding: 20px 0 15px 68px;
    border-top: 1px solid #eee
}

    .review_con_list > li:first-child {
        border-color: #ccc
    }

    .review_con_list > li.my_review {
        background: #F8F8F8
    }

    .review_con_list > li .img_info {
        display: block;
        position: absolute;
        top: 15px;
        left: 10px;
        overflow: hidden;
        width: 42px;
        height: 42px;
        border-radius: 50%;
    }

        .review_con_list > li .img_info img {
            width: 100%;
            border-radius: 50%;
        }

.review_con_list .top_info {
    margin-bottom: 12px;
}

    .review_con_list .top_info .name_info {
        position: relative;
        padding-right: 11px;
        margin-right: 9px;
        font-size: 12px;
    }

        .review_con_list .top_info .name_info:before {
            content: '';
            display: block;
            position: absolute;
            top: 3px;
            right: 0;
            width: 1px;
            height: 12px;
            background: #EEEEEE
        }

    .review_con_list .top_info .txt_ic_score {
        font-size: 14px;
        margin-right: 11px;
    }

.review_con_list .txt_cpn2 {
    height: 13px;
    line-height: 13px;
}

.review_con_list .review_info {
    margin-bottom: 11px;
    font-size: 13px;
}

.review_con_list .btm_info .date_info {
    font-size: 11px;
    color: #666;
}

.review_con_list .btn_info {
    position: absolute;
    top: 15px;
    right: 0
}

    .review_con_list .btn_info .btn_box {
        display: none;
    }

    .review_con_list .btn_info.active .btn_box {
        display: inline-block;
    }

.review_con_list .btn_col4 {
    height: 25px !important;
    margin-left: 4px;
    line-height: 25px !important;
    font-size: 11px;
}



/* 영화 ========================================================================================= */
.contents_movie_list .tit_type1 {
    margin-bottom: 17px;
}
/* 영화홈 ============================== */
/* .slide_visual_movie_home .owl-carousel .owl-stage .item a {display:block; position:relative; height:420px;} */
.slide_visual_movie_home .owl-carousel .owl-stage .item img {
    width: auto; /*position:absolute; left:50%;  margin-left:-960px;*/
}

.movi_current_list,
.movi_pre_list {
    position: relative;
    margin-bottom: 37px;
}

.contents_movie_home .movi_pre_list .btn_txt_more,
.contents_movie_home .movi_current_list .btn_txt_more {
    position: absolute;
    top: 8px;
    right: 0
}
/* 기획전 슬라이드 */
.exhibition_list_wrap {
    margin-bottom: 12px
}

.exhibition_list {
    margin: 0 -8px
}

    .exhibition_list > li {
        position: relative;
        width: 316px;
        min-height: 403px;
        margin: 0 8px;
    }

        .exhibition_list > li a {
            display: block;
            width: 184px;
            margin: 0 auto;
        }

            .exhibition_list > li a .img_info {
                display: block;
                width: 184px;
                height: 262px;
                margin-top: 160px;
                -webkit-box-shadow: 0px 3px 5px 0px #333;
                -moz-box-shadow: 0px 3px 5px 0px #333;
                box-shadow: 0px 3px 5px 0px #333;
                border-radius: 4px
            }

                .exhibition_list > li a .img_info img {
                    width: 100%;
                    height: 100%;
                    border-radius: 4px;
                }

        .exhibition_list > li .top_info {
            position: absolute;
            top: 72px;
            left: 0;
            width: 100%;
            text-align: center;
        }

            .exhibition_list > li .top_info .btn_txt_more {
                position: relative;
                z-index: 2;
            }

        .exhibition_list > li .txt_info {
            display: block;
            margin-bottom: 7px;
            font-size: 23px;
            color: #000;
            line-height: 1.2;
        }

    .exhibition_list .owl-nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 265px;
        margin: 0;
    }

        .exhibition_list .owl-nav .owl-prev {
            left: 34px;
        }

        .exhibition_list .owl-nav .owl-next {
            right: 34px;
        }

    .exhibition_list .arte_box .swiper-button-prev {
        background: url("../../Content/images/icon/arr_lf_12.png") no-repeat 0 0;
    }

    .exhibition_list .arte_box .swiper-button-next {
        background: url("../../Content/images/icon/arr_rg_12.png") no-repeat 0 0;
    }

    .exhibition_list .swiper-container {
        position: static;
    }

    .exhibition_list .swiper-button-next,
    .exhibition_list .swiper-button-prev {
        top: 265px;
        width: 12px;
        height: 23px;
        opacity: 0.5;
    }

    .exhibition_list .swiper-button-prev {
        left: 34px;
        background: url("../../Content/images/icon/arr_lf_12_wht.png") no-repeat 0 0
    }

    .exhibition_list .swiper-button-next {
        right: 34px;
        background: url("../../Content/images/icon/arr_rf_12_wht.png") no-repeat 0 0
    }

    .exhibition_list .arte_box .owl-prev {
        background: url("../../Content/images/icon/arr_lf_12.png") no-repeat 0 0;
    }

    .exhibition_list .arte_box .owl-next {
        background: url("../../Content/images/icon/arr_rg_12.png") no-repeat 0 0;
    }

    .exhibition_list .only_box {
        background: url("../../Content/images/movie/bg_exhib_00.png") no-repeat 0 0
    }

    .exhibition_list .arte_box {
        background: url("../../Content/images/movie/bg_exhib_01.png") no-repeat 0 0
    }

        .exhibition_list .arte_box.type1 {
            background: url("../../Content/images/movie/bg_exhib_01_1.png") no-repeat 0 0
        }

    .exhibition_list .opera_box {
        background: url("../../Content/images/movie/bg_exhib_02.png") no-repeat 0 0
    }

    .exhibition_list .movi_box {
        background: url("../../Content/images/movie/bg_exhib_03-1.png") no-repeat 0 0
    }
        /* 수정 2020.05.27 */
        .exhibition_list .opera_box .txt_info,
        .exhibition_list .movi_box .txt_info,
        .exhibition_list .opera_box .btn_txt_more,
        .exhibition_list .movi_box .btn_txt_more {
            color: #fff;
        }

        .exhibition_list .opera_box .btn_txt_more,
        .exhibition_list .movi_box .btn_txt_more {
            background: url('../images/icon/arr_rg_6_02.png') no-repeat right 51%;
        }

.exhibition_list_wrap .add_con {
    position: absolute;
    top: 0;
    left: 0;
    width: 234px;
    height: 438px;
    background: #98C4EA;
}

.exhibition_list > li.ready_info {
    position: relative;
}

    .exhibition_list > li.ready_info:before {
        content: '';
        opacity: 0.7;
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        width: 100%;
        height: 403px;
        border-radius: 4px;
        background: #000;
    }

    .exhibition_list > li.ready_info .slide_exhibition {
        display: none;
    }

    .exhibition_list > li.ready_info .txt_info_ready {
        position: absolute;
        z-index: 1;
        top: 180px;
        width: 100%;
        font-size: 11px;
        color: #FFF;
        text-align: center;
    }

        .exhibition_list > li.ready_info .txt_info_ready em {
            display: block;
            margin-bottom: 8px;
            font-size: 20px;
            font-family: 'Roboto', "Noto Sans KR";
            color: #FFF;
        }

/* 아르떼, 오페라, 영화제 ============================== */
.movi_arte_list ul {
    margin-bottom: 0
}

    .movi_arte_list ul li {
        margin-bottom: 42px;
    }

/* 현재예정작 ============================== */
.movie_list.type2 {
    margin-bottom: 0
}

    .movie_list.type2 li {
        height: 310px;
        margin-bottom: 42px;
    }

.screen_add_box > a {
    display: block;
    width: 184px;
    height: 310px;
    overflow: hidden;
}

    .screen_add_box > a > img {
        width: 100%;
        min-height: 100%;
        border-radius: 4px;
    }

    .screen_add_box > a > .num_info {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0 0 4px 4px;
        height: 23px;
        padding-left: 10px;
        color: #fff;
        font-weight: bold;
        font-size: 26px;
        font-style: italic;
        font-family: 'Roboto', "Noto Sans KR";
        text-align: left;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.5) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.5) 100%);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -ms-border-radius: 0 0 4px 4px;
        -o-border-radius: 0 0 4px 4px;
    }

.contents_movie_detail .list_lnk a {
    color: #666;
}

.contents_movie_detail .list_lnk .on a {
    font-weight: normal;
    color: #000;
}

.movie_screen_box {
    position: relative;
}

    .movie_screen_box .list_lnk {
        position: absolute;
        top: 15px;
        right: 0
    }

        .movie_screen_box .list_lnk li a {
            font-size: 14px;
            color: #666;
        }

        .movie_screen_box .list_lnk li.on a {
            color: #000;
            font-weight: normal;
        }

.tab_btn_type1 {
    margin-bottom: 17px;
}

    .tab_btn_type1:after {
        content: '';
        display: block;
        clear: both;
    }

    .tab_btn_type1 > li {
        float: left;
        margin-right: 30px;
    }

        .tab_btn_type1 > li button {
            padding: 0;
            border: none;
        }

            .tab_btn_type1 > li button > span {
                display: block;
                height: 32px;
                line-height: 32px;
                font-size: 18px;
                color: #000;
                opacity: 0.6
            }

        .tab_btn_type1 > li.active button > span {
            border-bottom: 1px solid #000;
            opacity: 1
        }

/* 오페라 ============================== */
.opera_visual_con {
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 60px;
    background: #000
}

    .opera_visual_con .swiper-wrapper {
        padding-bottom: 10px;
    }

    .opera_visual_con .swiper-pagination {
        bottom: 0
    }

    .opera_visual_con .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: none;
        border: 1px solid #D08814;
        box-sizing: border-box;
    }

    .opera_visual_con .swiper-pagination-bullet-active {
        background: #D08814
    }

    .opera_visual_con .swiper-slide {
        height: 610px;
        background: #F1F1F1
    }

/* 바스키아 ============================== */
.baskia_visual_con {
    position: relative;
    margin-bottom: 60px;
    background: #fff
}

    .baskia_visual_con .owl-carousel .owl-dots {
        bottom: 110px
    }

        .baskia_visual_con .owl-carousel .owl-dots .owl-dot span {
            width: 6px;
            height: 6px;
            margin: 0 3px;
            background-color: transparent;
            border: 1px solid #333;
            opacity: 1;
        }

        .baskia_visual_con .owl-carousel .owl-dots .owl-dot.active span,
        .baskia_visual_con .owl-carousel .owl-dots .owl-dot:hover span {
            width: 6px;
            height: 6px;
            margin: 0 3px;
            background-color: #333;
        }

/* 가까운 국립극장 ============================== */
.nationaltheater_visual_con {
    position: relative;
    margin-bottom: 60px;
    background: #fff
}

    .nationaltheater_visual_con .owl-carousel .owl-dots {
        bottom: 80px
    }

        .nationaltheater_visual_con .owl-carousel .owl-dots .owl-dot span {
            width: 7px;
            height: 7px;
            margin: 0 9px;
            background-color: transparent;
            border: 1px solid #333;
            opacity: 1;
        }

        .nationaltheater_visual_con .owl-carousel .owl-dots .owl-dot.active span,
        .nationaltheater_visual_con .owl-carousel .owl-dots .owl-dot:hover span {
            width: 7px;
            height: 7px;
            margin: 0 9px;
            background-color: #333;
        }

    .nationaltheater_visual_con .owl-carousel .owl-nav .owl-next {
        right: 15px;
        background: url(../images/icon/arr_rg_15.png) no-repeat center center;
    }

    .nationaltheater_visual_con .owl-carousel .owl-nav .owl-prev {
        left: 15px;
        background: url(../images/icon/arr_lf_15.png) no-repeat center center;
    }

/* 영화제 ============================== */
.noPoster_box {
    margin-top: 45px;
}

    .noPoster_box .tit_info {
        height: 36px;
        padding-bottom: 14px;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #ddd;
    }

        .noPoster_box .tit_info strong {
            display: inline-block;
            overflow: hidden;
            width: 220px;
            font-size: 13px;
            vertical-align: top;
            margin-left: 10px;
            line-height: 1.4
        }

    .noPoster_box .noPoster_list {
        overflow: hidden;
        margin: 0 -8px 25px
    }

        .noPoster_box .noPoster_list:after {
            content: '';
            display: block;
            clear: both;
        }

        .noPoster_box .noPoster_list > li {
            position: relative;
            width: 316px;
            height: 255px;
            float: left;
            margin: 0 8px 16px;
            padding: 17px 19px 25px;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-sizing: border-box;
        }

        .noPoster_box .noPoster_list .movi_info {
            margin-bottom: 25px;
            font-size: 11px;
        }

            .noPoster_box .noPoster_list .movi_info li {
                margin-top: 8px;
            }

                .noPoster_box .noPoster_list .movi_info li:first-child {
                    margin-top: 0
                }

            .noPoster_box .noPoster_list .movi_info em {
                display: inline-block;
                width: 48px;
                color: #666;
            }

    .noPoster_box .btn_wrap {
        width: 100%
    }

        .noPoster_box .btn_wrap a {
            width: 133px;
            margin-left: 8px;
        }

            .noPoster_box .btn_wrap a:first-child {
                margin-left: 0
            }

    .noPoster_box .open_type {
        display: block;
        position: absolute;
        top: -1px;
        right: -1px;
        width: 60px;
        height: 57px;
        background: url("../images/movie/ico_open_type1.png") no-repeat 0 0;
    }

        .noPoster_box .open_type em {
            overflow: hidden;
            position: absolute !important;
            width: 1px;
            height: 1px;
            clip: rect(1px, 1px, 1px, 1px);
        }

        .noPoster_box .open_type.type2 {
            background: url("../images/movie/ico_open_type2.png") no-repeat 0 0;
        }
/* 팝업 - 시놉시스 */
.layer_wrap.layer_synopsis {
    width: 500px;
}

    .layer_wrap.layer_synopsis .synopsis_con .tit_info {
        display: block;
        margin-bottom: 17px;
        font-size: 15px;
    }

    .layer_wrap.layer_synopsis .synopsis_con .txt_info {
        color: #666;
        line-height: 1.5
    }

.contents_theater_detail .theater_top_wrap {
    position: relative;
    margin: 18px 0 0 22px
}

    .contents_theater_detail .theater_top_wrap .info_wrap {
        width: 470px
    }

        .contents_theater_detail .theater_top_wrap .info_wrap .theater_tit {
            font-size: 0;
            margin-bottom: 34px
        }

            .contents_theater_detail .theater_top_wrap .info_wrap .theater_tit .tit {
                font-size: 32px;
                display: inline-block;
                margin-right: 10px;
                vertical-align: middle
            }

            .contents_theater_detail .theater_top_wrap .info_wrap .theater_tit .btn_col4 {
                margin-top: 2px
            }

        .contents_theater_detail .theater_top_wrap .info_wrap .theater_info {
            margin-bottom: 15px
        }

            .contents_theater_detail .theater_top_wrap .info_wrap .theater_info dt {
                font-size: 15px;
                display: inline-block;
                margin-right: 10px
            }

                .contents_theater_detail .theater_top_wrap .info_wrap .theater_info dt:before {
                    display: inline-block;
                    width: 3px;
                    height: 3px;
                    margin-right: 5px;
                    content: "";
                    vertical-align: middle;
                    border-radius: 50%;
                    background: #666
                }

                .contents_theater_detail .theater_top_wrap .info_wrap .theater_info dt:first-child + dd::after {
                    display: inline-block;
                    width: 1px;
                    height: 14px;
                    margin: 0 16px;
                    content: "";
                    background: #ddd
                }

            .contents_theater_detail .theater_top_wrap .info_wrap .theater_info dd {
                font-size: 15px;
                font-weight: bold;
                display: inline-block
            }

            .contents_theater_detail .theater_top_wrap .info_wrap .theater_info dt.adr {
                text-indent: -9999em
            }

                .contents_theater_detail .theater_top_wrap .info_wrap .theater_info dt.adr:before {
                    display: none
                }

            .contents_theater_detail .theater_top_wrap .info_wrap .theater_info dd.adr {
                min-width: 220px;
                margin: 24px 0 0;
                letter-spacing: -1px
            }

        .contents_theater_detail .theater_top_wrap .info_wrap .theater_notice dt {
            font-size: 15px;
            font-weight: bold;
            display: inline-block;
            width: 80px;
            vertical-align: middle
        }

        .contents_theater_detail .theater_top_wrap .info_wrap .theater_notice dd {
            font-size: 15px;
            display: inline-block;
            width: 370px;
            vertical-align: middle;
            color: #666
        }

            .contents_theater_detail .theater_top_wrap .info_wrap .theater_notice dd > a {
                display: block;
                overflow: hidden;
                vertical-align: middle;
                white-space: nowrap;
                text-overflow: ellipsis
            }

        .contents_theater_detail .theater_top_wrap .info_wrap .pop_wrap {
            margin: 46px 0 38px
        }

            .contents_theater_detail .theater_top_wrap .info_wrap .pop_wrap > li {
                display: inline-block;
                margin-right: 25px
            }

                .contents_theater_detail .theater_top_wrap .info_wrap .pop_wrap > li a {
                    display: block;
                    text-align: center;
                    vertical-align: middle
                }

                    .contents_theater_detail .theater_top_wrap .info_wrap .pop_wrap > li a img {
                        display: inline-block;
                        margin-right: 10px;
                        vertical-align: middle
                    }

                    .contents_theater_detail .theater_top_wrap .info_wrap .pop_wrap > li a span {
                        font-size: 15px;
                        vertical-align: middle
                    }

    .contents_theater_detail .theater_top_wrap .rcm_wrap {
        position: absolute;
        right: 0;
        bottom: 0;
        box-sizing: border-box;
        width: 447px;
        padding: 20px 30px 20px 40px;
        border-radius: 12px;
        background-color: #f8f8f8
    }

        .contents_theater_detail .theater_top_wrap .rcm_wrap:before {
            position: absolute;
            top: 30px;
            left: -20px;
            width: 0px;
            height: 0px;
            content: "";
            border-top: 16px solid rgba(0,0,0,0);
            border-right: 24px solid #f8f8f8;
            border-bottom: 16px solid rgba(0,0,0,0);
            border-radius: 4px
        }

        .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap {
            width: 240px
        }

            .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_txt {
                font-size: 15px;
                line-height: 1.3;
                color: #666
            }

                .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_txt:after {
                    display: block;
                    width: 24px;
                    height: 1px;
                    margin: 10px 0 8px;
                    content: "";
                    background: #bbb
                }

                .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_txt strong {
                    font-weight: bold;
                    color: #000
                }

                .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_txt span {
                    font-size: 20px
                }

            .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info {
                font-size: 0;
                line-height: 20px;
                color: #000
            }

                .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info dt {
                    font-size: 13px
                }

                .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info dd {
                    font-size: 13px;
                    display: inline-block;
                    margin-right: 10px
                }

                    .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info dd strong {
                        font-size: 13px
                    }

                    .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info dd .txt_ic_score {
                        margin-top: -4px
                    }

            .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .btn_wrap {
                margin-top: 12px
            }

                .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .btn_wrap > button, .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .btn_wrap > a {
                    margin: 0 10px;
                    border: 0 none
                }

                    .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .btn_wrap > button:first-child, .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .btn_wrap > a:first-child {
                        margin-left: 0
                    }

            .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .thm a {
                position: absolute;
                top: 22px;
                right: 32px;
                overflow: hidden;
                width: 123px;
                border-radius: 4px
            }

                .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .thm a img {
                    width: 100%
                }

    .contents_theater_detail .theater_top_wrap .notice_wrap {
        font-size: 13px;
        display: block;
        box-sizing: border-box;
        margin: 30px 0 50px -22px;
        padding: 12px 12px 12px 38px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: #fff url("../images/icon/notice_14.png") no-repeat 20px 50%
    }

.contents_theater_detail .movie_grade_wrap {
    font-size: 0;
    padding: 14px;
    text-align: right;
    border-top: 1px solid #bbb;
    background: #f8f8f8
}

    .contents_theater_detail .movie_grade_wrap .txt_grade {
        margin-right: 10px
    }

.contents_theater_detail .time_select_wrap.ty2 ul.list_time {
    margin-left: -2%
}

    .contents_theater_detail .time_select_wrap.ty2 ul.list_time li {
        width: 10.5%
    }

        .contents_theater_detail .time_select_wrap.ty2 ul.list_time li:nth-child(4n+1) {
            margin-left: 2%
        }

.contents_theater_detail .time_select_wrap.ty2 .list_tit {
    font-size: 0;
    margin-bottom: 18px
}

    .contents_theater_detail .time_select_wrap.ty2 .list_tit p {
        font-size: 15px;
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle
    }

.contents_theater_detail .time_select_wrap.ty2 .list_hall {
    margin-bottom: 16px
}

    .contents_theater_detail .time_select_wrap.ty2 .list_hall .hall {
        font-weight: bold
    }

.contents_theater_detail .special_slct_wrap {
    position: absolute;
    top: -80px;
    right: 0
}

.contents_theater_detail .th_price_wrap .th_price_tit {
    margin-bottom: 10px
}

    .contents_theater_detail .th_price_wrap .th_price_tit .tit {
        font-size: 15px;
        display: inline-block;
        padding-left: 20px
    }

    .contents_theater_detail .th_price_wrap .th_price_tit p {
        font-size: 11px;
        float: right;
        margin-top: 2px;
        color: #666
    }

        .contents_theater_detail .th_price_wrap .th_price_tit p:before {
            font-size: 12px;
            margin-right: 5px;
            content: "※"
        }

.contents_theater_detail .th_price_wrap .th_price_table {
    margin-bottom: 50px
}

    .contents_theater_detail .th_price_wrap .th_price_table th, .contents_theater_detail .th_price_wrap .th_price_table td {
        padding: 18px 0 18px 20px;
        text-align: left;
        border-bottom: 1px solid #eee
    }

    .contents_theater_detail .th_price_wrap .th_price_table thead th {
        font-size: 14px;
        border-top: 1px solid #eee;
        background: #f8f8f8
    }

        .contents_theater_detail .th_price_wrap .th_price_table thead th > span {
            color: #666
        }

    .contents_theater_detail .th_price_wrap .th_price_table tbody th {
        font-size: 13px;
        color: #333
    }

    .contents_theater_detail .th_price_wrap .th_price_table tbody td {
        font-size: 11px;
        text-align: center;
        color: #666
    }

.contents_theater_detail .th_price_wrap .th_price_info_wrap {
    padding: 30px 25px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f8f8f8
}

    .contents_theater_detail .th_price_wrap .th_price_info_wrap .info_tit {
        font-size: 15px;
        margin-bottom: 15px
    }

    .contents_theater_detail .th_price_wrap .th_price_info_wrap .list_txt + .info_tit {
        margin-top: 30px
    }

    .contents_theater_detail .th_price_wrap .th_price_info_wrap .list_txt li {
        margin: 0;
        color: #666
    }

.contents_theater_detail .event_wrap {
    margin-bottom: 35px
}

.contents_theater_detail .th_price_wrap .price_tabletoptitle th {
    text-align: center;
    border-bottom: 1px solid #bbb
}

.contents_theater_detail .theater_top_wrap .notice_wrap_emp {
    font-size: 13px;
    display: block;
    box-sizing: border-box;
    margin: 30px 0 50px -22px;
    padding: 12px 12px 12px 38px;
    border-radius: 4px
}

.contents_mall_home .lc_tit {
    font-size: 16px;
    position: relative;
    padding: 20px 15px
}

.contents_mall_home .lc_itm {
    position: relative
}

    .contents_mall_home .lc_itm > .itm_img {
        position: relative;
        height: 260px;
        margin-bottom: 5px
    }

        .contents_mall_home .lc_itm > .itm_img img {
            width: 310px;
            height: 250px
        }

        .contents_mall_home .lc_itm > .itm_img .txt_approach {
            position: absolute;
            top: 30px;
            right: 20px
        }

        .contents_mall_home .lc_itm > .itm_img .txt_lank {
            font-family: "Roboto";
            font-style: italic;
            line-height: 26px;
            position: absolute;
            top: 30px;
            left: 20px;
            width: 26px;
            height: 26px;
            text-align: center;
            color: #000;
            background-color: #ddd
        }

        .contents_mall_home .lc_itm > .itm_img .img_badge em {
            position: absolute !important;
            overflow: hidden;
            clip: rect(1px 1px 1px 1px);
            clip: rect(1px, 1px, 1px, 1px);
            width: 1px;
            height: 1px
        }

    .contents_mall_home .lc_itm .txt_price_wrap {
        font-size: 18px;
        font-weight: bold
    }

.contents_mall_home .lc_wrap.ty3 {
    margin-top: 30px
}

.contents_mall_detail .sec_tit {
    font-size: 15px;
    margin-bottom: 10px
}

.contents_mall_detail .pd_wrap {
    position: relative;
    min-height: 650px;
    margin: 40px 0 80px
}

    .contents_mall_detail .pd_wrap .pd_img {
        float: left;
        width: 500px
    }

        .contents_mall_detail .pd_wrap .pd_img .main_img {
            position: relative;
            margin-bottom: 20px;
            text-align: center
        }

            .contents_mall_detail .pd_wrap .pd_img .main_img img {
                width: 478px
            }

            .contents_mall_detail .pd_wrap .pd_img .main_img .ico_soldout {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: auto;
                height: auto;
                margin: 0;
                background-color: rgba(0,0,0,.2);
                background-image: url("../images/mall/store_soldout_145.png")
            }

        .contents_mall_detail .pd_wrap .pd_img .pd_with {
            padding: 0 10px
        }

            .contents_mall_detail .pd_wrap .pd_img .pd_with a {
                text-align: center
            }

                .contents_mall_detail .pd_wrap .pd_img .pd_with a .itm_img {
                    position: relative
                }

                    .contents_mall_detail .pd_wrap .pd_img .pd_with a .itm_img img {
                        width: 140px
                    }

                    .contents_mall_detail .pd_wrap .pd_img .pd_with a .itm_img .txt_approach {
                        position: absolute;
                        top: 0;
                        right: 0
                    }

                .contents_mall_detail .pd_wrap .pd_img .pd_with a .badge_wrap {
                    height: 16px;
                    margin-top: 10px;
                    vertical-align: middle
                }

                .contents_mall_detail .pd_wrap .pd_img .pd_with a .itm_tit {
                    font-size: 13px;
                    margin: 5px 0 7px
                }

                .contents_mall_detail .pd_wrap .pd_img .pd_with a .itm_price {
                    font-size: 18px
                }

        .contents_mall_detail .pd_wrap .pd_img .slide_type1 .swiper-button-prev, .contents_mall_detail .pd_wrap .pd_img .slide_type1 .swiper-button-next {
            margin-top: -35px
        }

        .contents_mall_detail .pd_wrap .pd_img .slide_type1 .swiper-button-prev {
            left: 0
        }

        .contents_mall_detail .pd_wrap .pd_img .slide_type1 .swiper-button-next {
            right: 0
        }

        .contents_mall_detail .pd_wrap .pd_img .pd_banner {
            position: absolute;
            bottom: 0;
            left: 0
        }

            .contents_mall_detail .pd_wrap .pd_img .pd_banner img {
                width: 100%
            }

    .contents_mall_detail .pd_wrap .pd_detail {
        margin-left: 550px
    }

        .contents_mall_detail .pd_wrap .pd_detail .pd_table {
            margin-bottom: 30px;
            text-align: left
        }

            .contents_mall_detail .pd_wrap .pd_detail .pd_table th, .contents_mall_detail .pd_wrap .pd_detail .pd_table td {
                font-size: 15px;
                padding: 20px 0;
                border-bottom: 1px solid #eee
            }

            .contents_mall_detail .pd_wrap .pd_detail .pd_table th {
                text-align: left
            }

            .contents_mall_detail .pd_wrap .pd_detail .pd_table td {
                color: #666
            }

            .contents_mall_detail .pd_wrap .pd_detail .pd_table .badge_wrap {
                padding: 0;
                border: none
            }

            .contents_mall_detail .pd_wrap .pd_detail .pd_table .tit {
                font-size: 28px;
                padding: 10px 0 22px
            }

            .contents_mall_detail .pd_wrap .pd_detail .pd_table .txt_sale {
                font-size: 18px
            }

            .contents_mall_detail .pd_wrap .pd_detail .pd_table .txt_price {
                font-size: 25px;
                margin-right: 20px
            }

            .contents_mall_detail .pd_wrap .pd_detail .pd_table .txt_price_ins {
                font-size: 16px
            }

        .contents_mall_detail .pd_wrap .pd_detail .bx_num {
            margin-bottom: 40px
        }

        .contents_mall_detail .pd_wrap .pd_detail .txt_price_wrap {
            font-size: 15px;
            margin-bottom: 10px;
            text-align: right
        }

            .contents_mall_detail .pd_wrap .pd_detail .txt_price_wrap strong {
                font-size: 30px;
                margin-left: 20px
            }

                .contents_mall_detail .pd_wrap .pd_detail .txt_price_wrap strong em {
                    font-size: .667em
                }

        .contents_mall_detail .pd_wrap .pd_detail .btn_col4 {
            margin-bottom: 5px;
            padding: 0 29px
        }

        .contents_mall_detail .pd_wrap .pd_detail .btn_wrap {
            font-size: 0
        }

            .contents_mall_detail .pd_wrap .pd_detail .btn_wrap a, .contents_mall_detail .pd_wrap .pd_detail .btn_wrap button {
                box-sizing: border-box;
                width: 212px;
                margin-right: 6px
            }

                .contents_mall_detail .pd_wrap .pd_detail .btn_wrap a:only-child, .contents_mall_detail .pd_wrap .pd_detail .btn_wrap button:only-child {
                    width: 100%;
                    margin-right: 0
                }

                .contents_mall_detail .pd_wrap .pd_detail .btn_wrap a:last-child, .contents_mall_detail .pd_wrap .pd_detail .btn_wrap button:last-child {
                    margin: 0
                }

        .contents_event .time_wrap, .contents_mall_detail .pd_wrap .pd_detail .time_wrap {
            margin-bottom: 25px;
            padding: 15px 20px;
            background: #f5f5f5
        }

            .contents_event .time_wrap .txt_count, .contents_mall_detail .pd_wrap .pd_detail .time_wrap .txt_count {
                font-family: "Roboto";
                font-size: 17px;
                font-weight: bold;
                line-height: 25px;
                margin: 0 10px 0 15px
            }

                .contents_event .time_wrap .txt_count.txt_color02, .contents_mall_detail .pd_wrap .pd_detail .time_wrap .txt_count.txt_color02 {
                    color: #fe5867
                }

            .contents_event .time_wrap .txt_total, .contents_mall_detail .pd_wrap .pd_detail .time_wrap .txt_total {
                font-size: 13px;
                line-height: 25px;
                float: right
            }

                .contents_event .time_wrap .txt_total strong, .contents_mall_detail .pd_wrap .pd_detail .time_wrap .txt_total strong {
                    font-family: "Roboto";
                    font-size: 15px;
                    font-weight: bold;
                    line-height: 25px
                }

        .contents_mall_detail .pd_wrap .pd_detail .bx_num {
            width: auto
        }

            .contents_mall_detail .pd_wrap .pd_detail .bx_num .txt_num {
                padding: 23px 0
            }

.contents_mall_detail .pd_tab .active .tab_con {
    padding: 30px 0
}

    .contents_mall_detail .pd_tab .active .tab_con .list_txt li {
        line-height: 28px
    }

        .contents_mall_detail .pd_tab .active .tab_con .list_txt li:before {
            margin-top: 12px
        }

    .contents_mall_detail .pd_tab .active .tab_con .list_txt + .sec_tit {
        margin-top: 50px
    }

.contents_mall_detail .lsm_body {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em
}

.lsm_body font {
    font-family: "Roboto","Noto Sans KR","sans-serif"
}

#contents.contents_event_home > .title_top {
    padding-top: 0
}

#contents.contents_event_home .banner_event_btm {
    margin-top: 50px
}

#contents.contents_event_theater > .title_top.ty2 {
    margin-top: 28px;
    margin-bottom: 18px;
    padding: 0
}

#contents.contents_event_theater .tbl_list {
    margin-top: 20px
}

#contents.contents_event_theater > .title_top.ty2 + .tab_wrap.outer {
    margin-top: 32px
}

.contents_event_theater .tbl_dtal .inner_table {
    letter-spacing: 0
}

#contents.new26 {
    font-family: "Roboto","Noto Sans KR","sans-serif"
}

    #contents.new26 input, #contents.new26 button, #contents.new26 select, #contents.new26 textarea {
        font-family: "Roboto","Noto Sans KR","sans-serif"
    }

#contents.new26 {
    padding-top: 80px
}

.event_box {
    font-family: "Roboto","Noto Sans KR","sans-serif";
    box-sizing: border-box
}

    .event_box * {
        box-sizing: border-box
    }

    .event_box input, .event_box button, .event_box select, .event_box textarea {
        font-family: "Roboto","Noto Sans KR","sans-serif"
    }

.event_box--content img {
    width: 100%
}

.event_box_bar {
    background: rgba(245, 245, 245, var(--text-opacity));
    display: flex;
    padding: 14px 20px;
    align-items: center
}

.event_box_bar--dday {
    padding-left: 10px !important;
    padding-right: 10px !important
}

    .event_box_bar--dday > span {
        letter-spacing: 0;
        margin-left: 2px;
        font-weight: 500
    }

.event_box_bar--date {
    margin-left: 10px;
    color: rgba(102, 102, 102, var(--text-opacity))
}
/* 이벤트/우리동네영화관 ========================================================================================= */
.ev_bn_wrap {
    position: relative;
}

    .ev_bn_wrap::after {
        content: '';
        display: table;
        clear: both;
    }

    .ev_bn_wrap > li {
        display: block;
        border: 1px solid #D8D8D8;
        border-radius: 4px;
        margin-bottom: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

        .ev_bn_wrap > li .bn_tit {
            position: relative;
            display: block;
            border: 0 none;
            width: 100%;
            padding: 26px 30px 30px 40px;
            text-align: left;
            box-sizing: border-box;
        }

            .ev_bn_wrap > li .bn_tit:after {
                content: '';
                display: inline-block;
                position: absolute;
                right: 27px;
                top: 50%;
                background: url('../images/icon/arr_dw_13.png') no-repeat 50% 50%;
                width: 15px;
                height: 15px;
                margin-top: -6px;
                transition: all 0.3s ease;
                transform: rotate(0deg);
            }

            .ev_bn_wrap > li .bn_tit.active:after {
                transition: all 0.3s ease;
                transform: rotate(180deg);
            }

            .ev_bn_wrap > li .bn_tit strong {
                display: block;
                margin-top: 13px;
                font-size: 24px;
                color: #666;
            }

            .ev_bn_wrap > li .bn_tit .bn_tit_date {
                position: absolute;
                right: 70px;
                top: 50%;
                margin-top: -7px;
                font-size: 15px;
                color: #666666;
            }

        .ev_bn_wrap > li .bn_cont {
            display: none;
            border-top: 1px solid #D8D8D8;
            border-radius: 4px;
            background: #F8F8F8;
            padding: 30px;
            font-size: 15px;
        }

            .ev_bn_wrap > li .bn_cont .list_bdr_box {
                border: 0 none;
                padding: 0;
                margin-top: 40px;
            }

.lsm_wrap {
    padding: 20px 30px;
    line-height: 22px;
}


/* 이벤트 - 공통 ========================================================================================= */
/* 이벤트/템플릿 ============================== */
.contents_event .evnt_img > img {
    width: 100%;
}

.contents_event .time_wrap {
    margin-bottom: 0;
}

.contents_event .list_bdr_box {
    margin-top: 60px;
}

.contents_event .time_wrap .txt_total {
    float: none;
}

.contents_event .btn_btm_wrap {
    position: relative;
}

    .contents_event .btn_btm_wrap .share {
        position: absolute;
        right: 0;
    }

        .contents_event .btn_btm_wrap .share span.btn_share {
            margin-right: 10px;
        }

    .contents_event .btn_btm_wrap select {
        width: 176px;
        height: 45px;
        line-height: 45px;
        vertical-align: middle;
    }

.contents_event .evnt_movie {
    position: relative;
    display: block;
}

    .contents_event .evnt_movie:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        background: url('../images/event/mv_btn.png') no-repeat 50% 50%;
        width: 50px;
        height: 50px;
        margin-top: -25px;
        margin-left: -25px;
    }

.contents_event .tbl_dtal td img {
    width: 100%;
}

.contents_event .evnt_chk_wrap {
    margin: 60px 0;
}

    .contents_event .evnt_chk_wrap .tit_wrap {
        float: left;
        border-top: 1px solid #000;
        width: 220px;
        padding: 40px 0;
    }

        .contents_event .evnt_chk_wrap .tit_wrap .tit {
            display: inline-block;
            font-size: 45px;
            margin-bottom: 50px;
        }

            .contents_event .evnt_chk_wrap .tit_wrap .tit span {
                font-family: 'Roboto';
                font-size: 50px;
                color: #FF243E;
            }

        .contents_event .evnt_chk_wrap .tit_wrap .cunt {
            font-size: 18px;
        }

            .contents_event .evnt_chk_wrap .tit_wrap .cunt strong {
                font-family: 'Roboto';
                font-weight: bold;
                color: #FF243E;
            }

/* 팝업 - 이벤트게시글 작성, 수정, 상세보기 ============================== */
.layer_gallary .layer_contents {
    max-height: 500px;
    box-sizing: border-box;
}

.layer_gallary .view_detail_tit {
    position: relative;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

    .layer_gallary .view_detail_tit .view_tit {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .layer_gallary .view_detail_tit .tit_info {
        display: inline-block;
        font-size: 13px;
    }

        .layer_gallary .view_detail_tit .tit_info + .tit_info {
            margin-left: 30px;
        }

    .layer_gallary .view_detail_tit .btn_like_wrap {
        position: absolute;
        right: 0;
        bottom: 15px;
    }

        .layer_gallary .view_detail_tit .btn_like_wrap span {
            font-family: 'Roboto';
            font-size: 13px;
            font-weight: bold;
        }

.layer_gallary .view_detail_cont {
    line-height: 1.5;
}

    .layer_gallary .view_detail_cont img {
        display: block;
        width: 100%;
        margin: 30px 0;
    }

/* 출석체크/달력 ============================== */
.contents_event .evnt_chk_wrap .cal_wrap {
    margin-left: 284px;
}

    .contents_event .evnt_chk_wrap .cal_wrap table {
        background: #ffffff;
        border: 0 none;
        width: 660px;
    }

        .contents_event .evnt_chk_wrap .cal_wrap table th,
        .contents_event .evnt_chk_wrap .cal_wrap table td {
            border: 0 none;
            padding: 27px 35px;
            font-size: 22px;
            text-align: center;
        }

        .contents_event .evnt_chk_wrap .cal_wrap table thead th {
            background: #FE5867;
            color: #ffffff;
        }

        .contents_event .evnt_chk_wrap .cal_wrap table tbody {
            border: 1px solid #DDDDDD;
        }

            .contents_event .evnt_chk_wrap .cal_wrap table tbody td {
                color: #000000;
            }

        .contents_event .evnt_chk_wrap .cal_wrap table thead th.sun {
            border-radius: 10px 0 0 0;
            -webkit-border-radius: 10px 0 0 0;
            -moz-border-radius: 10px 0 0 0;
            -ms-border-radius: 10px 0 0 0;
            -o-border-radius: 10px 0 0 0;
        }

        .contents_event .evnt_chk_wrap .cal_wrap table thead th.sat {
            border-radius: 0 10px 0 0;
            -webkit-border-radius: 0 10px 0 0;
            -moz-border-radius: 0 10px 0 0;
            -ms-border-radius: 0 10px 0 0;
            -o-border-radius: 0 10px 0 0;
        }

    .contents_event .evnt_chk_wrap .cal_wrap .sun {
        padding-left: 50px;
    }

    .contents_event .evnt_chk_wrap .cal_wrap .sat {
        padding-right: 50px;
    }

    .contents_event .evnt_chk_wrap .cal_wrap table tbody td.sun {
        color: #F24A6A;
    }

    .contents_event .evnt_chk_wrap .cal_wrap table tbody td.sat {
        color: #233CA3;
    }

    .contents_event .evnt_chk_wrap .cal_wrap table tbody td.disabled {
        color: #B2B2B2;
    }

    .contents_event .evnt_chk_wrap .cal_wrap table tbody td.checked {
        background: url('../images/event/cal_chk.png') no-repeat 50% 50%;
        font-size: 0;
        color: transparent;
        text-indent: -9999em;
    }

/* 출석체크 - 스탬프 ============================== */
.contents_event .evnt_chk_wrap .stp_wrap {
    margin-left: 270px;
}

    .contents_event .evnt_chk_wrap .stp_wrap:after {
        content: '';
        display: table;
        clear: both;
        ;
    }

    .contents_event .evnt_chk_wrap .stp_wrap > li {
        display: inline-block;
        width: 130px;
        margin: 0 20px;
        margin-top: 30px;
        text-align: center;
    }

        .contents_event .evnt_chk_wrap .stp_wrap > li .stp_img {
            margin-bottom: 15px;
        }

        .contents_event .evnt_chk_wrap .stp_wrap > li .stp_txt {
            font-size: 20px;
            font-weight: bold;
            color: #B2B2B2;
        }

            .contents_event .evnt_chk_wrap .stp_wrap > li .stp_txt strong {
                font-family: 'Roboto';
            }

        .contents_event .evnt_chk_wrap .stp_wrap > li.active .stp_txt {
            color: #FE5867;
        }

/* 이벤트 - 설문/퀴즈 ============================== */
.contents_event .qus_wrap {
    margin-top: 40px;
}

    .contents_event .qus_wrap > li {
        border-bottom: 1px solid #EEEEEE;
        padding: 30px 0 15px;
    }

        .contents_event .qus_wrap > li dt {
            margin-bottom: 15px;
        }

            .contents_event .qus_wrap > li dt strong {
                margin-right: 9px;
                vertical-align: middle;
            }

            .contents_event .qus_wrap > li dt p {
                display: inline-block;
                font-size: 15px;
                font-weight: bold;
                line-height: 19px;
                vertical-align: middle;
            }

        .contents_event .qus_wrap > li dd {
            padding-left: 34px;
        }

            .contents_event .qus_wrap > li dd input[type="checkbox"] + label {
                width: 24.3902%;
                margin-right: 0;
                margin-bottom: 15px;
            }

                .contents_event .qus_wrap > li dd input[type="checkbox"] + label:before {
                    margin-right: 10px;
                }

            .contents_event .qus_wrap > li dd .bx_textarea input {
                margin-bottom: 10px;
            }

/* 이벤트 - 댓글 ============================== */
.comment_wrap {
    position: relative;
}

    .comment_wrap .wrt_wrap {
        border-top: 1px solid #EEEEEE;
        border-bottom: 1px solid #EEEEEE;
        margin-bottom: 40px;
        padding: 40px 0 30px;
    }

        .comment_wrap .wrt_wrap .qus_tit {
            margin-bottom: 20px;
            font-size: 15px;
            font-weight: bold;
        }

        .comment_wrap .wrt_wrap .inp_cmt {
            margin-bottom: 10px;
        }

            .comment_wrap .wrt_wrap .inp_cmt:after {
                content: '';
                display: table;
                clear: both;
            }

            .comment_wrap .wrt_wrap .inp_cmt textarea {
                float: left;
                border-radius: 5px 0 0 5px;
                width: 855px;
                height: 100px;
                -webkit-border-radius: 5px 0 0 5px;
                -moz-border-radius: 5px 0 0 5px;
                -ms-border-radius: 5px 0 0 5px;
                -o-border-radius: 5px 0 0 5px;
            }

            .comment_wrap .wrt_wrap .inp_cmt button {
                float: left;
                border-radius: 0 5px 5px 0;
                width: 125px;
                height: 100px;
                -webkit-border-radius: 0 5px 5px 0;
                -moz-border-radius: 0 5px 5px 0;
                -ms-border-radius: 0 5px 5px 0;
                -o-border-radius: 0 5px 5px 0;
            }

/* 이벤트 - 시네마폴 ============================== */
.contents_event .evnt_tit {
    margin: 60px auto;
    font-size: 32px;
    color: #666;
}

.contents_event .vote_wrap {
    position: relative;
}

    .contents_event .vote_wrap .vote_info_wrap {
        background: #F8F8F8;
        border-bottom: 1px solid #EEEEEE;
        padding: 17px 28px 0;
    }

        .contents_event .vote_wrap .vote_info_wrap strong {
            display: inline-block;
            width: 80px;
            margin-right: 30px;
            margin-bottom: 10px;
            color: #666666;
            font-size: 15px;
        }

        .contents_event .vote_wrap .vote_info_wrap span {
            margin-bottom: 10px;
            color: #000000;
            font-size: 15px;
        }

    .contents_event .vote_wrap .vote_tit {
        line-height: 1.3;
        margin: 60px auto 56px;
        font-size: 32px;
        color: #666;
    }

        .contents_event .vote_wrap .vote_tit img {
            margin-bottom: 20px;
        }

    .contents_event .vote_wrap .vote_list_wrap {
        position: relative;
        padding: 0 97px;
        text-align: center;
    }

        .contents_event .vote_wrap .vote_list_wrap > li {
            position: relative;
            display: inline-block;
            margin-bottom: 58px;
            text-align: center;
        }

        .contents_event .vote_wrap .vote_list_wrap.ty1 > li {
            width: 258px;
        }

            .contents_event .vote_wrap .vote_list_wrap.ty1 > li .vote_itm {
                display: block;
                border: 0 none;
                width: 200px;
                padding: 0;
                margin: 0 auto;
                text-align: center;
            }

                .contents_event .vote_wrap .vote_list_wrap.ty1 > li .vote_itm img {
                    width: 200px;
                    height: 200px;
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                }

                .contents_event .vote_wrap .vote_list_wrap.ty1 > li .vote_itm span {
                    display: block;
                    margin: 10px 0 0;
                    font-size: 16px;
                }

                .contents_event .vote_wrap .vote_list_wrap.ty1 > li .vote_itm.active:after {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 30px;
                    background: rgba(255, 119, 135, .9) url('../images/event/vote_chk_65.png') no-repeat 50% 50%;
                    border-radius: 50%;
                    width: 200px;
                    height: 200px;
                    z-index: 10;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    -o-border-radius: 50%;
                }

        .contents_event .vote_wrap .vote_list_wrap.ty2 > li label {
            display: inline;
            background: #F8F8F8;
            border-radius: 5px;
            margin-right: 15px;
            padding: 16px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
        }

    .contents_event .vote_wrap + .btn_btm_wrap {
        margin-top: 0;
    }

.contents_event .vote_result_wrap {
    border-top: 1px solid #BBBBBB;
    padding: 0 60px;
}

    .contents_event .vote_result_wrap .vote_tit {
        position: relative;
        font-size: 40px;
        margin: 56px auto 30px;
    }

        .contents_event .vote_result_wrap .vote_tit span {
            margin-left: 13px;
            font-size: 13px;
        }

            .contents_event .vote_result_wrap .vote_tit span:before {
                content: "·";
                margin-right: 5px;
            }

        .contents_event .vote_result_wrap .vote_tit .my_vote {
            position: absolute;
            top: 23px;
            right: 0;
            font-size: 16px;
            color: #ED4C6B;
        }

            .contents_event .vote_result_wrap .vote_tit .my_vote:before {
                content: '';
                display: inline-block;
                background: url('../images/icon/chk_8_4.png') no-repeat 50% 50%;
                width: 10px;
                height: 10px;
                margin-right: 10px;
                font-size: 16px;
                color: #ED4C6B;
            }

    .contents_event .vote_result_wrap .vote_result {
        position: relative;
    }

        .contents_event .vote_result_wrap .vote_result li {
            clear: both;
            margin-bottom: 30px;
        }

            .contents_event .vote_result_wrap .vote_result li:after {
                content: '';
                display: table;
                clear: both;
            }

            .contents_event .vote_result_wrap .vote_result li img {
                float: left;
                width: 100px;
                height: 100px;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
            }

            .contents_event .vote_result_wrap .vote_result li .itm_wrap {
                padding: 23px 0 18px;
            }

            .contents_event .vote_result_wrap .vote_result li img + .itm_wrap {
                margin-left: 140px;
            }

            .contents_event .vote_result_wrap .vote_result li .itm_wrap .txt_tit {
                display: inline-block;
                margin-bottom: 10px;
                font-size: 16px;
            }

            .contents_event .vote_result_wrap .vote_result li .itm_wrap .txt_state {
                float: right;
                margin-bottom: 6px;
                font-family: 'Roboto';
                font-size: 20px;
                color: #ED4C6B;
            }

            .contents_event .vote_result_wrap .vote_result li .itm_wrap .progress {
                background: #F3F3F3;
                border-radius: 0 5px 5px 0;
                width: 100%;
                height: 30px;
                -webkit-border-radius: 0 5px 5px 0;
                -moz-border-radius: 0 5px 5px 0;
                -ms-border-radius: 0 5px 5px 0;
                -o-border-radius: 0 5px 5px 0;
            }

                .contents_event .vote_result_wrap .vote_result li .itm_wrap .progress .state {
                    background: #FF7787;
                    border-radius: 0 5px 5px 0;
                    height: 30px;
                }

    .contents_event .vote_result_wrap + .btn_btm_wrap {
        margin-top: 40px;
    }

.contents_event .vote_wrap .hint {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
}

    .contents_event .vote_wrap .hint em + span {
        margin-left: 20px;
    }

    .contents_event .vote_wrap .hint em {
        vertical-align: middle;
    }

.contents_event .vote_wrap .hint_letter_wrap {
    background: #F8F8F8;
    margin: 60px 0;
    padding: 35px;
    text-align: center;
}

    .contents_event .vote_wrap .hint_letter_wrap li {
        display: inline-block;
        background: #ffffff;
        border: 1px solid #DDDDDD;
        border-radius: 5px;
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-family: 'Noto Sans KR';
        font-size: 42px;
        font-weight: bold;
        color: #000000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

        .contents_event .vote_wrap .hint_letter_wrap li + li {
            margin-left: 15px;
        }

.contents_event .vote_wrap .btn_wrap {
    text-align: center;
    margin: 30px 0;
}

    .contents_event .vote_wrap .btn_wrap button {
        width: 160px;
    }

.ip_radio_chk {
    position: relative;
    margin-bottom: 50px;
}

    .ip_radio_chk input + label {
        cursor: pointer;
        vertical-align: top;
    }

    .ip_radio_chk input[type="radio"] + label:before {
        position: absolute;
        bottom: -30px;
        left: 50%;
        margin-left: -10px;
    }

    .ip_radio_chk label img {
        overflow: hidden;
        margin-bottom: 10px;
    }

    .ip_radio_chk label .title {
        display: block;
        margin: 10px 0 0;
        font-size: 16px;
    }

.event_navigation {
    margin-bottom: 44px
}

.event_navigation--filter {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.event_navigation--filter--prepend .btn:not(:first-child) {
    margin-left: 8px
}

.event_navigation .navigation--inner {
    margin-left: -8px
}

.event_navigation .navigation .btn {
    height: 29px;
    padding-top: 4px;
    line-height: 1;
    font-size: 18px;
    background: rgba(0,0,0,0);
    color: rgba(102, 102, 102, var(--text-opacity))
}

    .event_navigation .navigation .btn.active {
        color: rgba(0, 0, 0, var(--text-opacity))
    }

.event_navigation + .event_content .section_empty:first-child {
    margin-top: 128px
}

.event_search {
    display: flex;
    align-items: center
}

    .event_search .bx_search input {
        padding-left: 10px
    }

.event_list > ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px
}

.event_filter {
    display: flex;
    margin-bottom: 4px
}

.event_filter--append:first-child:last-child {
    margin-left: auto
}

.event_filter hr.division {
    width: 1px;
    height: 14px;
    border-color: #ddd;
    border-width: 0 1px 0 0;
    margin-left: 8px;
    margin-right: 8px
}

.event_filter .btn {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    background: rgba(0,0,0,0);
    transition: color .3s
}

    .event_filter .btn .icon.text_body_4, .event_filter .btn .icon.text_body_9 {
        margin-top: -2px
    }

    .event_filter .btn.text_gray_110.active {
        color: #000 !important;
        font-weight: 500
    }

    .event_filter .btn:last-child {
        margin-right: -8px
    }

.event_card {
    display: block;
    border-radius: 8px
}

    .event_card:focus {
        outline-offset: 3px
    }

.event_card--thumb {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.event_card .overlay_ended .badge {
    position: absolute;
    left: 8px;
    top: 8px
}

.event_card--labels {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 1
}

    .event_card--labels .badge--badge {
        font-size: 9px;
        font-weight: 700;
        line-height: 1.35;
        letter-spacing: -0.03em;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.2)
    }

    .event_card--labels .badge .badge_recommend .icon {
        margin-top: -2px
    }

    .event_card--labels .badge .text_red_30 {
        letter-spacing: 0
    }

    .event_card--labels .badge:not(:first-child) {
        margin-left: 4px
    }

.event_card--card {
    text-align: left
}

.event_card--date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    color: rgba(102, 102, 102, var(--text-opacity));
    margin-top: 14px
}

.event_card--title {
    margin-top: 6px
}

    .event_card--title strong {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.35;
        letter-spacing: -0.03em;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }

.event_card--category {
    margin-top: 14px
}

    .event_card--category .badge--badge {
        padding-left: 6px;
        padding-right: 6px
    }

.vod_event_box {
    margin: 30px 0;
    text-align: center
}
/* 할인안내 ========================================================================================= */
.contents_sale .sale_card_wrap {
    margin-top: 60px;
}

    .contents_sale .sale_card_wrap .img_list {
        margin-left: -40px;
        font-size: 0;
    }

        .contents_sale .sale_card_wrap .img_list > li {
            position: relative;
            display: inline-block;
            width: 300px;
            min-height: 300px;
            margin-left: 40px;
            margin-bottom: 35px;
            vertical-align: top;
        }

            .contents_sale .sale_card_wrap .img_list > li img {
                display: block;
                border-radius: 9px;
                width: 300px;
                height: 190px;
                margin: 0 auto;
                -webkit-border-radius: 9px;
                -moz-border-radius: 9px;
                -ms-border-radius: 9px;
                -o-border-radius: 9px;
            }

            .contents_sale .sale_card_wrap .img_list > li dl {
                padding-top: 16px;
                text-align: center;
            }

                .contents_sale .sale_card_wrap .img_list > li dl dt {
                    min-height: 38px;
                    font-size: 18px;
                    margin: 12px 0 8px;
                }

                .contents_sale .sale_card_wrap .img_list > li dl dd {
                    margin-bottom: 12px;
                    font-size: 13px;
                    color: #666666;
                }

                    .contents_sale .sale_card_wrap .img_list > li dl dd .txt_card + .txt_card {
                        margin-left: 5px;
                    }

            .contents_sale .sale_card_wrap .img_list > li .itm_detail {
                overflow: hidden;
                position: absolute;
                width: 100%;
                height: 0;
                top: 0;
                left: 0;
            }

                .contents_sale .sale_card_wrap .img_list > li .itm_detail.active {
                    overflow: inherit;
                    height: 100%;
                    min-height: 300px;
                    background: rgba(0, 0, 0, .8);
                    padding: 20px 20px 50px;
                    border-radius: 9px;
                    -webkit-border-radius: 9px;
                    -moz-border-radius: 9px;
                    -ms-border-radius: 9px;
                    -o-border-radius: 9px;
                    box-sizing: border-box;
                }

                .contents_sale .sale_card_wrap .img_list > li .itm_detail > ul > li {
                    color: #ffffff;
                }

                .contents_sale .sale_card_wrap .img_list > li .itm_detail > span {
                    position: absolute;
                    bottom: 25px;
                    font-size: 13px;
                    color: #FFFFFF;
                    opacity: 0.6;
                }

                .contents_sale .sale_card_wrap .img_list > li .itm_detail .btn_col2 {
                    position: absolute;
                    bottom: 20px;
                    right: 20px;
                    border-color: #ffffff;
                    background: transparent;
                    width: 100px;
                    font-size: 13px;
                }



/* 고객센터/공지사항 ========================================================================================= */
.contents_customer .search_wrap + .tbl_list thead th {
    border-top-color: transparent;
}

.contents_customer .tbl_form td label + button,
.contents_customer .tbl_form td select + select {
    margin-left: 5px;
}



/* 고객센터/FAQ ========================================================================================= */
.faq_icon_wrap {
    position: relative;
    background: #F5F5F5;
    padding: 12px 13px;
    margin-bottom: 48px;
    white-space: nowrap;
    text-align: center;
}

    .faq_icon_wrap button {
        display: inline-block;
        border: 1px solid #EEEEEE;
        border-radius: 4px;
        background: transparent no-repeat top 23px center;
        width: 98px;
        padding: 57px 0 19px;
        margin-left: 6px;
        font-size: 13px;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

        .faq_icon_wrap button:first-child {
            margin-left: 0;
        }

        .faq_icon_wrap button.active {
            background-color: #fff;
            border-color: #C9C9C9;
        }

    .faq_icon_wrap .ico_01 {
        background-image: url('../images/customer/ic_faq_cate_01.png');
        background-position: center 25px;
    }

    .faq_icon_wrap .ico_02 {
        background-image: url('../images/customer/ic_faq_cate_02_20210407.png');
        background-position: center 22px;
    }
    /* 2020.03.17 */
    .faq_icon_wrap .ico_03 {
        background-image: url('../images/customer/ic_faq_cate_03.png');
        background-position: center 24px;
    }

    .faq_icon_wrap .ico_04 {
        background-image: url('../images/customer/ic_faq_cate_04_20210421.png');
        background-position: center 23px;
    }

    .faq_icon_wrap .ico_05 {
        background-image: url('../images/customer/ic_faq_cate_05.png');
        background-position: center 26px;
    }

    .faq_icon_wrap .ico_06 {
        background-image: url('../images/customer/ic_faq_cate_06.png');
        background-position: center 24px;
    }

    .faq_icon_wrap .ico_07 {
        background-image: url('../images/customer/ic_faq_cate_07.png');
        background-position: center 30px;
    }

    .faq_icon_wrap .ico_08 {
        background-image: url('../images/customer/ic_faq_cate_08.png');
        background-position: center 23px;
    }

    .faq_icon_wrap .ico_09 {
        background-image: url('../images/customer/ic_faq_cate_09.png');
        background-position: center 22px;
    }



/* 고객센터/1:1문의내용 ========================================================================================= */
.contents_customer .con_top {
    position: relative;
    background-color: #F8F8F8;
    padding: 35px 0;
    text-align: center;
}

    .contents_customer .con_top.ty2 {
        background-color: #fff;
        padding: 48px 0 20px;
        text-align: right;
    }

    .contents_customer .con_top.ty3 {
        text-align: left;
        padding: 35px;
    }

    .contents_customer .con_top .ico_tit {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: top 50% left;
        min-width: 250px;
        min-height: 35px;
        line-height: 1.4;
        padding-left: 55px;
        text-align: left;
        font-size: 15px;
    }

        .contents_customer .con_top .ico_tit.qus {
            background-image: url('../images/customer/ic_qus.png');
            background-position: top 5% left;
        }

        .contents_customer .con_top .ico_tit.lnt {
            background-image: url('../images/customer/ic_lnt.png');
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .contents_customer .con_top .ico_tit .list_txt .desc_type1 {
            padding-left: 10px;
            color: #707070
        }

    .contents_customer .con_top p {
        font-size: 15px;
        line-height: 24px;
    }

    .contents_customer .con_top .btn_wrap {
        position: absolute;
        right: 18px;
        top: 40px;
    }
    /* 2020.02.28 */
    .contents_customer .con_top [class^="btn_col"] {
        min-width: 146px;
        margin-left: 10px;
    }
/* 2020.05.08 */
.contents_customer .con_tit {
    font-size: 20px;
    margin: 20px 0;
}

    .contents_customer .con_tit.ty2 .tit {
        display: inline-block;
    }

    .contents_customer .con_tit .group_rgt {
        float: right;
        margin-top: 4px;
    }

    .contents_customer .con_tit .txt_req {
        font-size: 14px;
        color: #FF243E;
    }

        .contents_customer .con_tit .txt_req:before {
            content: '*';
            margin-right: 4px;
            font-size: 14px;
            color: #FF243E;
        }

.contents_customer .privacy_wrap {
    background: transparent;
    margin-bottom: 50px;
}

    .contents_customer .privacy_wrap .agree_box {
        overflow-y: auto;
        height: 170px;
        width: 100%;
        padding: 21px 33px;
        border: 1px solid #ddd;
        border-radius: 3px;
        background: #f8f8f8;
        font-size: 14px;
        line-height: 1.5;
        box-sizing: border-box;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }

        .contents_customer .privacy_wrap .agree_box .tit_info {
            display: block;
            margin-bottom: 10px;
            font-size: 16px;
        }

        .contents_customer .privacy_wrap .agree_box .list_info {
            margin-bottom: 10px;
        }

        .contents_customer .privacy_wrap .agree_box .txt_info {
            margin-bottom: 10px;
        }

    .contents_customer .privacy_wrap .bx_inp {
        margin: 30px 0;
        text-align: right;
    }

.contents_customer .bx_fin {
    background: url('../images/customer/bg_fin.png') no-repeat 50% 0;
    padding-top: 135px;
    margin: 55px 0 85px 0;
    text-align: center;
}

    .contents_customer .bx_fin p {
        line-height: 26px;
        font-size: 15px;
    }

.contents_customer .contxt_type1 {
    margin: 20px 0 50px 0;
}

    .contents_customer .contxt_type1 .tit {
        padding-bottom: 5px;
        font-size: 15px;
        color: #000;
    }

    .contents_customer .contxt_type1 .desc {
        font-size: 12px;
        color: #707070;
        line-height: 1.3;
    }

.txt_color02 {
    color: #ff7787 !important;
}


/* 고객센터/단체관람, 대관문의 ========================================================================================= */
.contents_customer .lnt_count th {
    padding: 20px 4px;
    vertical-align: top;
}

.contents_customer .lnt_count td {
    border-bottom: 0px none;
}

.contents_customer .lnt_count span {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.contents_customer .lnt_inp th {
    padding: 20px 4px;
    vertical-align: top;
}

.contents_customer .lnt_inp td input + input {
    margin-top: 10px;
}


/* 로그인 ========================================================================================= */
.member_login_wrap .contents_inner {
    position: relative;
}

.member_login_wrap .ad_box {
    position: absolute;
    right: 0;
    top: 20px;
    width: 451px;
    height: 220px;
}

.member_login_wrap .login_box {
    position: relative;
    width: 470px;
    min-height: 220px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .member_login_wrap .login_box .tip {
        font-size: 15px;
    }

    .member_login_wrap .login_box .login_area {
        position: relative;
        margin-top: 21px;
        padding-right: 120px;
    }

        .member_login_wrap .login_box .login_area input {
            display: block;
            width: 100%;
            height: 45px;
        }

            .member_login_wrap .login_box .login_area input + input {
                margin-top: 10px;
            }

        .member_login_wrap .login_box .login_area .btn_login {
            position: absolute;
            right: 0;
            top: 0;
            width: 110px;
            height: 100px;
            color: #fff;
            font-size: 16px;
            border-radius: 4px;
            background-color: #FF243E;
        }

    .member_login_wrap .login_box .login_bot_wrap {
        margin: 15px 0 40px;
    }

        .member_login_wrap .login_box .login_bot_wrap:after {
            display: block;
            content: '';
            clear: both;
        }

        .member_login_wrap .login_box .login_bot_wrap .login_check {
            float: left;
        }

            .member_login_wrap .login_box .login_bot_wrap .login_check label {
                min-width: 88px;
            }

        .member_login_wrap .login_box .login_bot_wrap .login_menu {
            float: right;
            font-size: 0;
            line-height: 20px;
        }

            .member_login_wrap .login_box .login_bot_wrap .login_menu a {
                position: relative;
                margin-left: 20px;
                color: #666;
                font-size: 12px;
            }

                .member_login_wrap .login_box .login_bot_wrap .login_menu a:after {
                    content: '';
                    position: absolute;
                    left: -11px;
                    top: 50%;
                    margin-top: -5px;
                    width: 1px;
                    height: 10px;
                    background: #ddd;
                }

                .member_login_wrap .login_box .login_bot_wrap .login_menu a:first-child {
                    margin-left: 0;
                }

                    .member_login_wrap .login_box .login_bot_wrap .login_menu a:first-child:after {
                        display: none;
                    }

    .member_login_wrap .login_box .login_ad {
        text-align: right;
    }

    .member_login_wrap .login_box.social {
        padding-top: 76px;
    }

        .member_login_wrap .login_box.social .login_bot_wrap {
            text-align: center;
        }

            .member_login_wrap .login_box.social .login_bot_wrap .login_menu {
                float: none;
                padding-left: 56px;
            }

    .member_login_wrap .login_box .btn_naver_social,
    .member_login_wrap .login_box .btn_cacao_social {
        display: block;
        position: relative;
        padding-left: 56px;
        width: 470px;
        height: 50px;
        line-height: 48px;
        font-size: 16px;
        text-align: center;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #fff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .member_login_wrap .login_box .btn_naver_social::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 56px;
            height: 50px;
            border-right: 1px solid #ddd;
            background: url('../images/icon/social_naver.png') no-repeat center center;
        }

        .member_login_wrap .login_box .btn_cacao_social::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 56px;
            height: 50px;
            border-right: 1px solid #ddd;
            background: url('../images/icon/social_cacao.png') no-repeat center center;
        }

.member_login_wrap .login_input_box .login_form_wrap {
    width: 470px;
    min-height: 220px;
    padding-top: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.member_login_wrap .login_input_box .list_txt {
    margin-top: 33px;
    padding-left: 128px;
    color: #666;
}

.member_login_wrap .txtarea_box {
    margin: 30px 0 30px;
}

    .member_login_wrap .txtarea_box .agreement_check_box {
        margin-top: 28px;
        text-align: right;
    }

.member_login_wrap .btn_btm_wrap {
    margin-bottom: 0;
}
/* form */
.join_input_box {
    position: relative;
    padding-left: 160px;
}

    .join_input_box .title {
        position: absolute;
        left: 0;
        top: 0;
        width: 140px;
        line-height: 40px;
        letter-spacing: -0.5px;
        font-size: 15px;
        text-align: right;
    }

    .join_input_box .inp_box {
        font-size: 0;
    }

        .join_input_box .inp_box input {
            width: 100%;
        }

        .join_input_box .inp_box > select {
            padding: 0 18px;
            width: 91px;
        }

            .join_input_box .inp_box > select:first-child {
                width: 108px;
            }

            .join_input_box .inp_box > select ~ select {
                margin-left: 10px;
            }

    .join_input_box ~ .join_input_box {
        margin-top: 5px;
    }
/* 비회원 */
.txtarea {
    padding: 21px 32px;
    overflow-y: scroll;
    height: 133px;
    line-height: 1.6;
    font-size: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
}



/* 회원가입 - L.POINT ========================================================================================= */
.contents_lpoint .join_wrap {
    margin-top: 55px;
}

    .contents_lpoint .join_wrap .step_tit {
        font-size: 20px;
        margin-bottom: 10px;
    }

        .contents_lpoint .join_wrap .step_tit .step {
            display: block;
            border-radius: 4px;
            background: #23363D;
            width: 104px;
            height: 26px;
            line-height: 26px;
            font-family: 'Roboto';
            font-size: 15px;
            color: #ffffff;
            text-align: center;
            margin-bottom: 10px;
            vertical-align: text-bottom;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
        }

    .contents_lpoint .join_wrap p {
        display: inline-block;
        font-size: 15px;
        line-height: 1.4;
    }

    .contents_lpoint .join_wrap .btn_join {
        float: right;
        background: #2AA3FE;
        margin-top: -15px;
        width: 180px;
    }

        .contents_lpoint .join_wrap .btn_join:before {
            content: '';
            background: url('../images/icon/join_16_20210407.png') no-repeat 50% 50%;
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-right: 5px;
            vertical-align: middle;
        }
/* 2020.03.17 */
.contents_lpoint .inner_table {
    border-left: 0 none;
    border-bottom: 1px solid #DDDDDD;
    padding: 35px 40px;
    vertical-align: top;
    letter-spacing: -1px;
}

    .contents_lpoint .inner_table th {
        background: #ffffff;
        border-right: 0 none;
        font-size: 18px;
        padding: 22px 0;
    }

    .contents_lpoint .inner_table td {
        border-right: 0 none;
        border-bottom: 0 none;
        padding: 35px 40px;
        vertical-align: top;
    }

        .contents_lpoint .inner_table td + td {
            border-left: 1px solid #dddddd;
        }

        .contents_lpoint .inner_table td .tit {
            margin: 25px 0 15px;
            color: #707070;
        }

        .contents_lpoint .inner_table td .list_txt.sm {
            padding-left: 5px;
        }

            .contents_lpoint .inner_table td .list_txt.sm li {
                color: #777777;
            }

        .contents_lpoint .inner_table td .btn_col3 {
            width: 200px;
        }

.contents_lpoint .join_wrap .valid_wrap {
    background: #F8F8F8;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    padding: 17px 40px;
    margin: 25px 0 50px;
    color: #666666;
    text-align: center;
}

    .contents_lpoint .join_wrap .valid_wrap .txt_caution3 {
        color: #666666;
    }

        .contents_lpoint .join_wrap .valid_wrap .txt_caution3:after {
            content: '';
            display: inline-block;
            width: 1px;
            height: 10px;
            background: #707070;
            margin: 0 15px;
            vertical-align: middle;
        }

.contents_lpoint .join_wrap .partner_wrap .partner_tit {
    margin: 33px 0;
}

    .contents_lpoint .join_wrap .partner_wrap .partner_tit h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .contents_lpoint .join_wrap .partner_wrap .partner_tit p {
        display: inline-block;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .contents_lpoint .join_wrap .partner_wrap .partner_tit .btn_col3 {
        width: 265px;
        margin-top: -31px;
    }

.contents_lpoint .join_wrap .partner_wrap .partner_list .tit {
    font-size: 20px;
    margin-bottom: 10px;
}

.contents_lpoint .join_wrap .partner_wrap .partner_list .list_wrap {
    margin-bottom: 35px;
}

    .contents_lpoint .join_wrap .partner_wrap .partner_list .list_wrap:after {
        content: '';
        display: table;
        clear: both;
    }

    .contents_lpoint .join_wrap .partner_wrap .partner_list .list_wrap li {
        float: left;
        border: 1px solid #E3E2E2;
        background: #ffffff;
        width: 139px;
        padding: 51px 0;
        margin-right: -1px;
        margin-bottom: -1px;
    }

        .contents_lpoint .join_wrap .partner_wrap .partner_list .list_wrap li img {
            display: block;
            margin: 0 auto;
        }



/* 마이페이지 ========================================================================================= */
/* 공통/상단 ============================== */
.mypage_top_infor {
    position: relative;
    margin: 0 auto 35px;
    border-radius: 10px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
    background-color: #FFF;
}

    .mypage_top_infor::before {
        content: '';
        position: absolute;
        left: 599px;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #eee;
    }

    .mypage_top_infor:after {
        display: block;
        content: '';
        clear: both;
    }

.my_theater .mypage_top_ad {
    margin-top: 38px;
    padding-bottom: 20px;
}

    .my_theater .mypage_top_ad .nomember {
        height: 184px;
        line-height: 184px;
        color: #666;
        font-size: 14px;
        text-align: center;
        border-radius: 4px;
        border: 1px solid #bbb;
    }

    .my_theater .mypage_top_ad .swiper-wrapper {
        overflow-y: visible;
    }

    .my_theater .mypage_top_ad .swiper-button-prev,
    .my_theater .mypage_top_ad .swiper-button-next {
        margin-top: -19px;
        width: 37px;
        height: 39px;
    }

    .my_theater .mypage_top_ad .swiper-button-prev {
        left: 0;
        background: url('../images/icon/arr_lf_19_wht.png') no-repeat center center;
    }

    .my_theater .mypage_top_ad .swiper-button-next {
        right: 0;
        background: url('../images/icon/arr_rg_19_wht.png') no-repeat center center;
    }

.my_theater .swiper-pagination-bullets {
    bottom: 0;
}

    .my_theater .swiper-pagination-bullets .swiper-pagination-bullet {
        opacity: .3;
        width: 6px;
        height: 6px;
        margin: 0 3px;
        background-color: #BBB;
    }

    .my_theater .swiper-pagination-bullets .swiper-pagination-bullet-active {
        opacity: 1;
    }

.my_theater .mypage_top_ad .swiper-wrapper a {
    display: block;
    overflow: hidden;
    height: 125px;
    box-sizing: border-box;
    padding: 16px 22px 10px;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    background-color: #FCFCFC;
}

    .my_theater .mypage_top_ad .swiper-wrapper a .txt_zone {
        font-size: 15px;
    }

    .my_theater .mypage_top_ad .swiper-wrapper a .con {
        margin-top: 14px;
    }

        .my_theater .mypage_top_ad .swiper-wrapper a .con .tit {
            display: block;
            overflow: hidden;
            font-size: 18px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .my_theater .mypage_top_ad .swiper-wrapper a .con .date {
            display: block;
            margin-top: 9px;
            font-family: 'Roboto';
            font-size: 15px;
            color: #666;
        }

.my_theater .mypage_top_ad .item a {
    display: block;
    overflow: hidden;
    height: 125px;
    box-sizing: border-box;
    padding: 16px 22px 10px;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    background-color: #FCFCFC;
}

    .my_theater .mypage_top_ad .item a .txt_zone {
        font-size: 15px;
    }

    .my_theater .mypage_top_ad .item a .con {
        margin-top: 14px;
    }

        .my_theater .mypage_top_ad .item a .con .tit {
            display: block;
            overflow: hidden;
            font-size: 18px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .my_theater .mypage_top_ad .item a .con .date {
            display: block;
            margin-top: 9px;
            font-family: 'Roboto';
            font-size: 15px;
            color: #666;
        }

.my_theater .mypage_top_ad .owl-dots {
    bottom: -20px;
}

    .my_theater .mypage_top_ad .owl-dots .owl-dot span {
        opacity: .3;
        width: 6px;
        height: 6px;
        margin: 0 3px;
        background-color: #BBB;
    }

    .my_theater .mypage_top_ad .owl-dots .owl-dot.active span {
        opacity: 1;
    }



/* 팝업 - MY영화관설정 ============================== */
.movie_set_box {
    padding: 20px 76px;
    border-bottom: 1px solid #DDD;
}

    .movie_set_box .theater_box {
        margin-top: 20px;
    }

        .movie_set_box .theater_box li {
            width: 170px;
        }

            .movie_set_box .theater_box li ~ li {
                margin-left: 15px;
                width: 170px;
            }

/* 공통/본문 ============================== */
.mypage_wrap {
    margin-top: 30px;
    padding-top: 35px;
}

    .mypage_wrap .txt_list_wrap {
        margin-top: 40px;
    }

    .mypage_wrap.teenteen {
        margin-top: -35px;
        padding-top: 0;
    }
/* 상단영역 */
.title_sub_area {
    position: relative;
    min-height: 40px;
}

    .title_sub_area:after {
        display: block;
        content: '';
        clear: both;
    }

    .title_sub_area .title {
        font-size: 26px;
    }

    .title_sub_area .left_area {
        float: left;
        padding-top: 12px;
        font-size: 0;
    }

    .title_sub_area .right_area {
        float: right;
        font-size: 0;
    }

    .title_sub_area .btn_box {
        position: absolute;
        right: 0;
        top: 0;
    }

    .title_sub_area .left_area .title {
        display: inline-block;
    }

    .title_sub_area .left_area .sub {
        margin-left: 22px;
        font-size: 22px;
    }

        .title_sub_area .left_area .sub em {
            color: #FF243E;
            font-size: 24px;
            font-family: 'Roboto';
            text-decoration: underline;
        }

    .title_sub_area .btn_box > select {
        width: 116px;
    }

        .title_sub_area .btn_box > select ~ * {
            margin-left: 20px;
        }

    .title_sub_area + * {
        margin-top: 25px;
    }
/* 등급달성게이지 */
.bx_grade {
    position: relative;
    padding: 0 30px;
    margin: 25px 0 10px;
}

    .bx_grade.merge2020 {
        position: relative;
        padding: 0 30px;
        margin: 0 0 10px;
    }
    /* 20200116 merge */
    .bx_grade .more {
        position: absolute;
        right: 30px;
        top: 0;
        padding-right: 6px;
        color: #000;
        font-size: 11px;
        background: url('../images/icon/ic_more.svg') no-repeat right center;
    }

    .bx_grade .btn_col5 {
        display: block;
        margin: 30px auto 0;
        width: 170px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.area_gauge {
    position: relative;
    padding-top: 29px;
    padding-bottom: 22px;
}

    .area_gauge::after {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        top: 30px;
        width: 100%;
        height: 1px;
        background-color: #666;
    }

    .area_gauge .gauge {
        position: relative;
        height: 2px;
        background-color: #E5153C;
        z-index: 1;
    }

    .area_gauge .info {
        position: relative;
    }

        .area_gauge .info li {
            position: absolute;
            top: 8px;
            font-size: 13px;
        }

            .area_gauge .info li:nth-of-type(1) {
                left: 0;
            }

            .area_gauge .info li:nth-of-type(2) {
                left: 12%;
            }

            .area_gauge .info li:nth-of-type(3) {
                left: 34%;
            }

            .area_gauge .info li:nth-of-type(4) {
                left: 56%;
            }

            .area_gauge .info li:nth-of-type(5) {
                left: 78%;
            }

            .area_gauge .info li:nth-of-type(6) {
                left: 100%;
            }

            .area_gauge .info li:nth-of-type(2) strong,
            .area_gauge .info li:nth-of-type(2) em,
            .area_gauge .info li:nth-of-type(3) strong,
            .area_gauge .info li:nth-of-type(3) em {
                width: 40px;
                text-align: center;
            }

            .area_gauge .info li:nth-of-type(4) strong {
                right: 0;
            }

            .area_gauge .info li > * {
                display: inline-block;
            }

            .area_gauge .info li strong {
                position: absolute;
                top: -30px;
                font-weight: 600;
                font-family: 'Roboto';
                text-align: center;
            }

            .area_gauge .info li span + em {
                margin-left: 4px;
            }

            .area_gauge .info li em {
                color: #666;
                font-family: 'Roboto';
            }

            .area_gauge .info li.active span,
            .area_gauge .info li.active em {
                font-weight: 400;
            }



/* 마이페이지/결제내역 ========================================================================================= */
/* 결제내역_상단영역 */
.mypage_top_area {
    position: relative;
}

    .mypage_top_area .array_box {
        position: absolute;
        right: 0;
        top: 16px;
    }

        .mypage_top_area .array_box .txt {
            margin-left: 9px;
            font-size: 15px;
            border: 0;
            opacity: 0.6;
        }

            .mypage_top_area .array_box .txt.active {
                opacity: 1;
            }

            .mypage_top_area .array_box .txt:first-child {
                margin-left: 0;
            }

    .mypage_top_area .txt_notice {
        padding-top: 0;
    }
/* 결제내역_리스트 */
.ticket_list {
    position: relative;
    padding: 40px 50px 173px 205px;
    min-height: 523px;
    background: #f8f8f8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .ticket_list::after,
    .ticket_list::before {
        content: '';
        position: absolute;
        left: 175px;
        top: 0;
        width: 1px;
    }

    .ticket_list::after {
        height: 46px;
        background-color: #f8f8f8;
    }

    .ticket_list::before {
        height: 100%;
        border-left: 1px dashed #bbb;
    }

    .ticket_list .btn_txt_more {
        position: absolute;
        right: 50px;
        bottom: 80px;
        width: 725px;
    }

    .ticket_list .ticket_info li {
        position: relative;
        margin-top: 30px;
    }

        .ticket_list .ticket_info li:after {
            content: '';
            position: absolute;
            left: -40px;
            top: 1px;
            z-index: 3;
            width: 20px;
            height: 20px;
            background: url('../images/icon/rnd_20_off.png') no-repeat;
        }

    .ticket_list .ticket_info .ticket .info dd li {
        margin-top: 0;
    }

        .ticket_list .ticket_info .ticket .info dd li:after {
            display: none;
        }

    .ticket_list .ticket_info li.cancel_check:after {
        background: url('../images/icon/rnd_20_on.png') no-repeat;
    }

    .ticket_list .ticket_info li.new_day {
        margin-top: 50px;
    }

    .ticket_list .ticket_info li:first-child {
        margin-top: 0;
    }

    .ticket_list .ticket_info .date {
        position: absolute;
        left: -155px;
        top: 0;
        font-size: 13px;
        font-family: 'Roboto';
        font-weight: bold;
    }

        .ticket_list .ticket_info .date .week {
            font-size: 11px;
            font-family: 'Noto';
        }

    .ticket_list .ticket_info li > button {
        display: block;
        position: relative;
        padding: 0;
        width: 100%;
        border: 0;
        text-align: left;
        background: none;
    }

        .ticket_list .ticket_info li > button:after {
            content: '';
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -4px;
            width: 14px;
            height: 8px;
            background: url('../images/icon/arr_dw_14.png') no-repeat right center;
        }

    .ticket_list .ticket_info li.open > button:after {
        background: url('../images/icon/arr_up_14.png') no-repeat right center;
    }

    .ticket_list .ticket_info .tit {
        font-size: 15px;
        vertical-align: middle;
    }

    .ticket_list .ticket_info .sum {
        margin-left: 12px;
        font-size: 11px;
        vertical-align: middle;
    }

        .ticket_list .ticket_info .sum em {
            font-size: 13px;
            font-weight: bold;
            font-family: 'Roboto';
        }

    .ticket_list .ticket_info .num {
        margin-left: 20px;
        color: #666;
        font-size: 11px;
        vertical-align: middle;
    }

        .ticket_list .ticket_info .num em {
            font-family: 'Roboto';
        }

    .ticket_list .ticket_info .txt_col7 {
        margin-left: 12px;
        line-height: normal;
        vertical-align: middle;
    }

    .ticket_list .ticket_info .ticket {
        display: none;
        position: relative;
        margin-top: 23px;
        padding: 23px 22px;
        width: 725px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #fff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .ticket_list .ticket_info .ticket::after {
            content: '';
            position: absolute;
            left: 18px;
            bottom: -1px;
            width: 686px;
            height: 6px;
            background: url('../images/member/bg_ticket.png') #f8f8f8 repeat-x;
        }

    .ticket_list .ticket_info li.open .ticket {
        display: block;
    }

.ticket_info .ticket .info_area::after {
    display: block;
    content: '';
    clear: both;
}

.ticket_info .ticket .info_area .img {
    float: left;
    width: 100px;
    height: 145px;
    border-radius: 4px;
    overflow: hidden;
}

.ticket_info .ticket.product .info_area .img {
    width: 155px;
    border: 1px solid #ddd;
}

.ticket_info .ticket .info_area .img img {
    width: 100%;
}

.ticket_info .ticket .info_area .info {
    margin-left: 20px;
    padding-top: 12px;
    float: left;
    width: 557px;
}

.ticket_info .ticket.product .info_area .info {
    width: 500px;
}

.ticket_info .ticket .info_area .info dl {
    position: relative;
    margin-top: 4px;
    padding-left: 93px;
    min-height: 25px;
    line-height: 25px;
    font-size: 15px;
}

    .ticket_info .ticket .info_area .info dl:first-child {
        margin-top: 0;
    }

.ticket_info .ticket .info_area .info dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 93px;
}

.ticket_info .ticket .info_area .info dd {
    color: #666;
}

    .ticket_info .ticket .info_area .info dd ~ dd {
        margin-top: 4px;
    }

    .ticket_info .ticket .info_area .info dd em {
        font-family: "Roboto";
    }

    .ticket_info .ticket .info_area .info dd .btn_col4 {
        margin-left: 6px;
        font-size: 11px;
        line-height: 23px;
    }

.ticket_info .ticket .info_area .info .inter {
    position: relative;
    margin-left: 15px;
    padding-left: 16px;
}

    .ticket_info .ticket .info_area .info .inter::after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px;
        width: 1px;
        height: 14px;
        background-color: #ddd;
    }

.ticket_info .ticket .info_area .info .btn_wrap {
    margin-top: 10px;
    width: 100%;
    font-size: 0;
    text-align: right;
}

    .ticket_info .ticket .info_area .info .btn_wrap > * {
        margin-left: 8px;
        min-width: 148px;
    }

        .ticket_info .ticket .info_area .info .btn_wrap > *:first-child {
            margin-left: 0;
        }

.ticket_info .ticket .info_area .box_message {
    margin-top: 8px;
    padding-left: 93px;
}

    .ticket_info .ticket .info_area .box_message .message {
        padding: 20px 15px;
        color: #666;
        font-size: 13px;
        line-height: 20px;
        border-radius: 4px;
        background-color: #F8F8F8;
    }

    .ticket_info .ticket .info_area .box_message .bot_area {
        position: relative;
        margin-top: 8px;
        padding-top: 4px;
        padding-right: 86px;
        min-height: 33px;
    }

        .ticket_info .ticket .info_area .box_message .bot_area .txt_bul2 {
            display: block;
            margin-left: 16px;
        }

            .ticket_info .ticket .info_area .box_message .bot_area .txt_bul2::before {
                content: '·';
                margin: 0;
            }

        .ticket_info .ticket .info_area .box_message .bot_area .btn_col8 {
            position: absolute;
            right: 0;
            top: 0;
            width: 86px;
        }
/* 결제 */
.payment_area {
    margin-top: 28px;
    border-top: 1px solid #000;
}

    .payment_area > * {
        border-top: 1px solid #ddd;
    }

        .payment_area > *:first-child {
            border-top: 0;
        }

    .payment_area .date_pay {
        padding: 14px 0;
        line-height: 18px;
        font-size: 13px;
    }

        .payment_area .date_pay::after {
            display: block;
            content: '';
            clear: both;
        }

        .payment_area .date_pay > * {
            float: left;
        }

        .payment_area .date_pay dt {
            width: 66px;
        }

        .payment_area .date_pay dd {
            color: #666;
        }

        .payment_area .date_pay .txt_color {
            color: #FF0000;
        }

        .payment_area .date_pay em {
            line-height: 17px;
            font-family: 'Roboto';
        }

    .payment_area .total_pay {
        padding-top: 16px;
        min-height: 87px;
    }

        .payment_area .total_pay::after {
            display: block;
            content: '';
            clear: both;
        }

    .payment_area .pay_area {
        position: relative;
        float: left;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .payment_area .pay_area:first-child::before {
            display: none;
        }

        .payment_area .pay_area::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 1px;
            height: 73px;
            border-left: 1px dashed #e6e6e6;
        }

        .payment_area .pay_area:first-child {
            padding-right: 24px;
            width: 200px;
        }

            .payment_area .pay_area:first-child + .pay_area {
                padding: 0 24px;
                width: 240px;
            }

                .payment_area .pay_area:first-child + .pay_area::after {
                    content: '';
                    position: absolute;
                    left: -10px;
                    top: -3px;
                    width: 21px;
                    height: 21px;
                    background: url('../images/icon/ic_rnd_21_01.png') no-repeat;
                }

                .payment_area .pay_area:first-child + .pay_area + .pay_area {
                    padding-left: 24px;
                    width: 235px;
                }

                    .payment_area .pay_area:first-child + .pay_area + .pay_area::after {
                        content: '';
                        position: absolute;
                        left: -10px;
                        top: -3px;
                        width: 21px;
                        height: 21px;
                        background: url('../images/icon/ic_rnd_21_02.png') no-repeat;
                    }

        .payment_area .pay_area .pay {
            font-size: 13px;
        }

            .payment_area .pay_area .pay::after {
                display: block;
                content: '';
                clear: both;
            }

            .payment_area .pay_area .pay dt {
                float: left;
            }

            .payment_area .pay_area .pay dd {
                float: right;
            }

            .payment_area .pay_area .pay em {
                font-family: 'Roboto';
                font-weight: bold;
            }

            .payment_area .pay_area .pay .txt_color {
                color: #FF243E;
            }

        .payment_area .pay_area .discont {
            margin-top: 12px;
        }

            .payment_area .pay_area .discont .pay {
                margin-top: 5px;
                color: #666;
                font-size: 11px;
            }

                .payment_area .pay_area .discont .pay:first-child {
                    margin-top: 0;
                }

                .payment_area .pay_area .discont .pay em {
                    font-weight: 400;
                }

        .payment_area .pay_area .number {
            margin-top: 9px;
            color: #666;
            font-size: 11px;
            font-family: 'Roboto';
        }

            .payment_area .pay_area .number .txt_card1 {
                margin-right: 11px;
            }

        .payment_area .pay_area .noti_txt {
            margin-top: 5px;
            font-size: 11px;
            color: #666;
            letter-spacing: -1px;
            line-height: 1.2
        }

/* 팝업 - 카드매출온라인전표 ============================== */
.online_slip {
    position: relative;
    padding: 20px;
    background: url('../images/common/bg_order.png') repeat 0 0;
}

    .online_slip .btn_col3 {
        position: absolute;
        right: 20px;
        top: 10px;
    }

    .online_slip .btn_btm_wrap {
        margin-bottom: 0;
    }

.slip_tit {
    display: block;
    padding: 0 0 17px;
    text-align: center;
}

.slipTb {
    table-layout: fixed;
    width: 100%;
    border: 0;
    background: #fff;
    font-size: 13px;
}

    .slipTb tr:first-child td {
        border-top: 1px solid #e4e3d9;
    }

    .slipTb tr td:first-child {
        border-left: 1px solid #e4e3d9;
    }

    .slipTb tr td:last-child {
        border-right: 1px solid #e4e3d9;
    }

    .slipTb td {
        padding: 10px 18px;
        border-top: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6;
        line-height: 15px;
        vertical-align: middle;
    }

        .slipTb td > span {
            display: block;
            color: #777;
        }

        .slipTb td.moneyTit {
            height: 30px;
            background: #f9f6ec;
        }

        .slipTb td.money {
            padding-right: 58px;
            height: 30px;
            border-left: none;
            background: url('../images/common/bg_slip.gif') repeat-y 0 0;
            font-weight: bold;
            text-align: right;
            letter-spacing: 1px;
        }

            .slipTb td.money.unit {
                padding-bottom: 8px;
                background-image: url('../images/common/bg_slip_unit.gif');
                vertical-align: bottom;
            }

        .slipTb td.note {
            border-bottom: 1px solid #e4e3d9;
            color: #777;
        }



/* 마이페이지/쿠폰함 ========================================================================================= */
/* 사용가능쿠폰 */
.coupon_possible {
    position: absolute;
    right: 184px;
    top: -45px;
    font-size: 0;
    line-height: 17px;
}

    .coupon_possible::after {
        content: '';
        position: absolute;
        right: -24px;
        top: 0;
        width: 1px;
        height: 16px;
        background-color: #ddd;
        display: none;
    }
    /*2020-01-06, eskang fixed*/
    .coupon_possible dt,
    .coupon_possible dd {
        display: inline-block;
        font-size: 12px;
    }

    .coupon_possible dd {
        margin-left: 6px;
    }

        .coupon_possible dd em {
            font-family: 'Roboto';
        }

.contents_mypage .mypage_coupon .tab_wrap.mid > li.active > .tab_tit span {
    border-bottom: 1px solid #000;
}

.contents_mypage .mypage_coupon .bx_category_slct {
    position: relative;
    margin-top: 70px;
    margin-bottom: 25px;
}

    .contents_mypage .mypage_coupon .bx_category_slct .tab_wrap.outer {
        padding-top: 60px;
    }

        .contents_mypage .mypage_coupon .bx_category_slct .tab_wrap.outer > li > .tab_tit {
            height: 30px;
            line-height: 30px;
        }

    .contents_mypage .mypage_coupon .bx_category_slct .btn_only_txt {
        border: 0 none;
        margin-right: 20px;
        padding: 0;
        font-size: 15px;
        line-height: 17px;
        color: #666;
    }

        .contents_mypage .mypage_coupon .bx_category_slct .btn_only_txt:last-child {
            margin: 0;
        }

    .contents_mypage .mypage_coupon .bx_category_slct .slct_group {
        display: inline-block;
        width: 100%;
    }

        .contents_mypage .mypage_coupon .bx_category_slct .slct_group .btn_only_txt {
            border-bottom: 1px solid transparent;
        }

    .contents_mypage .mypage_coupon .bx_category_slct .slct_align {
        position: absolute;
        right: 0;
        top: 20px;
    }

        .contents_mypage .mypage_coupon .bx_category_slct .slct_align.mod2 {
            top: -45px;
        }

    .contents_mypage .mypage_coupon .bx_category_slct .btn_only_txt.active {
        color: #000;
    }

.contents_mypage .mypage_coupon .search_wrap .btn_text {
    border: 0 none;
    background: none;
    font-size: 15px;
    margin-right: 40px;
}

.contents_mypage .mypage_coupon .acc_head td .tg_wrap {
    font-size: 13px;
    color: #666666;
}

.contents_mypage .mypage_coupon .acc_head td .txt_ic_mall {
    vertical-align: top;
    margin: 3px 5px 0 0;
}

    .contents_mypage .mypage_coupon .acc_head td .txt_ic_mall ~ .tg_wrap {
        padding-left: 45px;
    }

.contents_mypage .mypage_coupon .acc_head.active td,
.contents_mypage .mypage_coupon .acc_body.active td {
    border-bottom: 0 none;
}

.contents_mypage .mypage_coupon .acc_body.active td {
    padding-bottom: 5px;
}

.contents_mypage .mypage_coupon .acc_body.active .cp_dtl_wrap:after {
    content: '';
    display: table;
    clear: both;
}

.contents_mypage .mypage_coupon .cp_is.ty1 {
    color: #FF243E;
}

.contents_mypage .mypage_coupon .cp_is.ty2 {
    color: #233CA3;
}

.contents_mypage .mypage_coupon .cp_is.ty3 {
    color: #666666;
}

.contents_mypage .mypage_coupon .cp_dtl_wrap {
    position: relative;
    border-radius: 0 0 4px 4px;
    border: 1px solid #EEE; /* background:#fff url('../images/customer/bg_cp.png') no-repeat 0 0; */
    padding: 15px 40px;
    text-align: left;
}

    .contents_mypage .mypage_coupon .cp_dtl_wrap::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 25px;
        margin-left: -1px;
        width: 1px;
        height: calc(100% - 50px);
        border-right: 1px dashed #EEE;
    }

    .contents_mypage .mypage_coupon .cp_dtl_wrap:after,
    .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_itm:after {
        content: '';
        display: table;
        clear: both;
    }

    .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_info {
        float: left;
        width: 385px;
        padding-right: 64px; /* border-right:1px dashed #EEE; */
        ;
    }

        .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_info:before,
        .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_info:after {
            content: '';
            position: absolute;
            left: 50%;
            width: 30px;
            height: 15px;
            margin-left: -15px;
            border: 1px solid #EEE;
            background-color: #FFF;
        }

        .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_info:before {
            top: -1px;
            border-top: none;
            border-radius: 0 0 30px 30px;
        }

        .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_info:after {
            bottom: -1px;
            border-bottom: none;
            border-radius: 30px 30px 0 0;
        }

    .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_itm {
        padding: 10px 0;
        border-bottom: 1px dashed #E6E6E6;
        line-height: 33px;
    }

        .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_itm:last-child {
            border-bottom: 0 none;
        }

    .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_tit {
        float: left;
        width: 100px;
        text-align: left;
    }

    .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_txt {
        float: right;
        width: 280px;
        color: #414141;
        text-align: right;
    }

        .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_txt button {
            margin-left: 5px;
        }

        .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_txt .btn_txt_detail {
            font-size: 15px;
        }

        .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_txt strong {
            color: #FF243E;
        }

    .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule {
        float: right;
        width: 400px;
    }

        .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .list_txt {
            margin: 10px 0 0;
        }

            .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .list_txt + p {
                margin: 52px 0 20px;
                font-size: 14px;
            }

        .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .bx_article {
            margin: 17px 0;
            padding-top: 17px;
            border-top: 1px solid #EEE;
        }

            .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .bx_article:first-child {
                padding-top: 0;
                border-top: none;
            }

            .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .bx_article .tit_article {
                display: block;
                margin-bottom: 4px;
                font-size: 15px;
            }

            .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .bx_article dl:after {
                content: "";
                display: block;
                clear: both;
            }

            .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .bx_article dl dt {
                clear: both;
                float: left;
                font-size: 14px;
            }

                .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .bx_article dl dt:before {
                    content: "";
                    display: inline-block;
                    width: 1px;
                    height: 1px;
                    margin: 12px 5px 0 1px;
                    vertical-align: top;
                    background-color: #000;
                }

            .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .bx_article dl dd {
                float: right;
                font-size: 14px;
            }

            .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .bx_article .list_txt {
                margin-top: 4px;
            }

                .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule .bx_article .list_txt.ty2 li {
                    color: #666;
                }


/* 팝업 - 쿠폰등록 ============================== */
.reg_coupon input[type="text"] {
    width: 100%;
}

    .reg_coupon input[type="text"] ~ input[type="text"] {
        margin-top: 9px;
    }

.reg_coupon .img_box {
    margin-top: 30px;
    text-align: center;
}

.reg_coupon .list_txt {
    margin-top: 26px;
}

/* 팝업 - 모니터링관람권선물하기 ============================== */
.layer_monitor_gift {
    width: 500px;
}

.layer_wrap.layer_monitor_gift .layer_contents {
    padding: 0 0 40px;
}

.layer_monitor_gift .monitor_gift {
    padding: 28px 50px 0px;
}

    .layer_monitor_gift .monitor_gift:first-child {
        padding-top: 20px;
        padding-bottom: 23px;
    }

    .layer_monitor_gift .monitor_gift ~ .monitor_gift {
        position: relative;
    }

        .layer_monitor_gift .monitor_gift ~ .monitor_gift:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 5px;
            background-color: #eee;
        }

.monitor_gift > .tit {
    display: block;
    font-size: 17px;
}

.monitor_gift > input {
    display: block;
    margin-top: 20px;
    width: 100%;
}

.monitor_gift > .txt_tip {
    display: block;
    margin-top: 12px;
    font-size: 12px;
}

.monitor_gift > .gift_top {
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

    .monitor_gift > .gift_top > .tit {
        font-size: 13px;
        line-height: 34px;
    }

        .monitor_gift > .gift_top > .tit .color_red {
            color: #E5153C;
        }

    .monitor_gift > .gift_top .btn_bdr_refresh {
        position: absolute;
        right: 0;
        top: 0;
        width: 36px;
        height: 34px;
    }

.monitor_gift > .gift_con {
    padding-top: 20px;
    height: 170px;
    overflow-y: auto;
}

    .monitor_gift > .gift_con li {
        position: relative;
    }

        .monitor_gift > .gift_con li ~ li {
            margin-top: 24px;
        }

        .monitor_gift > .gift_con li > input {
            position: absolute;
        }

        .monitor_gift > .gift_con li > label {
            display: block;
            position: relative;
            padding-left: 34px;
            font-size: 13px;
            line-height: 20px;
        }

            .monitor_gift > .gift_con li > label:before {
                position: absolute;
                left: 0;
                top: 0;
            }

            .monitor_gift > .gift_con li > label > span {
                display: block;
            }

.my_title_top:after {
    display: block;
    content: "";
    clear: both
}

.my_title_top > .tit {
    float: left;
    font-size: 26px;
    color: #000
}

.my_title_top .group_rgt {
    float: right
}

.club_mem_box {
    font-size: 0
}

    .club_mem_box > .tit {
        margin-right: 18px;
        font-size: 15px
    }

    .club_mem_box > span.txt_col4 {
        color: #666;
        line-height: 20px;
        font-size: 9px;
        font-weight: 800
    }

        .club_mem_box > span.txt_col4 ~ span.txt_col4 {
            margin-left: 4px
        }

.club_list {
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: -20px
}

    .club_list:after {
        display: block;
        content: "";
        clear: both
    }

    .club_list li {
        float: left;
        margin-left: 20px;
        width: 480px;
        height: 255px
    }

        .club_list li a {
            display: block;
            position: relative;
            padding-left: 22px;
            padding-top: 70px;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            -webkit-box-sizing: border-box
        }

        .club_list li .thm {
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1
        }

        .club_list li .state {
            position: absolute;
            right: 0;
            top: 0;
            width: 56px;
            height: 25px;
            color: #fff;
            line-height: 25px;
            font-size: 11px;
            font-weight: bold;
            text-align: center;
            background-color: rgba(0,0,0,.3)
        }

        .club_list li .txt {
            line-height: 26px;
            font-size: 21px
        }

            .club_list li .txt span {
                font-weight: bold
            }

        .club_list li .benefit {
            position: absolute;
            left: 273px;
            top: 90px;
            width: 208px;
            font-size: 0
        }

    .club_list .benefit [class*=colr] {
        display: inline-block;
        padding-top: 35px;
        width: 104px;
        height: 104px;
        color: #fff;
        line-height: 22px;
        font-size: 17px;
        font-weight: bold;
        letter-spacing: -0.5px;
        text-align: center;
        border-radius: 82px;
        background: rgba(0,0,0,.8);
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

        .club_list .benefit [class*=colr] + [class*=colr] {
            position: relative;
            left: -19px
        }

    .club_list .benefit .colr1 {
        background: rgba(24,168,220,.8)
    }

    .club_list .benefit .colr2 {
        background: rgba(227,22,116,.8)
    }

    .club_list .benefit .colr3 {
        background: rgba(74,22,37,.8)
    }

    .club_list .benefit .colr4 {
        background: rgba(45,74,121,.8)
    }

    .club_list .benefit [class*=colr] em {
        font-size: 19px;
        font-family: "Roboto"
    }

    .club_list .benefit [class*=colr] span {
        font-size: 18px
    }
/* 사용방법,기간 */
.setp_guide {
    margin-top: 30px;
}

    .setp_guide dt {
        margin-bottom: 14px;
        font-size: 15px;
    }

    .setp_guide dd {
        font-size: 13px;
    }

        .setp_guide dd ~ dd {
            margin-top: 10px;
        }

    .setp_guide + .list_bdr_box {
        margin-top: 50px;
    }

/* 클럽 ============================== */
.mypage_wrap .club_noticy_info {
    margin-top: 40px;
    padding: 30px 0 70px;
    text-align: center;
    background: url('../images/icon/ic_quotation.png') no-repeat center top;
}

    .mypage_wrap .club_noticy_info .tit {
        color: #E5153C;
        font-size: 18px;
    }

    .mypage_wrap .club_noticy_info .txt {
        margin-top: 16px;
        font-size: 15px;
        line-height: 20px;
    }

        .mypage_wrap .club_noticy_info .txt.light {
            margin-top: 14px;
            color: #666;
        }

        .mypage_wrap .club_noticy_info .txt em {
            font-family: "Roboto";
        }

.mypage_wrap .step_list:after {
    display: block;
    content: '';
    clear: both;
}

.mypage_wrap .step_list li {
    float: left;
    padding-top: 20px;
    width: 314px;
    height: 80px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #f8f8f8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .mypage_wrap .step_list li ~ li {
        margin-left: 19px;
    }

    .mypage_wrap .step_list li span {
        display: block;
        font-size: 11px;
    }

    .mypage_wrap .step_list li strong {
        display: block;
        margin-top: 6px;
        font-size: 15px;
    }

    .mypage_wrap .step_list li em {
        font-family: "Roboto";
    }

.mypage_wrap .club_coupon {
    position: relative;
    padding-top: 144px;
    height: 210px;
    text-align: center;
    background-color: #F8F8F8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .mypage_wrap .club_coupon:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 30px;
        margin-left: -145px;
        width: 287px;
        height: 112px;
        background: url('../images/member/bg_clubcoupon_01.png') no-repeat;
    }

    .mypage_wrap .club_coupon.ty2:after {
        background: url('../images/member/bg_clubcoupon_02.png') no-repeat;
    }

    .mypage_wrap .club_coupon.ty3:after {
        background: url('../images/member/bg_clubcoupon_03.png') no-repeat;
    }

    .mypage_wrap .club_coupon .coupon_tit {
        position: absolute;
        left: 0;
        top: 92px;
        z-index: 1;
        width: 100%;
        color: #fff;
        font-size: 21px;
        text-align: center;
        letter-spacing: -.5px;
    }

        .mypage_wrap .club_coupon .coupon_tit em {
            font-size: 24px;
            font-family: "Roboto";
        }

    .mypage_wrap .club_coupon .coupon_num {
        margin-top: 12px;
        font-size: 18px;
    }

    .mypage_wrap .club_coupon .tip_area {
        margin-top: 4px;
        font-size: 15px;
        color: #666;
    }

        .mypage_wrap .club_coupon .tip_area span ~ span:before {
            content: '/';
            padding-right: 4px;
        }
/* 클럽멤버십 가입안내 2020.07.17 */
.tab_wrap.join > li > .tab_tit span {
    font-size: 18px
}

.tab_wrap.join > li > .tab_tit {
    text-align: center
}

.mypage_wrap .tab_wrap.join .step_list li span {
    display: block;
    margin-top: 6px;
    font-size: 15px;
}

.mypage_wrap .tab_wrap.join .step_list li {
    width: 230px
}

.tab_wrap.join > li .list_bdr_box {
    padding: 10px 25px;
    text-align: center;
}

.club_list.joinedclub li {
    position: relative;
    width: 313px;
    height: auto
}

    .club_list.joinedclub li a {
        padding-left: 0;
        padding-top: 0;
    }
/* .club_list.joinedclub li:after {content: ''; display: block; clear: both;} */

/* 마이페이지/MY영화관리 ========================================================================================= */
.my_movie_list {
    margin-left: -40px;
}

    .my_movie_list::after {
        display: block;
        content: '';
        clear: both;
    }

    .my_movie_list li {
        position: relative;
        float: left;
        margin-left: 40px;
        margin-top: 40px;
        padding-left: 204px;
        width: 246px;
        min-height: 262px;
    }

        .my_movie_list li:first-child,
        .my_movie_list li:first-child + li {
            margin-top: 0;
        }

    .my_movie_list .poster {
        position: absolute;
        left: 0;
        top: 0;
        width: 184px;
        height: 262px;
        overflow: hidden;
        border-radius: 4px;
    }

        .my_movie_list .poster a {
            display: block;
            width: 184px;
            height: 262px;
        }

        .my_movie_list .poster img {
            width: 100%;
            height: 100%;
        }

    .my_movie_list .tit {
        display: block;
        padding-top: 8px;
        font-size: 22px;
    }

        .my_movie_list .tit .ic_grade {
            margin-top: -6px;
            margin-right: 8px;
        }

    .my_movie_list .detail_info {
        padding-top: 3px;
        min-height: 75px;
    }

        .my_movie_list .detail_info + .review_box dd {
            margin-top: 16px;
            height: 72px;
            overflow-y: auto;
        }

        .my_movie_list .detail_info > .txt {
            display: block;
            font-size: 14px;
            line-height: 23px;
        }

            .my_movie_list .detail_info > .txt.time {
                font-family: "Roboto";
            }

                .my_movie_list .detail_info > .txt.time em + em {
                    margin-left: 8px;
                }

        .my_movie_list .detail_info.ty1 {
            margin-top: 10px;
            margin-bottom: 15px;
            padding-bottom: 5px;
            height: 17px;
            border-bottom: 1px solid #EBEBEB;
        }

            .my_movie_list .detail_info.ty1 > span {
                display: inline-block;
                vertical-align: middle;
            }

            .my_movie_list .detail_info.ty1 > * ~ * {
                margin-left: 10px;
            }

            .my_movie_list .detail_info.ty1 > span em {
                font-size: 14px;
            }

            .my_movie_list .detail_info.ty1 > span strong {
                margin-left: 8px;
                font-size: 15px;
                font-family: "Roboto";
                font-weight: bold;
            }

            .my_movie_list .detail_info.ty1 .txt_ic_score strong {
                margin-left: 2px;
            }

            .my_movie_list .detail_info.ty1 > .txt_lastday strong {
                color: #FF7787;
            }

    .my_movie_list .review_box dt {
        color: #FF7787;
        font-size: 12px;
        font-family: "Roboto";
        font-weight: bold;
    }
    /*.my_movie_list .review_box dd {margin-top:6px; font-size:13px; line-height:18px; letter-spacing:-.5px;}*/
    /* 정진호 수정 [HS_350] 마이 > MY무비로그 > 내가 본 영화 > 등록한 관람평 한줄로 길게 노출 됨*/
    .my_movie_list .review_box dd {
        margin-top: 6px;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: -.5px;
        height: 76px;
        overflow: hidden;
        word-break: break-all;
    }

    .my_movie_list .detail_info.ty1 + .review_box dd {
        margin-top: 16px;
        height: 72px;
        overflow-y: auto;
    }

    .my_movie_list .btn_box {
        position: absolute;
        left: 204px;
        bottom: 0;
        font-size: 0;
    }

        .my_movie_list .btn_box > .btn_col3 ~ .btn_col3 {
            margin-left: 10px;
        }

        .my_movie_list .btn_box > .btn_txt_del {
            margin-left: 20px;
        }

    .my_movie_list .user_review_box {
        position: absolute;
        left: 204px;
        bottom: 38px;
    }

        .my_movie_list .user_review_box span {
            display: inline-block;
            height: 13px;
            line-height: 13px;
        }

            .my_movie_list .user_review_box span ~ span {
                margin-left: 16px;
            }

    .my_movie_list + .btn_txt_more {
        margin-top: 56px;
    }
/* 나의영화가없는경우 노출 */
.movie_booking_box {
    position: relative;
    padding: 20px 100px;
}

    .movie_booking_box > .tit {
        margin-bottom: 18px;
        font-size: 18px;
    }

    .movie_booking_box .mypage_booking {
        margin-top: 18px;
    }

    .movie_booking_box .swiper-button-prev-unique,
    .movie_booking_box .swiper-button-next-unique {
        position: absolute;
        top: 50%;
        margin-top: -55px;
        width: 30px;
        height: 60px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

    .movie_booking_box .swiper-button-disabled {
        opacity: 0.3;
    }

    .movie_booking_box .swiper-button-prev-unique {
        left: 30px;
        background-image: url('../images/icon/arr_lf_31.png');
    }

    .movie_booking_box .swiper-button-next-unique {
        right: 30px;
        width: 30px;
        height: 60px;
        background-image: url('../images/icon/arr_rg_31.png');
    }

    .movie_booking_box .poster {
        display: block;
        overflow: hidden;
        position: relative;
        width: 184px;
        height: 262px;
        border-radius: 4px;
        overflow: hidden;
        font-size: 0;
    }

        .movie_booking_box .poster img {
            width: 100%;
            border-radius: 4px;
        }

        .movie_booking_box .poster .ic_grade {
            position: absolute;
            right: 8px;
            top: 8px;
        }

    .movie_booking_box .movie_info {
        margin-top: 15px;
        text-align: center;
    }

        .movie_booking_box .movie_info .tit_info {
            display: block;
            font-size: 13px;
        }

        .movie_booking_box .movie_info .sub_info {
            display: block;
            margin-top: 4px;
            font-size: 0;
        }

            .movie_booking_box .movie_info .sub_info > span ~ span {
                position: relative;
                margin-left: 16px;
            }

                .movie_booking_box .movie_info .sub_info > span ~ span::before {
                    content: '';
                    position: absolute;
                    left: -8px;
                    top: 50%;
                    margin-top: -4px;
                    width: 1px;
                    height: 8px;
                    background-color: #ADADAD;
                }

            .movie_booking_box .movie_info .sub_info strong {
                font-weight: bold;
            }

    .movie_booking_box .txt {
        font-size: 11px;
        vertical-align: middle;
    }

        .movie_booking_box .txt strong {
            font-family: 'Roboto';
        }

    .movie_booking_box .btn_col8 {
        margin-top: 12px;
    }



/* 마이페이지/MY정보관리 ========================================================================================= */
.mypage_menu_box:after {
    display: block;
    content: '';
    clear: both;
}

.mypage_menu_box li {
    float: left;
    background-color: #F8F8F8;
}

    .mypage_menu_box li ~ li {
        margin-left: 10px;
    }

    .mypage_menu_box li a {
        display: block;
        position: relative;
        padding-top: 83px;
        width: 188px;
        height: 126px;
        text-align: center;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .mypage_menu_box li .img {
        position: absolute;
        left: 0;
        top: 34px;
        width: 100%;
        text-align: center;
    }

.mypage_menu_box + .list_bdr_box {
    margin-top: 20px;
}

.mypage_menu_box li .txt_rt_arrow {
    padding-right: 13px;
    font-size: 13px;
    background: url('../images/icon/arr_rg_6_03.png') no-repeat right center;
    background-position: right 6px;
}

.contents_mypage .mypage_myinfo {
    margin-top: 65px;
}

    .contents_mypage .mypage_myinfo .tbl_list .ty5.rnd {
        width: 76px;
        padding: 0;
        text-align: center;
    }

    .contents_mypage .mypage_myinfo .brd_paginate > div {
        position: absolute;
        right: 0;
        top: -14px;
    }

        .contents_mypage .mypage_myinfo .brd_paginate > div button {
            width: 146px;
        }

    .contents_mypage .mypage_myinfo .tbl_list .lost_info {
        position: relative;
        margin-top: 8px;
        color: #666666;
        font-size: 13px;
    }

        .contents_mypage .mypage_myinfo .tbl_list .lost_info dt,
        .contents_mypage .mypage_myinfo .tbl_list .lost_info dd {
            display: inline-block;
        }

        .contents_mypage .mypage_myinfo .tbl_list .lost_info dt {
            position: relative;
            padding-right: 8px;
        }

            .contents_mypage .mypage_myinfo .tbl_list .lost_info dt:after {
                content: '';
                position: absolute;
                right: -3px;
                top: 50%;
                margin-top: -5px;
                width: 1px;
                height: 11px;
                background-color: #666;
            }

        .contents_mypage .mypage_myinfo .tbl_list .lost_info dd {
            padding-left: 8px;
            margin-right: 15px;
        }

    .contents_mypage .mypage_myinfo .tbl_dtal {
        border-top: 1px solid #BBBBBB;
    }

        .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_info > td {
            border-bottom-color: #ffffff;
            font-size: 13px;
            padding: 14px 35px;
        }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_info > td .tit:after {
                background: #BBBBBB;
                height: 10px;
                margin: 0 10px;
            }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_info > td .cont em.txt_file {
                margin-right: 10px;
            }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_info > td .cont + .tit {
                margin-left: 40px;
            }

        .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_info.ty2 > td {
            background: #ffffff;
            border-bottom-color: #EEEEEE;
            font-size: 13px;
            padding: 20px 35px;
        }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_info.ty2 > td > div {
                padding: 10px 0px;
            }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_info.ty2 > td .tit {
                display: inline-block;
                min-width: 70px;
                text-align: right;
            }

        .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_content > td {
            position: relative;
            padding: 30px 30px 50px;
        }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_content > td .qna_wrap dt {
                background-position: 0 0;
                background-repeat: no-repeat;
                font-weight: bold;
            }

                .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_content > td .qna_wrap dt .txt_qna {
                    margin-right: 10px;
                    vertical-align: middle;
                }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_content > td .qna_wrap dd {
                line-height: 22px;
            }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_content > td .qna_wrap.qus dt {
                margin-bottom: 14px;
            }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_content > td .qna_wrap.qus dd {
                padding-left: 33px;
                padding-right: 90px;
            }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_content > td .qna_wrap.ans dt,
            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_content > td .qna_wrap.ans dd {
                display: inline-block;
                vertical-align: top;
            }

            .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_content > td .qna_info {
                position: absolute;
                right: 32px;
                top: 33px;
                text-align: right;
            }

                .contents_mypage .mypage_myinfo .tbl_dtal tr.tb_content > td .qna_info .info_date,
                .contents_mypage .mypage_myinfo .survey_wrap.ty2 .info_date {
                    display: block;
                    margin-bottom: 19px;
                    font-family: 'Roboto';
                    font-size: 13px;
                    color: #666666;
                }

    .contents_mypage .mypage_myinfo .survey_wrap {
        position: relative;
        background: #F8F8F8;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }

        .contents_mypage .mypage_myinfo .survey_wrap > dl > dt {
            border-bottom: 1px solid #EEEEEE;
            padding: 28px 31px;
            font-size: 15px;
            color: #8B8B8B;
        }

            .contents_mypage .mypage_myinfo .survey_wrap > dl > dt strong {
                color: #000000;
                margin-right: 21px;
                ;
            }

        .contents_mypage .mypage_myinfo .survey_wrap > dl > dd {
            position: relative;
            padding: 35px 35px;
        }

        .contents_mypage .mypage_myinfo .survey_wrap .bx_category_slct {
            display: inline-block;
        }

        .contents_mypage .mypage_myinfo .survey_wrap .ico_sur {
            display: inline-block;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: 0 50%;
            border: 0 none;
            height: 48px;
            padding-left: 58px;
            margin-right: 50px;
            vertical-align: middle;
            opacity: .5;
        }

            .contents_mypage .mypage_myinfo .survey_wrap .ico_sur.active {
                opacity: 1;
            }

        .contents_mypage .mypage_myinfo .survey_wrap .ty6.rnd {
            position: absolute;
            right: 35px;
            width: 150px;
        }

        .contents_mypage .mypage_myinfo .survey_wrap .ico_sur.ty1 {
            background-image: url('../images/customer/ic_survey_01.png');
        }

        .contents_mypage .mypage_myinfo .survey_wrap .ico_sur.ty2 {
            background-image: url('../images/customer/ic_survey_02.png');
        }

        .contents_mypage .mypage_myinfo .survey_wrap .ico_sur.ty3 {
            background-image: url('../images/customer/ic_survey_03.png');
        }

        .contents_mypage .mypage_myinfo .survey_wrap .ico_sur.ty4 {
            background-image: url('../images/customer/ic_survey_04.png');
        }

        .contents_mypage .mypage_myinfo .survey_wrap .ico_sur.ty5 {
            background-image: url('../images/customer/ic_survey_05.png');
        }

        .contents_mypage .mypage_myinfo .survey_wrap.ty2 dd {
            padding: 35px 30px 35px 60px;
        }

        .contents_mypage .mypage_myinfo .survey_wrap.ty2 .ico_sur {
            font-size: 18px;
            opacity: 1;
        }

            .contents_mypage .mypage_myinfo .survey_wrap.ty2 .ico_sur span {
                display: block;
                margin: 5px 0;
                color: #666;
                font-size: 12px;
            }

        .contents_mypage .mypage_myinfo .survey_wrap.ty2 .info_date {
            float: right;
        }

/* 팝업 - 광고수신동의내역확인및변경 ============================== */
.layer_wrap.layer_ad_agree {
    width: 700px;
}

    .layer_wrap.layer_ad_agree .ad_agree_info {
        padding: 30px 50px 0;
    }

        .layer_wrap.layer_ad_agree .ad_agree_info .ad_txt {
            font-size: 15px;
            font-weight: bold;
        }

        .layer_wrap.layer_ad_agree .ad_agree_info .ad_txt2 {
            margin-top: 16px;
            font-size: 13px;
            line-height: 18px;
            letter-spacing: -0.5px;
        }

        .layer_wrap.layer_ad_agree .ad_agree_info .bg_txt {
            margin-top: 20px;
            padding: 30px;
            border: 1px solid #D8D8D8;
            background-color: #f8f8f8;
        }

            .layer_wrap.layer_ad_agree .ad_agree_info .bg_txt > .tit {
                font-size: 15px;
            }

            .layer_wrap.layer_ad_agree .ad_agree_info .bg_txt > .txt {
                display: block;
                margin-top: 10px;
                font-size: 13px;
                line-height: 20px;
            }

        .layer_wrap.layer_ad_agree .ad_agree_info .ad_txt_list {
            margin-top: 30px;
        }

            .layer_wrap.layer_ad_agree .ad_agree_info .ad_txt_list .tit {
                margin-bottom: 15px;
                font-size: 15px;
            }

            .layer_wrap.layer_ad_agree .ad_agree_info .ad_txt_list dl {
                font-size: 13px;
                letter-spacing: -0.5px;
            }

                .layer_wrap.layer_ad_agree .ad_agree_info .ad_txt_list dl ~ dl {
                    margin-top: 21px;
                }

            .layer_wrap.layer_ad_agree .ad_agree_info .ad_txt_list dt {
                position: relative;
                padding-left: 6px;
            }

                .layer_wrap.layer_ad_agree .ad_agree_info .ad_txt_list dt::after {
                    content: '-';
                    position: absolute;
                    left: 0;
                    top: 0;
                }

            .layer_wrap.layer_ad_agree .ad_agree_info .ad_txt_list dd {
                margin-top: 10px;
                padding-left: 6px;
                letter-spacing: -.7px;
            }

    .layer_wrap.layer_ad_agree .btn_btm_wrap {
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .layer_wrap.layer_ad_agree .btn_btm_wrap > * {
            width: 295px;
        }

#contents.contents_vipzone:before {
    position: absolute;
    z-index: -1;
    top: 114px;
    right: 0;
    left: 0;
    height: 280px;
    content: "";
    background: url("../images/member/bg_vipzone.jpg") repeat-x
}

#contents.contents_vipzone > .vip_title {
    margin-bottom: 50px;
    text-align: center
}

.contents_vip > .vip_title {
    margin-bottom: 50px;
    text-align: center
}

.contents_vip .txt_list_wrap {
    margin-top: 60px
}

.contents_vip:before {
    position: absolute;
    z-index: -1;
    top: -10px;
    right: -200%;
    left: -200%;
    height: 280px;
    content: "";
    background: url("../../Content/images/member/bg_vipzone.jpg") repeat-x
}

#contents .contents_vip > .vip_title img {
    margin-top: 20px
}

.contents_vip__todo {
    overflow: hidden
}

    .contents_vip__todo:before {
        position: absolute;
        z-index: -1;
        top: 0;
        right: -200%;
        left: -200%;
        height: 280px;
        min-width: 1980px;
        content: "";
        background: #e7e0c9 url("../images/mypage/bg_vipzone_2026.jpg") 50% 0 no-repeat;
        overflow: hidden
    }

    .contents_vip__todo .vip_title {
        margin-top: 74px;
        margin-bottom: 50px
    }

        .contents_vip__todo .vip_title svg {
            vertical-align: top
        }

.vip_top_infor {
    position: relative;
    overflow: hidden;
    margin: 0 auto 50px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 10px 10px rgba(0,0,0,.1)
}

    .vip_top_infor .mypage_box {
        float: none;
        width: auto;
        height: auto;
        min-height: inherit;
        margin-bottom: 40px;
        padding: 0 162px
    }

        .vip_top_infor .mypage_box .my_info {
            padding: 37px 0 0 0
        }

            .vip_top_infor .mypage_box .my_info .profile_img {
                top: 30px;
                left: 0;
                display: none
            }

            .vip_top_infor .mypage_box .my_info .name strong {
                vertical-align: middle
            }

            .vip_top_infor .mypage_box .my_info .name span {
                vertical-align: middle
            }

            .vip_top_infor .mypage_box .my_info .name [class*=txt_rank] {
                margin-top: 1px;
                padding: 0 10px
            }

.contents_vip__todo .vip_top_infor .mypage_box .my_info .name {
    display: flex;
    align-items: center
}

    .contents_vip__todo .vip_top_infor .mypage_box .my_info .name strong {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.35;
        letter-spacing: -0.03em;
        margin-right: 0
    }

.contents_vip__todo [class*=txt_rank] {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-top: 0 !important;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top
}

.vip_top_infor .mypage_box .my_info .btn_txt_list {
    position: absolute;
    top: -25px;
    right: 0;
    margin-left: 0;
    border: 0
}

.vip_top_infor .mypage_box .bx_grade {
    margin-top: 0;
    padding: 0
}

.vip_top_infor .btn_wrap {
    font-size: 0;
    position: relative;
    height: 66px;
    margin-top: 26px;
    border-top: 1px solid #eee
}

    .vip_top_infor .btn_wrap:after {
        position: absolute;
        top: 23px;
        left: 50%;
        width: 1px;
        height: 20px;
        content: "";
        background-color: #ddd
    }

    .vip_top_infor .btn_wrap > * {
        font-size: 15px;
        line-height: 66px;
        display: inline-block;
        width: 50%;
        height: 100%;
        text-align: center;
        border: 0
    }

        .vip_top_infor .btn_wrap > * .btn_txt_edit {
            font-size: inherit;
            font-weight: bold
        }

.vip_top_infor .nomem_page_box {
    margin: 40px 38px 62px
}

    .vip_top_infor .nomem_page_box .user_info .bx_con {
        margin-bottom: 20px;
        text-align: center
    }

        .vip_top_infor .nomem_page_box .user_info .bx_con .profile_img {
            display: none;
            overflow: hidden;
            width: 75px;
            height: 75px;
            margin: 0 auto 8px
        }

        .vip_top_infor .nomem_page_box .user_info .bx_con .txt {
            font-size: 18px;
            line-height: 1.4;
            margin-bottom: 10px;
            color: #666
        }

            .vip_top_infor .nomem_page_box .user_info .bx_con .txt strong {
                font-weight: bold;
                color: #000
            }

    .vip_top_infor .nomem_page_box .user_info .bx_btm {
        position: relative;
        text-align: center
    }

        .vip_top_infor .nomem_page_box .user_info .bx_btm .btn_lnk2 {
            position: absolute;
            right: 0;
            bottom: 0
        }

.rank_2020_wrap {
    margin-top: 50px
}

    .rank_2020_wrap > .tit {
        font-size: 18px
    }

    .rank_2020_wrap .rank_2020_list {
        position: relative;
        margin-top: 20px;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #eee
    }

        .rank_2020_wrap .rank_2020_list::before {
            position: absolute;
            top: 79px;
            left: 0;
            width: 100%;
            height: 1px;
            content: "";
            background-color: #bbb
        }

        .rank_2020_wrap .rank_2020_list::after {
            display: block;
            clear: both;
            content: ""
        }

        .rank_2020_wrap .rank_2020_list dl {
            float: left;
            width: 25%;
            text-align: center
        }

            .rank_2020_wrap .rank_2020_list dl dt {
                margin-bottom: 16px;
                padding-top: 40px
            }

            .rank_2020_wrap .rank_2020_list dl dd {
                font-size: 15px;
                padding: 28px 0
            }

                .rank_2020_wrap .rank_2020_list dl dd em {
                    font-family: "Roboto"
                }

            .rank_2020_wrap .rank_2020_list dl .ic_2020_gold + dd {
                padding-top: 18px;
                padding-bottom: 4px
            }

            .rank_2020_wrap .rank_2020_list dl dd ~ dd {
                padding: 0
            }

    .rank_2020_wrap .rank_2020_list_ty2 {
        position: relative;
        margin-top: 20px;
        border-top: 1px solid #bbb
    }

        .rank_2020_wrap .rank_2020_list_ty2::before {
            position: absolute;
            top: 79px;
            left: 0;
            width: 100%;
            height: 1px;
            content: "";
            background-color: #bbb
        }

        .rank_2020_wrap .rank_2020_list_ty2::after {
            display: block;
            clear: both;
            content: ""
        }

        .rank_2020_wrap .rank_2020_list_ty2 dl {
            float: left;
            width: 22%;
            text-align: center
        }

            .rank_2020_wrap .rank_2020_list_ty2 dl.tit {
                width: 12%
            }

            .rank_2020_wrap .rank_2020_list_ty2 dl dt {
                margin-bottom: 16px;
                padding-top: 40px
            }

            .rank_2020_wrap .rank_2020_list_ty2 dl dd {
                font-size: 15px;
                padding: 28px 0;
                border-bottom: 1px solid #eee
            }

                .rank_2020_wrap .rank_2020_list_ty2 dl dd em {
                    font-family: "Roboto"
                }

.section_vip_classic {
    margin-top: 50px
}

.section_vip_classic--table {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    table-layout: fixed;
    width: 100%;
    text-align: center;
    box-sizing: border-box
}

h3.text_body_1 + .section_vip_classic--table {
    margin-top: 16px
}

.section_vip_classic--table thead th {
    height: 78px;
    border-color: #b2b2b2
}

.section_vip_classic--table tbody th, .section_vip_classic--table tbody td {
    padding-top: 24px;
    padding-bottom: 24px;
    height: 68px
}

.section_vip_classic--table th, .section_vip_classic--table td {
    box-sizing: border-box;
    border-width: 1px 0;
    border-style: solid;
    border-color: #eee
}

.vipnomember_box {
    margin: 18px 0 40px 0;
    padding: 30px 0;
    text-align: center;
    opacity: .9;
    border-radius: 5px;
    background-color: #f5f5f5
}

    .vipnomember_box .tip {
        font-size: 18px;
        margin-top: 15px;
        color: #000
    }

.benefit_wrap {
    margin-top: 60px
}

    .benefit_wrap > .tit {
        font-size: 18px
    }

    .benefit_wrap .benefit_box {
        margin-top: 60px
    }

        .benefit_wrap .benefit_box::after {
            display: block;
            clear: both;
            content: ""
        }

        .benefit_wrap .benefit_box > li {
            font-size: 12px;
            position: relative;
            float: left;
            box-sizing: border-box;
            width: 314px;
            padding: 56px 25px 30px;
            border: 1px solid #ddd;
            border-radius: 4px;
            background-color: #f8f8f8
        }

            .benefit_wrap .benefit_box > li ~ li {
                margin-left: 19px
            }

        .benefit_wrap .benefit_box .benefit .tit {
            font-size: 15px;
            padding-bottom: 8px;
            border-bottom: 1px solid #000
        }

            .benefit_wrap .benefit_box .benefit .tit span {
                font-size: 11px;
                margin-left: 5px
            }

        .benefit_wrap .benefit_box .benefit .list {
            padding-right: 12px;
            padding-left: 6px
        }

        .benefit_wrap .benefit_box strong + .benefit .tit + .list {
            min-height: 83px
        }

        .benefit_wrap .benefit_box .benefit .tit + .list {
            padding-top: 12px
        }

        .benefit_wrap .benefit_box .benefit .list + .list {
            min-height: 54px
        }

        .benefit_wrap .benefit_box .benefit + .benefit {
            margin-top: 28px
        }

        .benefit_wrap .benefit_box .benefit .list li {
            line-height: 25px;
            position: relative
        }

            .benefit_wrap .benefit_box .benefit .list li ~ li {
                margin-top: 4px
            }

        .benefit_wrap .benefit_box .benefit .list strong {
            font-size: 13px
        }

            .benefit_wrap .benefit_box .benefit .list strong::before {
                display: inline-block;
                padding-right: 4px;
                content: "·"
            }

        .benefit_wrap .benefit_box .benefit .list span {
            font-size: 13px;
            position: absolute;
            top: 0;
            right: 0
        }

            .benefit_wrap .benefit_box .benefit .list span::before {
                position: absolute;
                top: 7px;
                right: 45px;
                width: 11px;
                height: 11px;
                content: "";
                background: url("../images/icon/cross_11.png") no-repeat
            }

            .benefit_wrap .benefit_box .benefit .list span em {
                font-family: "Roboto";
                font-size: 18px
            }

        .benefit_wrap .benefit_box .benefit .list ~ .list {
            margin-top: 20px;
            padding-top: 22px;
            border-top: 1px dashed #ddd
        }

.contents_vipzone .txt_list_wrap {
    margin-top: 60px
}

.mypage_event_box {
    height: 240px;
    margin-top: 100px;
    padding-left: 110px;
    background: url("../images/member/bg_vip_event.jpg") no-repeat
}

    .mypage_event_box::after {
        display: block;
        clear: both;
        content: ""
    }

    .mypage_event_box li {
        float: left;
        width: 140px
    }

        .mypage_event_box li ~ li {
            margin-left: 140px
        }

        .mypage_event_box li:first-child + li + li {
            width: 196px
        }

        .mypage_event_box li a {
            position: relative;
            display: block;
            padding-top: 110px;
            padding-left: 6spx
        }

        .mypage_event_box li em {
            font-family: "Roboto";
            letter-spacing: 0
        }

        .mypage_event_box li .thm {
            position: absolute;
            top: -40px;
            left: 0
        }

        .mypage_event_box li .num {
            font-size: 11px;
            line-height: 17px;
            display: block;
            width: 42px;
            height: 17px;
            text-align: center;
            color: #fff;
            background-color: #786d4c
        }

        .mypage_event_box li .cont {
            font-size: 16px;
            line-height: 20px;
            margin-top: 8px;
            letter-spacing: -0.5px
        }

            .mypage_event_box li .cont .tip {
                font-family: "Roboto";
                font-size: 11px;
                display: block;
                margin-top: 8px;
                letter-spacing: 0
            }

.my_rank_history {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 30px 32px;
    border: 1px solid #333;
    border-radius: 4px
}

    .my_rank_history > ul::after {
        display: block;
        clear: both;
        content: ""
    }

    .my_rank_history > ul > li {
        float: left;
        padding-top: 3px;
        text-align: center
    }

        .my_rank_history > ul > li ~ li {
            position: relative;
            margin-left: 40px
        }

            .my_rank_history > ul > li ~ li:after {
                position: absolute;
                top: 0;
                left: -20px;
                width: 1px;
                height: 140px;
                content: "";
                background-color: #eee
            }

        .my_rank_history > ul > li .year {
            font-family: "Roboto";
            font-size: 15px
        }

        .my_rank_history > ul > li [class*=rankbox_] {
            margin-top: 10px;
            margin-bottom: 0
        }

        .my_rank_history > ul > li .sum {
            display: block;
            margin-top: 28px
        }

    .my_rank_history .tip {
        font-size: 12px;
        margin-top: 20px;
        text-align: center;
        color: #666
    }

.vip_saving_list {
    margin: 40px auto 0
}

    .vip_saving_list .list_top_area {
        position: relative
    }

        .vip_saving_list .list_top_area > .tit {
            font-size: 15px
        }

        .vip_saving_list .list_top_area > .infor {
            margin-top: 8px
        }

            .vip_saving_list .list_top_area > .infor::after {
                display: block;
                clear: both;
                content: ""
            }

            .vip_saving_list .list_top_area > .infor li {
                font-size: 13px;
                position: relative;
                float: left
            }

                .vip_saving_list .list_top_area > .infor li ~ li {
                    margin-left: 20px
                }

                    .vip_saving_list .list_top_area > .infor li ~ li::before {
                        position: absolute;
                        top: 50%;
                        left: -10px;
                        width: 1px;
                        height: 10px;
                        margin-top: -5px;
                        content: "";
                        background-color: #ddd
                    }

                .vip_saving_list .list_top_area > .infor li span {
                    display: inline-block;
                    margin-right: 6px;
                    color: #666
                }

                .vip_saving_list .list_top_area > .infor li em {
                    font-family: "Roboto"
                }

        .vip_saving_list .list_top_area select {
            position: absolute;
            top: 0;
            right: 0
        }

    .vip_saving_list .saving_list {
        margin-top: 10px;
        border-top: 1px solid #999
    }

        .vip_saving_list .saving_list li {
            position: relative;
            box-sizing: border-box;
            height: 65px;
            padding: 18px 10px 10px;
            border-bottom: 1px solid #eee
        }

            .vip_saving_list .saving_list li .date {
                font-family: "Roboto";
                font-size: 11px;
                display: block
            }

            .vip_saving_list .saving_list li .tit {
                font-size: 13px;
                display: block;
                margin-top: 6px
            }

            .vip_saving_list .saving_list li .sum {
                font-size: 13px;
                position: absolute;
                top: 50%;
                right: 10px;
                margin-top: -9px
            }

    .vip_saving_list + .notice_box h6 {
        font-weight: bold;
        margin-top: 30px
    }

        .vip_saving_list + .notice_box h6.first {
            margin-top: 0
        }

.aniversary_box {
    padding: 0 10px
}

    .aniversary_box .txt {
        font-size: 15px
    }

    .aniversary_box .date_box {
        font-size: 0;
        margin-top: 10px
    }

        .aniversary_box .date_box select.ty3 {
            width: 106px
        }

            .aniversary_box .date_box select.ty3 ~ select.ty3 {
                margin-left: 5px
            }

    .aniversary_box + .btn_btm_wrap {
        margin-top: 10px
    }

.vip_coupon_box [class*=rankbox_] {
    margin: 0 auto 6px
}

.vip_coupon_box .tit {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    margin-top: 20px;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vip_coupon_box .txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    color: rgba(102, 102, 102, var(--text-opacity));
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px
}

.vip_coupon_box .txt_ty2 {
    font-size: 12px;
    display: block;
    margin-top: 4px;
    text-align: center;
    color: #666
}

.vip_coupon_box .txt em {
    font-family: "Roboto"
}

.total_coupon {
    font-size: 0;
    line-height: 40px;
    position: relative;
    width: 300px;
    height: 40px;
    margin: 15px auto 0;
    border-radius: 4px;
    background-color: #fafafa
}

    .total_coupon::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1px;
        height: 13px;
        margin-top: -6px;
        content: "";
        background-color: #ddd
    }

    .total_coupon .coupon {
        font-size: 13px;
        display: inline-block;
        width: 50%;
        text-align: center
    }

        .total_coupon .coupon em {
            font-family: "Roboto";
            font-size: 11px
        }

.benefit_list_box .tit_area {
    font-size: 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #000
}

.layer_wrap__todo .benefit_list_box .tit_area {
    margin-top: 30px
}

    .layer_wrap__todo .benefit_list_box .tit_area.type2 {
        margin-bottom: 8px
    }

.benefit_list_box .tit_area strong {
    font-size: 15px
}

.benefit_list_box .tit_area span {
    font-size: 11px;
    margin-left: 5px;
    color: #666
}

.benefit_list_box .tooltip_qs_box .tooltip {
    top: auto;
    bottom: 45px;
    left: -31px
}

.basic_list dl {
    position: relative;
    box-sizing: border-box;
    min-height: 80px;
    padding: 12px 15px 12px 95px;
    border-bottom: 1px dashed #ddd
}

.layer_wrap__todo .basic_list dl {
    padding-top: 20px;
    padding-right: 26px;
    padding-bottom: 20px;
    padding-left: 91px
}

.basic_list dl dt {
    position: absolute;
    top: 50%;
    left: 15px;
    height: 57px;
    margin-top: -28px;
    text-align: center
}

.layer_wrap__todo .basic_list dl dt {
    left: 26px
}

.basic_list dl dt span {
    font-size: 11px;
    display: block;
    margin-top: 5px;
    opacity: .3
}

.basic_list dl dd {
    line-height: 25px;
    position: relative
}

    .basic_list dl dd ~ dd {
        margin-top: 3px
    }

    .basic_list dl dd:last-child {
        margin-bottom: 0
    }

    .basic_list dl dd:before {
        margin-right: 2px;
        content: "·"
    }

    .basic_list dl dd .coupon {
        font-size: 13px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em;
        color: #000
    }

.benefit_list_box .quantity {
    font-size: 13px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px
}

    .benefit_list_box .quantity em {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em;
        margin-right: 2px;
        color: #ff7787
    }

    .benefit_list_box .quantity::before {
        position: absolute;
        top: 50%;
        right: 45px;
        width: 11px;
        height: 11px;
        margin-top: -6px;
        content: "";
        background: url("../images/icon/cross_11.png") no-repeat
    }

.layer_wrap__todo .benefit_list_box .quantity::before {
    display: none
}

.benefit_list_box .choice_chk_list > li {
    font-size: 13px;
    line-height: 45px;
    position: relative;
    padding: 0 15px;
    border-bottom: 1px dashed #ddd
}

.benefit_list_box .choice_chk_list .quantity {
    right: 15px;
    margin-top: -23px
}

.benefit_list_box .choice_chk_list label {
    color: #666
}

.benefit_list_box .choice_chk_list .tooltip_box {
    margin-left: 4px
}

.benefit_list_box .tooltip_box .tooltip {
    top: auto;
    bottom: 45px;
    left: 0;
    width: 350px
}

.benefit_list_box {
    margin-top: 30px
}

.layer_wrap__renewal .benefit_list_box .tit_area {
    margin-top: 30px
}

.layer_wrap__renewal .benefit_list_box .quantity::before {
    display: none
}

.basic_list.type1 dl {
    position: relative;
    box-sizing: border-box;
    min-height: 80px;
    padding: 12px 15px 12px 75px;
    border-bottom: 1px dashed #ddd
}

    .basic_list.type1 dl dt {
        position: absolute;
        top: 50%;
        left: 15px;
        height: 57px;
        margin-top: -28px;
        text-align: center
    }

        .basic_list.type1 dl dt span {
            font-size: 11px;
            display: block;
            margin-top: 5px;
            opacity: .3
        }

    .basic_list.type1 dl dd {
        line-height: 22px;
        position: relative
    }

        .basic_list.type1 dl dd ~ dd {
            margin-top: 3px
        }

        .basic_list.type1 dl dd:last-child {
            margin-bottom: 0
        }

        .basic_list.type1 dl dd:before {
            margin-right: 0;
            content: "·"
        }

        .basic_list.type1 dl dd.bgnone:before {
            margin-right: 0;
            content: ""
        }

        .basic_list.type1 dl dd.not_blt:before {
            display: none
        }

        .basic_list.type1 dl dd .coupon {
            font-size: 12px;
            color: #666
        }

.basic_list.type1 .lefticon {
    width: 80%
}

.benefit_list_box .basic_list.type1 .quantity {
    font-size: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px
}

    .benefit_list_box .basic_list.type1 .quantity em {
        font-family: "Roboto";
        font-size: 17px;
        margin-top: -1px
    }

    .benefit_list_box .basic_list.type1 .quantity.bgnone em {
        margin-right: -1px
    }

    .benefit_list_box .basic_list.type1 .quantity::before {
        position: absolute;
        top: 58%;
        right: 25px;
        width: 11px;
        height: 11px;
        margin-top: -6px;
        content: "";
        background: url("../../Content/images/icon/cross_11.png") no-repeat;
        background-size: 90%
    }

    .benefit_list_box .basic_list.type1 .quantity.bgnone:before {
        background: none
    }

.benefit_list_box .quantity.bgnone::before {
    background: none
}

.benefit_list_box .tit_area.type2 {
    padding-bottom: 0;
    border-bottom: 0
}

.benefit_list_box .basic_list.type2 .quantity em {
    margin-right: 2px;
    color: #ff7787
}

.error_box {
    margin: 100px 0;
    text-align: center
}

    .error_box .txt_info {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 36px;
        padding-top: 108px;
        color: #666;
        background: url("../../Content/images/icon/nodata_80_01.png") no-repeat 50% 0
    }

        .error_box .txt_info strong {
            font-size: 24px;
            display: block;
            margin-bottom: 10px;
            color: #000
        }

        .error_box .txt_info em {
            font-weight: normal
        }

        .error_box .txt_info .point {
            color: #ff243e
        }

    .error_box .btn_wrap a {
        margin: 0 3px
    }

.change_info_box .inner_con {
    width: 980px;
    margin: 0 auto;
    padding: 50px 0
}

.change_info_box .tit_info {
    font-size: 18px;
    font-weight: bold;
    line-height: 58px;
    height: 58px;
    padding: 0 30px;
    color: #cdc197;
    background: #292e34
}

.change_info_box .con_box {
    padding: 40px 30px;
    border: 1px solid #292e34;
    background: #f8f8f8
}

.change_info_box .info_txt {
    font-size: 14px;
    margin-bottom: 20px
}

.change_info_box .info_txt2 {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px
}

.change_info_box .sub_txt {
    display: block;
    float: right;
    margin-top: -20px;
    color: #ff243e
}

    .change_info_box .sub_txt em {
        display: inline-block;
        vertical-align: -4px
    }

.change_info_box .form_box {
    padding: 10px 30px;
    border: 1px solid #999;
    border-right: none;
    border-left: none;
    background: #fff
}

.change_info_box .btn_wrap {
    margin: 20px 0;
    text-align: center
}

.change_info_box .list_bdr_box {
    padding: 0;
    border: none
}

.change_info_box .tbl_write th label {
    position: relative;
    padding-right: 10px
}

    .change_info_box .tbl_write th label .txt_required {
        position: absolute !important;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        width: 1px;
        height: 1px
    }

    .change_info_box .tbl_write th label:before {
        position: absolute;
        top: 6px;
        right: 0;
        display: block;
        content: "*";
        color: #ff243e
    }
/* 약관동의 ========================================================================================= */
.privacy_wrap {
    max-height: 999999px;
    background: #f9f6ec;
    min-height: 400px;
}

    .privacy_wrap .txtarea > .color_red {
        font-size: 16px;
    }
/* 2019.12.31 정진호 */
.privacy_con {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 0 40px;
}

    .privacy_con .pTBx {
        margin-bottom: 30px;
        overflow: hidden;
        width: 100%;
    }

    .privacy_con.mail {
        text-align: center;
    }

.selbox_userterms {
    position: absolute;
    top: 50px;
    right: 0;
}

    .selbox_userterms .btnv_pick {
        border: 1px solid #dedede;
    }
/* privacy_con */
.privacy_con .pTBx .privacy_date {
    right: 85px
}

.privacy_con h2.privacy_tit {
    padding-bottom: 0;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 38px;
    font-size: 2em;
    color: #000;
}

.privacy_con h3.privacy_tit {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
}

.privacy_con h3.privacy_tit2,
.privacy_con h4.privacy_tit {
    padding-top: 82px;
    font-size: 15px;
    color: #000;
    line-height: 24px;
    margin: 0 0 10px 0;
    font-weight: bold;
}

.privacy_con h4.privacy_tit2,
.privacy_con h5.privacy_tit,
.privacy_con h6.privacy_tit {
    font-size: 14px;
    color: #000;
    line-height: 24px;
    padding-left: 20px;
    margin-bottom: 10px;
}

.privacy_con .privacy_date {
    position: absolute;
    top: 50px;
    right: 0;
    padding: 6px 14px;
}

.privacy_con .default_txt {
    font-size: 13px;
    line-height: 22px;
    color: #000;
    margin-bottom: 0px !important;
}

    .privacy_con .default_txt.type2 {
        margin-left: 20px;
        text-indent: 0
    }

.privacy_con .default_txt2 {
    font-size: 15px;
    line-height: 22px;
    color: #000;
    margin-bottom: 30px !important;
}

.privacy_con .default_nomargin {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 10px;
}

    .privacy_con .default_nomargin.type2 {
        margin-left: 20px;
        text-indent: 0px;
    }

.privacy_con .default_nomargin2 {
    padding-left: 20px;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 10px;
}

.privacy_con ol.default_nomargin2 {
    margin-bottom: 42px;
}

.privacy_con .default_nomargin3 {
    font-size: 14px;
    line-height: 22px;
}

    .privacy_con .default_nomargin3 li {
        padding-bottom: 0;
        margin-left: 12px;
        text-indent: -12px;
    }

        .privacy_con .default_nomargin3 li:last-child {
            padding-bottom: 0
        }

        .privacy_con .default_nomargin3 li > ul {
            margin: 10px;
        }

.privacy_con .privacy_listbox {
    background: #F8F8F8;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 26px 30px;
    border: 1px solid #D8D8D8;
    margin-bottom: 36px;
    border-radius: 4px;
}

    .privacy_con .privacy_listbox ol {
        float: left;
    }

        .privacy_con .privacy_listbox ol:first-child {
            width: 489px;
        }

    .privacy_con .privacy_listbox a.on {
        font-weight: bold;
        color: #000;
    }

    .privacy_con .privacy_listbox a {
        font-size: 15px;
        line-height: 33px;
        color: #000;
    }

.privacy_con .privacy_list {
    padding-left: 40px;
    margin-bottom: 10px;
}

ol.default_txt > li ul.privacy_list {
    padding-left: 20px;
}

    ol.default_txt > li ul.privacy_list li {
        margin-left: 0;
        text-indent: 0
    }

.privacy_con .privacy_list2 {
    padding-left: 20px;
    margin-bottom: 10px;
}

    .privacy_con .privacy_list li,
    .privacy_con .privacy_list2 li {
        font-size: 13px;
        line-height: 24px;
        color: #000;
    }

        .privacy_con .privacy_list li strong,
        .privacy_con .privacy_list2 li strong {
            font-weight: bold;
        }

.privacy_con .version dt {
    margin-top: 10px;
}

.privacy_con .privacy_list li .pl18 {
    display: block;
    padding-left: 18px;
}
/* privacy_tb */
.privacy_tb {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #dedede;
    margin-bottom: 50px;
}

    .privacy_tb tbody th,
    .privacy_tb tbody td {
        padding: 10px 0;
        font-weight: normal;
        vertical-align: middle;
        font-size: 13px;
    }

    .privacy_tb thead th {
        line-height: 33px;
        border-bottom: 1px solid #BBB;
        color: #000;
        font-size: 15px;
        font-weight: bold;
    }

    .privacy_tb tbody tr > td:first-child {
        text-align: center;
    }

    .privacy_tb .border_bottom {
        border-bottom: 1px solid #dedede;
    }

    .privacy_tb .border_top {
        border-top: 1px solid #dedede;
    }

    .privacy_tb .center th,
    .privacy_tb .center td {
        text-align: center;
    }

.privacy_con .table_comment {
    margin-top: -40px;
    font-size: 12px;
    color: #000;
    margin-bottom: 50px;
}

.privacy_tb.tbp2 th {
    border-left: 1px solid #dedede;
}

.privacy_tb.tbp2 td {
    border-left: 1px solid #dedede;
    text-align: left;
    padding-left: 40px;
    border-bottom: 1px solid #dedede;
}

.privacy_tb.tbp2 tbody tr > td:first-child {
    text-align: left;
    border-left: none;
}

.privacy_tb.tbp2 thead tr > th:first-child {
    border-left: none;
}

.privacy_tb.tbp3 th { /*border-left:1px solid #dedede; */
    padding: 10px 10px;
    line-height: 24px
}

.privacy_tb.tbp3 td {
    border-left: 1px solid #EEE;
    text-align: left;
    padding: 10px 10px;
    border-bottom: 1px solid #EEE;
}

.privacy_tb.tbp3 thead.center th, .privacy_tb.tbp3 tbody.center td {
    text-align: center;
    word-break: keep-all;
}

.privacy_tb.tbp3 tbody tr > td:first-child {
    border-left: none;
}

.privacy_tb.tbp3 thead tr > th:first-child {
    border-left: none;
}

.privacy_tb.tbp3 thead.center th.txtleft, .privacy_tb.tbp3 tbody.center td.txtleft {
    text-align: left
}

.privacy_tb.tbp3 td.txtcenter {
    text-align: center !important
}

.privacy_tb.tbp3 th.bdleft1, .privacy_tb.tbp3 td:first-child.bdleft1, .privacy_tb.tbp3 th.bdleft1, .privacy_tb.tbp3 td.bdleft1 {
    border-left: 1px solid #dedede
}

.privacy_tb.tbp3 th.bdleftee, .privacy_tb.tbp3 td:first-child.bdleftee, .privacy_tb.tbp3 th.bdleftee, .privacy_tb.tbp3 td.bdleftee {
    border-left: 1px solid #eee
}
/* 팝업 */
.layer_wrap.active.layer_agree_term {
    width: 1080px;
    height: 800px;
}

.layer_wrap.layer_agree_term .layer_contents {
    padding: 0;
    overflow: auto;
    height: 700px;
}

.layer_wrap.layer_agree_term .tit {
    margin-left: 32px;
    text-align: left;
}

    .layer_wrap.layer_agree_term .tit em {
        margin-left: 10px;
        font-size: 15px;
    }

.layer_wrap.layer_agree_term .privacy_con {
    padding: 30px 30px;
    max-width: 100%
}
/* 개인정보처리방침 */
.privacy_con .pl10 {
    padding-left: 10px !important;
}

.privacy_con .pl20 {
    padding-left: 20px !important;
}

.privacy_con .pl18 {
    padding-left: 18px !important;
}

.privacy_con .mb10 {
    margin-bottom: 10px !important;
}

.privacy_con .mt10 {
    margin-top: 10px !important;
}
/* 이메일무단수집거부 */
.email_notCollect_con .box_con {
    padding: 105px 0;
    border-radius: 4px;
    background: #F8F8F8;
    font-size: 15px;
    border: 1px solid #D8D8D8;
    text-align: center;
}

    .email_notCollect_con .box_con strong {
        display: block;
        margin-bottom: 20px;
        font-size: 22px;
    }

    .email_notCollect_con .box_con p {
        margin-top: 10px;
        line-height: 1.2
    }

        .email_notCollect_con .box_con p:first-child {
            margin-top: 0
        }
/* 영상정보처리기기 운영·관리 방침 */
.videoMgr_policy_con .privacy_tb {
    border-bottom: 1px solid #EEEEEE
}

    .videoMgr_policy_con .privacy_tb tbody tr td, .videoMgr_policy_con .privacy_tb tbody tr th {
        padding: 12px 20px;
        border-top: 1px solid #EEEEEE;
        border-left: 1px solid #EEE;
    }

        .videoMgr_policy_con .privacy_tb tbody tr td:first-child, .videoMgr_policy_con .privacy_tb tbody tr th:first-child {
            border-left: none;
        }

th.tbleft1, td:first-child.tbleft1, td.tbleft1 {
    border-left: 1px solid #eee !important;
}

.login_notice {
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: 16px
}

.login_notice--headline {
    text-align: center
}

.login_notice--deck {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375;
    letter-spacing: -0.03em
}

.login_notice--title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.03em;
    display: block
}

.login_notice--note {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333;
    letter-spacing: -0.03em;
    color: #666
}

.login_notice--title + .login_notice--note {
    margin-top: 8px
}

.login_notice--box {
    background: #f8f8f8;
    padding: 20px 12px;
    margin-top: 24px
}

.login_notice--info {
    display: flex;
    justify-content: center
}

    .login_notice--info dd {
        margin-left: 6px;
        padding-top: 3px;
        text-align: left
    }

.login_notice--chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 26px;
    background: #6769d3;
    padding: 4px 10px;
    border-radius: 100px;
    color: #fff;
    font-style: normal
}

.login_notice--subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4286;
    letter-spacing: -0.03em;
    margin-top: 16px;
    margin-bottom: 16px
}

.login_notice--guide--item {
    display: flex;
    justify-content: space-between
}

    .login_notice--guide--item + .login_notice--guide--item {
        margin-top: 16px
    }

.login_notice--guide--icon {
    background: #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px
}

.login_notice--guide--desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333;
    letter-spacing: -0.03em;
    margin-left: 8px;
    flex: 1
}

    .login_notice--guide--desc dt {
        display: flex;
        align-items: center;
        min-height: 16px
    }

    .login_notice--guide--desc dd {
        margin-top: 4px
    }
/* 결제 ========================================================================================= */
/* fieldset_wrap  */
.fieldset_wrap {
    margin: 20px 0;
}

    .fieldset_wrap:first-child {
        margin-top: 0;
    }

    .fieldset_wrap.bdr {
        border-bottom: 5px solid #EEE;
    }

    .fieldset_wrap > .flex_btn {
        margin-bottom: 0;
    }

    .fieldset_wrap .fieldset_box {
        margin-top: 30px;
        padding: 0;
    }

        .fieldset_wrap .fieldset_box:first-child {
            margin-top: 0;
        }

.fieldset_box {
    padding: 24px 18px 30px;
}

    .fieldset_box.pad0 {
        padding: 0;
    }

    .fieldset_box .tit {
        margin-bottom: 10px;
        color: #000;
        font-size: 15px;
    }

    .fieldset_box .tit_area {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: 10px;
    }

        .fieldset_box .tit_area strong {
            font-size: 15px;
        }

            .fieldset_box .tit_area strong em {
                font-size: 10px;
            }

        .fieldset_box .tit_area span {
            font-size: 10px;
        }

            .fieldset_box .tit_area span em {
                color: #FF243E;
            }

        .fieldset_box .tit_area .big {
            font-size: 15px;
        }

        .fieldset_box .tit_area + .nodata {
            margin-top: 18px;
        }

    .fieldset_box .array_box {
        margin-top: 0;
    }

    .fieldset_box .ip_box {
        margin-bottom: 13px;
    }

        .fieldset_box .ip_box .ip_radio {
            margin-right: 15px;
        }

    .fieldset_box .ip_txt input {
        font-size: 13px;
    }

    .fieldset_box .ip_txt.timer {
        position: relative;
    }

        .fieldset_box .ip_txt.timer .txt_timer {
            position: absolute;
            right: 15px;
            top: 0;
            color: #666;
            line-height: 45px;
            font-size: 13px;
        }

    .fieldset_box .txt {
        margin-bottom: 8px;
        font-size: 10px;
    }

        .fieldset_box .txt:last-child {
            margin-bottom: 0;
        }

    .fieldset_box .bx_inp_type {
        margin-bottom: 10px;
    }

        .fieldset_box .bx_inp_type:last-child {
            margin-bottom: 0;
        }

        .fieldset_box .bx_inp_type .ip_txt {
            margin-bottom: 0;
        }

        .fieldset_box .bx_inp_type .count_box {
            margin-bottom: 0;
        }

    .fieldset_box .tab_con_wrap {
        margin-bottom: 10px;
    }

        .fieldset_box .tab_con_wrap .input_type2 {
            margin-bottom: 0;
        }

    .fieldset_box .input_type2 li:nth-of-type(1n+2) {
        margin-top: 10px;
    }

    .fieldset_box .notice_list li {
        font-size: 12px;
        font-weight: 100;
    }

        .fieldset_box .notice_list li:nth-of-type(1n+2) {
            margin-top: 5px;
        }

    .fieldset_box > .btn_btm_wrap {
        margin: 10px 0 0;
    }

    .fieldset_box .point_price {
        display: flex;
        justify-content: space-between;
        height: 34px;
        line-height: 34px;
        color: #000;
        border-top: 1px solid #eee;
    }

        .fieldset_box .point_price.non_bdr {
            border-top: none;
        }

        .fieldset_box .point_price strong {
            font-size: 13px;
        }

            .fieldset_box .point_price strong > span {
                font-weight: bold;
            }

        .fieldset_box .point_price em {
            font-size: 13px;
            font-family: "Roboto";
        }

        .fieldset_box .point_price span {
            font-size: 10px;
        }

        .fieldset_box .point_price.total {
            padding-top: 0;
            border-top: 0;
        }

            .fieldset_box .point_price.total strong {
                font-size: 15px;
            }

            .fieldset_box .point_price.total span {
                font-size: 13px;
            }

            .fieldset_box .point_price.total em {
                color: #2AA3FE;
                font-size: 15px;
            }

            .fieldset_box .point_price.total .not_colr {
                color: #000;
            }

    .fieldset_box .btn_btm_wrap + .point_price.total {
        margin-top: 20px;
    }

    .fieldset_box select {
        height: 45px
    }

    .fieldset_box input[type=text], .fieldset_box input[type=password], .fieldset_box input[type=text], .fieldset_box input[type=number], .fieldset_box input[type=tel] {
        line-height: 45px;
        box-sizing: border-box;
        width: 100%;
        height: 45px;
        padding: 0 15px;
        border-radius: 4px;
        background: #f8f8f8
    }

    .fieldset_box input:-moz-read-only {
        color: #000
    }

    .fieldset_box input:read-only {
        color: #000
    }

    .fieldset_box input[type=checkbox] + label.ty2:before {
        position: absolute;
        top: 20px;
        right: 15px
    }

    .fieldset_box .expansion input[type=checkbox] + label.ty2:before {
        position: static;
        top: auto;
        right: auto
    }

    .fieldset_box input[type=checkbox] + label.ty2.disabled:before {
        display: none
    }
    /* scroll */
    .fieldset_box .bx_list_scroll {
        overflow-y: scroll;
        height: 124px;
        margin: 10px 0;
    }

.bx_inp_type:after {
    content: "";
    display: block;
    clear: both;
}

.bx_inp_type > .ip_txt {
    position: relative;
    float: left;
    width: 64%;
}

.bx_inp_type > a,
.bx_inp_type > button {
    float: left;
    width: 33%;
    margin-left: 3%;
    padding: 0 5px;
    white-space: nowrap;
}

.bx_inp_type.dual .ip_txt {
    margin: 0;
    width: 47%;
}

    .bx_inp_type.dual .ip_txt:nth-child(2) {
        position: relative;
        margin-left: 6%;
    }

        .bx_inp_type.dual .ip_txt:nth-child(2)::before {
            content: "/";
            position: absolute;
            left: -11px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 14px;
            font-family: "Roboto";
        }
/* 전화번호 */
.bx_phone {
    margin: 10px 0;
}

    .bx_phone:after {
        content: "";
        display: block;
        clear: both;
    }

    .bx_phone select {
        float: left;
        width: 32%;
    }

    .bx_phone span {
        float: left;
        margin-left: 6px;
        width: 32%;
        box-sizing: border-box;
    }
/* 매수 영역 */
.count_box {
    position: relative;
    float: left;
    width: 64%;
    height: 45px;
    box-sizing: border-box;
    padding: 0 45px;
    border-radius: 4px;
    border: 1px solid #DDD;
    background-color: #FFF;
}

    .count_box button {
        position: absolute;
        z-index: 1;
        top: 0;
        width: 45px;
        height: 100%;
        border: none;
        text-indent: -9999em;
    }

    .count_box .minus {
        left: 0;
        background: url('../../Content/images/icon/minus_12.png') no-repeat center center;
    }

    .count_box .plus {
        right: 0;
        background: url('../../Content/images/icon/plus_12.png') no-repeat center center;
    }

    .count_box .num {
        display: block;
        line-height: 43px;
        font-size: 13px;
        text-align: center;
    }

        .count_box .num em {
            padding: 11px 0;
            font-family: 'Roboto';
            font-size: 17px;
        }

    .count_box.disabled .num {
        color: #B2B2B2;
    }
/* 쿠폰리스트 */
.input_type2 > li > input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: none 0
}

    .input_type2 > li > input + label {
        display: block;
        position: relative;
        width: 100%;
        padding: 12px 14px;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .input_type2 > li > input:checked + label {
        border-color: #000;
        background-size: 20px;
    }

.input_type2 label > .txt_cpn1,
.input_type2 label > .txt_cpn2 {
    margin-top: -2px;
    vertical-align: top;
}

.input_type2 .info {
    display: inline-block;
    margin-left: 5px;
}

    .input_type2 .info > * {
        display: block;
    }

    .input_type2 .info strong {
        position: relative;
        color: #000;
        font-size: 13px;
    }

    .input_type2 .info em {
        margin-top: 4px;
        color: #666;
        font-size: 10px;
        font-family: "Roboto";
    }

    .input_type2 .info .txt {
        margin-top: 4px;
        font-size: 10px;
    }

    .input_type2 .info select {
        position: absolute;
        right: 50px;
        top: 50%;
        transform: translateY(-50%);
    }
/* nodata */
.nodata {
    padding: 15px 0;
    font-size: 11px;
    text-align: center;
    background-color: #F8F8F8;
}

label.lab_txt .tit_lab {
    overflow: hidden;
    position: absolute;
    float: none;
    width: 1px;
    height: 1px;
}

.article_payment.article_payment__tobe {
    font-family: "Roboto","Noto Sans KR","sans-serif"
}

    .article_payment.article_payment__tobe .inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

        .article_payment.article_payment__tobe .inner .article_payment--content {
            flex: 1
        }

        .article_payment.article_payment__tobe .inner .payment_sum_wrap {
            position: static;
            flex: 0 0 auto
        }

    .article_payment.article_payment__tobe .select_item_wrap {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 30px;
        min-height: 75px
    }

        .article_payment.article_payment__tobe .select_item_wrap .group_item {
            padding: 0;
            border: 0;
            flex: 1
        }

            .article_payment.article_payment__tobe .select_item_wrap .group_item .bx_item {
                padding: 0;
                display: flex;
                align-items: center;
                justify-content: space-between
            }

                .article_payment.article_payment__tobe .select_item_wrap .group_item .bx_item:after {
                    display: none
                }

                .article_payment.article_payment__tobe .select_item_wrap .group_item .bx_item .area_rdo {
                    position: static
                }

            .article_payment.article_payment__tobe .select_item_wrap .group_item .tooltip_box {
                margin-top: 0
            }

    .article_payment.article_payment__tobe .ic_question {
        background: none;
        width: 20px;
        height: 20px;
        transform: none;
        vertical-align: top;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .article_payment.article_payment__tobe .benifit_infor_wrap {
        overflow: auto;
        max-height: 100%;
        padding-top: 25px;
        padding-bottom: 25px
    }

        .article_payment.article_payment__tobe .benifit_infor_wrap .tit_payment {
            margin-bottom: 20px;
            padding-bottom: 0
        }

        .article_payment.article_payment__tobe .benifit_infor_wrap dl {
            display: flex
        }

        .article_payment.article_payment__tobe .benifit_infor_wrap dt {
            margin-right: 10px;
            flex: 0 0 108px
        }

        .article_payment.article_payment__tobe .benifit_infor_wrap dd {
            flex: 1;
            width: auto
        }

.article_payment--content {
    overflow-y: auto;
    scrollbar-width: thin;
    overscroll-behavior: auto
}

    .article_payment--content .expansion--title {
        min-height: 66px
    }

    .article_payment--content .expansion--body {
        padding: 20px 22px
    }

.article_payment .text_list {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em
}

.article_payment .list_provision {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em
}

    .article_payment .list_provision li {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .article_payment .list_provision li:not(:first-child) {
            margin-top: 16px
        }

.article_payment .list_provision--more {
    font-size: 9px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    color: rgba(102, 102, 102, var(--text-opacity));
    display: inline-flex;
    align-items: center;
    padding: 0 4px;
    margin-right: -4px;
    border: 0;
    background: none
}

    .article_payment .list_provision--more .icon {
        font-size: 7px;
        margin-left: 4px
    }

.px_gutter_payment {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.seat_wrap {
    padding-top: 0 !important
}

.mseat_wrap {
    position: relative;
    background: #000
}

.mseat_inner {
    overflow: hidden;
    box-sizing: border-box;
    width: 1200px;
    height: 470px !important;
    max-height: 470px;
    margin: 0 auto;
    padding: 0 15px
}

    .mseat_inner .mCustomScrollbar {
        height: 470px
    }

.meat_door_pos {
    position: relative
}

.mseat_hidden {
    overflow: hidden;
    margin: 0 auto
}

.mseat_inner .title_screen1 {
    font-family: "Roboto","Noto Sans KR","sans-serif";
    font-size: 16px;
    display: block;
    margin: 0 0 30px;
    padding: 5px 0 5px;
    text-align: center;
    letter-spacing: 15px;
    color: #fff;
    background: #6e6e6e
}

    .mseat_inner .title_screen1 img {
        width: 72px;
        height: 18px
    }

    .mseat_inner .title_screen1 + .floor_bx {
        margin-top: 15px;
        padding-top: 0
    }

.mseat_inner .floor_bx {
    position: relative;
    box-sizing: border-box;
    padding: 0 0 35px
}

    .mseat_inner .floor_bx .floor_tit {
        font-family: "Roboto","Noto Sans KR","sans-serif";
        font-size: 17px;
        font-weight: bold;
        display: block;
        text-align: right;
        color: #fff
    }

        .mseat_inner .floor_bx .floor_tit.color_a {
            background: #5f602e
        }

        .mseat_inner .floor_bx .floor_tit.color_b {
            background: #253854
        }

    .mseat_inner .floor_bx .seat_area {
        position: relative;
        margin: 10px auto 0
    }

        .mseat_inner .floor_bx .seat_area .sel {
            font-size: 10px;
            position: absolute
        }

    .mseat_inner .floor_bx .dim {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden
    }

    .mseat_inner .floor_bx .seat_area .sel > span {
        font-family: "Roboto","Noto Sans KR","sans-serif";
        font-size: 10px;
        line-height: 17px;
        position: relative;
        display: block;
        overflow: hidden;
        box-sizing: border-box;
        width: 21px;
        height: 16px;
        text-align: center;
        letter-spacing: -0.5px;
        color: #000;
        border-radius: 7px 7px 2px 0;
        background: #e8e8e8
    }

        .mseat_inner .floor_bx .seat_area .sel > span.disabled {
            background: none
        }

    .mseat_inner .floor_bx .seat_area .sel > .foot_seat:after {
        position: absolute;
        top: 3px;
        left: 50%;
        display: block;
        width: 9px;
        height: 1px;
        content: "";
        transform: translate(-50%, 0);
        background: #a1a1a1
    }

    .mseat_inner .floor_bx .seat_area .sel > .sweet_spot {
        line-height: 14px;
        min-height: 14px;
        border: 1px solid #d41017;
        background-color: #fff
    }

    .mseat_inner .floor_bx .seat_area .sel > .super_vibe {
        color: #fff;
        background: #83399a
    }

    .mseat_inner .floor_bx .seat_area .sel > .sweet_spot.Impossible {
        line-height: 14px;
        border: 0 none
    }

    .mseat_inner .floor_bx .seat_area .sel > .cine_couple {
        color: #fff;
        background: #ef3d7b
    }

        .mseat_inner .floor_bx .seat_area .sel > .cine_couple:after {
            position: absolute;
            z-index: 1;
            top: 5px;
            right: -3px;
            height: 0;
            content: " ";
            transform: rotate(-90deg);
            color: #2c2c2c;
            border-right: 4px solid rgba(0,0,0,0);
            border-bottom: 7px solid;
            border-left: 4px solid rgba(0,0,0,0)
        }

    .mseat_inner .floor_bx .seat_area .sel.no_select > .cine_couple:before {
        border: none
    }

    .mseat_inner .floor_bx .seat_area .sel > .cine_family {
        color: #fff;
        background: #3a7cc8
    }

    .mseat_inner .floor_bx .seat_area .sel > .handicapped {
        color: #fff;
        background: #427652
    }

    .mseat_inner .floor_bx .seat_area .sel > .special_fee {
        color: #fff;
        background: #e96106
    }

    .mseat_inner .floor_bx .seat_area .sel > .recliner {
        color: #fff;
        background: #1eaffd
    }

    .mseat_inner .floor_bx .seat_area .sel > .sofa {
        color: #fff;
        background: #b45a30
    }

    .mseat_inner .floor_bx .seat_area .sel.completed > .sofa {
        text-indent: -9999em;
        background: hsla(0,0%,100%,.5)
    }

    .mseat_inner .floor_bx .seat_area .sel > .recliner:after {
        position: absolute;
        top: 3px;
        left: 50%;
        display: block;
        width: 9px;
        height: 1px;
        content: "";
        transform: translate(-50%, 0);
        background: #fff
    }

    .mseat_inner .floor_bx .seat_area .sel.completed {
        cursor: inherit
    }

        .mseat_inner .floor_bx .seat_area .sel.completed span:before {
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            display: block;
            width: 21px;
            height: 16px;
            content: "";
            opacity: .5;
            background: #000
        }

        .mseat_inner .floor_bx .seat_area .sel.completed span.Impossible {
            font: 0 auto;
            position: absolute;
            z-index: 9;
            top: 0;
            left: 0;
            display: block;
            width: 21px;
            height: 16px;
            content: "";
            opacity: inherit;
            background: #c28721 url(../../Content/images/icon/bg_no_select_distance.png) no-repeat center center
        }

            .mseat_inner .floor_bx .seat_area .sel.completed span.Impossible:before {
                opacity: .25;
                background: #333
            }

    .mseat_inner .floor_bx .seat_area .sel.no_select:not(.disabled):not(.on) span {
        font-size: 0;
        line-height: 0;
        overflow: hidden;
        cursor: inherit;
        text-indent: -7000000em;
        opacity: .5;
        background: #e8e8e8 url(../../Content/images/common/seat_no_select.png) no-repeat center center;
        background-size: 28px 21px
    }

        .mseat_inner .floor_bx .seat_area .sel.no_select:not(.disabled):not(.on) span:before {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 21px;
            height: 16px;
            content: "";
            opacity: .5;
            background: #000
        }

    .mseat_inner .floor_bx .seat_area .sel.no_select span:after {
        display: none
    }

    .mseat_inner .floor_bx .seat_area .sel.no_select {
        width: 21px;
        height: 16px;
        cursor: inherit;
        background: url(../../Content/images/common/seat_no_select.png) no-repeat center center
    }

        .mseat_inner .floor_bx .seat_area .sel.no_select > .cine_couple:before {
            right: 0;
            transform: translate(0, 0)
        }

        .mseat_inner .floor_bx .seat_area .sel.no_select > .sweet_spot {
            line-height: 17px;
            border: none
        }

    .mseat_inner .floor_bx .seat_area .sel.disabled span:before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 21px;
        height: 17px;
        content: "";
        background: url(../../Content/images/common/seat_no_select.png) no-repeat center center;
        background-size: 21px 17px
    }

    .mseat_inner .floor_bx .seat_area .sel.disabled {
        width: 21px;
        height: 16px;
        cursor: inherit;
        background: url(../../Content/images/common/seat_no_select.png) no-repeat center center
    }

    .mseat_inner .floor_bx .seat_area .sel > .sweet_spot.super_vibe {
        background-color: #83399a
    }

    .mseat_inner .floor_bx .seat_area .sel > .sweet_spot.cine_couple {
        background-color: #ef3d7b
    }

    .mseat_inner .floor_bx .seat_area .sel > .sweet_spot.cine_family {
        background-color: #3a7cc8
    }

    .mseat_inner .floor_bx .seat_area .sel > .sweet_spot.handicapped {
        background-color: #427652
    }

    .mseat_inner .floor_bx .seat_area .sel > .sweet_spot.special_fee {
        background-color: #e96106
    }

    .mseat_inner .floor_bx .seat_area .sel > .sweet_spot.recliner {
        background-color: #1eaffd
    }

    .mseat_inner .floor_bx .seat_area .sel.on span {
        color: #fff;
        background: #ff243e
    }

    .mseat_inner .floor_bx .seat_area .sel.on > .sweet_spot {
        line-height: 17px;
        border: 0 none
    }

        .mseat_inner .floor_bx .seat_area .sel.on > .sweet_spot.super_vibe {
            background-color: #ff243e
        }

        .mseat_inner .floor_bx .seat_area .sel.on > .sweet_spot.cine_couple {
            background-color: #ff243e
        }

        .mseat_inner .floor_bx .seat_area .sel.on > .sweet_spot.cine_family {
            background-color: #ff243e
        }

        .mseat_inner .floor_bx .seat_area .sel.on > .sweet_spot.handicapped {
            background-color: #ff243e
        }

        .mseat_inner .floor_bx .seat_area .sel.on > .sweet_spot.special_fee {
            background-color: #ff243e
        }

        .mseat_inner .floor_bx .seat_area .sel.on > .sweet_spot.recliner {
            background-color: #ff243e
        }

    .mseat_inner .floor_bx .seat_area .sel > .sweet_spot.completed {
        line-height: 17px;
        border: 0 none
    }

.w_left {
    position: absolute;
    top: 300px;
    left: 0;
    display: block;
    width: 4.5px;
    height: 28px;
    text-indent: -9999em;
    background: url(../../Content/images/common/bg_window_left.png) no-repeat center center;
    background-size: 4.5px 28px
}

.w_right {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 4.5px;
    height: 28px;
    text-indent: -9999em;
    background: url(../../Content/images/common/bg_window_right.png) no-repeat center center;
    background-size: 4.5px 28px
}

.w_center {
    position: absolute;
    top: 0;
    left: 300px;
    display: block;
    width: 28px;
    height: 4.5px;
    text-indent: -9999em;
    background: url(../../Content/images/common/bg_window_top.png) no-repeat center center;
    background-size: 28px 4.5px
}

.w_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 28px;
    height: 4.5px;
    text-indent: -9999em;
    background: url(../../Content/images/common/bg_window_bottom.png) no-repeat center center;
    background-size: 28px 4.5px
}

.smallScreen .floor_bx .seat_area .sel > .completed:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 36px;
    height: 36px;
    content: "";
    opacity: .5;
    background: #000
}

.smallScreen .floor_bx .seat_area .sel.on span {
    background: #ff243e
}

.smallScreen .floor_bx .seat_area .sel > .handicapped {
    color: #fff;
    background: #427652
}

.smallScreen .floor_bx .seat_area .sel > .cine_couple {
    color: #fff;
    background: #ef3d7b
}

.floor_bx.seatSet2 .floor_tit {
    position: absolute;
    top: 0;
    right: 0
}

.mseat_inner .floor_bx.seatSet2 .seat_area {
    margin: 6px auto 0
}

.seat_tit {
    font-family: "Roboto","Noto Sans KR","sans-serif";
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 16px;
    text-align: left;
    color: #fff
}

.seat_btm_box {
    overflow: hidden;
    margin: 35px 0 0 40px
}

    .seat_btm_box .seat_type_box {
        float: left;
        width: 615px
    }

        .seat_btm_box .seat_type_box .btm_info {
            margin-bottom: 15px
        }

        .seat_btm_box .seat_type_box span {
            margin-left: 6px;
            padding-left: 17px;
            background-repeat: no-repeat;
            background-position: 0 4px
        }

            .seat_btm_box .seat_type_box span:first-child {
                margin-left: 0
            }

            .seat_btm_box .seat_type_box span.seat_type1 {
                background: url("../../Content/images/icon/ic_seat_type1.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type2 {
                background: url("../../Content/images/icon/ic_seat_type2.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type3 {
                background: url("../../Content/images/icon/ic_seat_type3.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type4 {
                background: url("../../Content/images/icon/ic_seat_type4.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type5 {
                background: url("../../Content/images/icon/ic_seat_type5.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type6 {
                background: url("../../Content/images/icon/ic_seat_type6.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type7 {
                background: url("../../Content/images/icon/ic_seat_type7.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type8 {
                background: url("../../Content/images/icon/ic_seat_type8.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type9 {
                background: url("../../Content/images/icon/ic_seat_type9.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type10 {
                background: url("../../Content/images/icon/ic_seat_type10.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type11 {
                background: url("../../Content/images/icon/ic_seat_type11.png") no-repeat 0 6px
            }

            .seat_btm_box .seat_type_box span.seat_type12 {
                background: url("../../Content/images/icon/ic_seat_type12_distance.png") no-repeat 0 4px
            }

            .seat_btm_box .seat_type_box span.seat_type_sofa {
                background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 2C0 0.89543 0.895431 0 2 0H9C10.1046 0 11 0.895431 11 2V9H0V2Z' fill='%23B45A30'/></svg>");
                background-size: 13px auto
            }

    .seat_btm_box .notice_box {
        float: left
    }

        .seat_btm_box .notice_box .tit_info {
            font-size: 15px
        }

    .seat_btm_box .list_txt.ty3 li {
        font-size: 11px;
        margin-top: 7px;
        color: #fff
    }

    .seat_btm_box .list_txt.ty3 > li:before {
        top: 8px;
        width: 3px;
        height: 1px;
        content: "";
        color: #fff;
        background: #fff
    }

.smallScreen {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0 10px 10px 10px;
    background: url(../../Content/images/common/bg_screenMask.png) repeat left top
}

    .smallScreen .redView {
        position: absolute;
        width: 40px;
        height: 32.5px;
        border: 1px solid #d41017
    }

    .smallScreen .title_screen1 {
        display: block;
        text-align: center;
        background: url(../../Content/images/common/bg_screen_mini.png) repeat-x left bottom
    }

        .smallScreen .title_screen1 img {
            width: 22.5px;
            height: 6px
        }

    .smallScreen .floor_bx.seatSet2 .floor_tit {
        font-size: 7px;
        line-height: 7px;
        height: 7px
    }

    .smallScreen .floor_bx .floor_tit.color_a {
        background: #5f602e
    }

    .smallScreen .floor_bx .floor_tit.color_b {
        background: #253854
    }

    .smallScreen .floor_bx .seat_area {
        position: relative;
        margin: 5px auto 0
    }

        .smallScreen .floor_bx .seat_area .sel {
            position: absolute
        }

            .smallScreen .floor_bx .seat_area .sel > span {
                font-size: 0;
                line-height: 0;
                display: block;
                overflow: hidden;
                width: 4px;
                height: 3px;
                text-indent: -7000000em;
                border-radius: 1px 1px 0 0;
                background: #fff
            }

            .smallScreen .floor_bx .seat_area .sel.no_select span {
                cursor: inherit;
                background: #2f2f2f
            }

            .smallScreen .floor_bx .seat_area .sel.on span {
                background: #ff243e !important
            }

            .smallScreen .floor_bx .seat_area .sel > .completed:before {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 36px;
                height: 36px;
                content: "";
                opacity: .5;
                background: #000
            }

            .smallScreen .floor_bx .seat_area .sel.on span {
                text-align: right;
                background: #ff243e
            }

            .smallScreen .floor_bx .seat_area .sel > .handicapped {
                color: #fff;
                background: #427652
            }

            .smallScreen .floor_bx .seat_area .sel > .cine_couple {
                color: #fff;
                background: #ef3d7b
            }

.screen_preview_box {
    padding: 0
}

    .screen_preview_box .smallScreen {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 140px;
        padding: 0;
        background: #fff
    }

        .screen_preview_box .smallScreen .title_screen1 {
            position: relative;
            z-index: 1;
            letter-spacing: 5px;
            color: #bdbdbd;
            background: none
        }

        .screen_preview_box .smallScreen .floor_bx {
            position: relative;
            margin: 10px 0;
            padding: 5px 0
        }

            .screen_preview_box .smallScreen .floor_bx .seat_area .sel > span {
                background: #000 none !important
            }

                .screen_preview_box .smallScreen .floor_bx .seat_area .sel > span.completed {
                    background: #c2c2c2 !important
                }

            .screen_preview_box .smallScreen .floor_bx .seat_area .sel > .completed:before {
                background: none
            }

            .screen_preview_box .smallScreen .floor_bx .floor_tit {
                font-family: "Roboto","Noto Sans KR","sans-serif";
                font-size: 12px;
                display: block;
                text-align: right;
                color: #000;
                background: #fff
            }

    .screen_preview_box .minimap {
        position: relative;
        top: 50%;
        transform: translate(0, -50%)
    }

    .screen_preview_box .smallScreen .floor_bx.seatSet2 {
        background: url("../../Content/images/common/bg_dash.png") repeat-x 0 0
    }

        .screen_preview_box .smallScreen .floor_bx.seatSet2 .floor_tit {
            position: static
        }

    .screen_preview_box .smallScreen .floor_bx .dim, .screen_preview_box .smallScreen .floor_bx .dim2 {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden
    }
/* 스페셜관/준비페이지 ========================================================================================= */
.bx_ready {
    padding: 100px 0;
    color: #666;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
}

    .bx_ready img {
        margin-bottom: 40px;
    }

    .bx_ready strong {
        display: block;
        margin-bottom: 10px;
        font-size: 24px;
        color: #000;
    }
/* 스페셜관/공통 ========================================================================================= */
.visual_special {
    height: 596px;
    background-position: 50% 50%;
    background-size: cover
}

    .visual_special video {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%
    }

    .visual_special .section > img {
        width: 100%
    }

    .visual_special .special_txt {
        position: absolute;
        z-index: 1;
        bottom: 100px;
        left: 50%;
        margin-left: -490px
    }

        .visual_special .special_txt > img {
            display: block;
            margin-bottom: 30px
        }

        .visual_special .special_txt .special_tit {
            font-family: "Roboto";
            font-size: 60px;
            margin-bottom: 15px;
            color: #fff
        }

        .visual_special .special_txt p {
            font-size: 18px;
            font-weight: 100;
            padding-left: 50px;
            color: #fff
        }

.visual_special__0902 .special_txt {
    bottom: auto
}
/* 비주얼_슬라이드 - swiper */
.visual_special .visual_slide .swiper-slide .itm {
    width: 100%;
    height: 596px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: background-position 3.8s .3s linear;
    -webkit-transition: background-position 3.8s .3s linear;
    -moz-transition: background-position 3.8s .3s linear;
    -ms-transition: background-position 3.8s .3s linear;
    -o-transition: background-position 3.8s .3s linear;
}

    .visual_special .visual_slide .swiper-slide .itm.slide_left {
        background-position-x: 100%;
    }

    .visual_special .visual_slide .swiper-slide .itm.slide_right {
        background-position-x: 0;
    }

    .visual_special .visual_slide .swiper-slide .itm.slide_top {
        background-position-y: 100%;
    }

    .visual_special .visual_slide .swiper-slide .itm.slide_bottom {
        background-position-y: 0;
    }

.visual_special .visual_slide .swiper-slide.swiper-slide-active .itm.slide_left {
    background-position-x: 0;
}

.visual_special .visual_slide .swiper-slide.swiper-slide-active .itm.slide_right {
    background-position-y: 100%;
}

.visual_special .visual_slide .swiper-slide.swiper-slide-active .itm.slide_top {
    background-position-y: 0;
}

.visual_special .visual_slide .swiper-slide.swiper-slide-active .itm.slide_bottom {
    background-position-y: 100%;
}

/* 비주얼_슬라이드 - owl */
.visual_special .owl-carousel .owl-item .itm {
    width: 100%;
    height: 596px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: background-position 3.8s .3s linear;
    -webkit-transition: background-position 3.8s .3s linear;
    -moz-transition: background-position 3.8s .3s linear;
    -ms-transition: background-position 3.8s .3s linear;
    -o-transition: background-position 3.8s .3s linear;
}

    .visual_special .owl-carousel .owl-item .itm.slide_left {
        background-position-x: 100%;
    }

    .visual_special .owl-carousel .owl-item .itm.slide_right {
        background-position-x: 0;
    }

    .visual_special .owl-carousel .owl-item .itm.slide_top {
        background-position-y: 100%;
    }

    .visual_special .owl-carousel .owl-item .itm.slide_bottom {
        background-position-y: 0;
    }

.visual_special .owl-carousel .owl-item.active .itm.slide_left {
    background-position-x: 0;
}

.visual_special .owl-carousel .owl-item.active .itm.slide_right {
    background-position-y: 100%;
}

.visual_special .owl-carousel .owl-item.active .itm.slide_top {
    background-position-y: 0;
}

.visual_special .owl-carousel .owl-item.active .itm.slide_bottom {
    background-position-y: 100%;
}

.visual_special.special_home {
    background-image: url("../images/movie/visual_special_home.jpg")
}

.special_theater_home {
    position: relative
}

    .special_theater_home .special_tit_wrap {
        position: absolute;
        width: 625px;
        margin-top: 40px;
        padding: 18px 0
    }

        .special_theater_home .special_tit_wrap .tit {
            font-family: "Roboto";
            font-size: 45px;
            position: relative;
            margin-bottom: 18px;
            padding: 45px 0 0 40px
        }

            .special_theater_home .special_tit_wrap .tit > em {
                position: absolute;
                top: 0;
                left: 0
            }

        .special_theater_home .special_tit_wrap p {
            font-size: 15px;
            padding-left: 20px
        }

    .special_theater_home .special_list_wrap {
        margin-top: 275px
    }

        .special_theater_home .special_list_wrap:after {
            display: table;
            clear: both;
            content: ""
        }

    .special_theater_home .special_list {
        font-size: 0;
        position: relative;
        margin-top: 80px
    }

        .special_theater_home .special_list > li {
            position: relative;
            display: inline-block;
            vertical-align: top
        }

            .special_theater_home .special_list > li:nth-child(2n) {
                top: -43px
            }

            .special_theater_home .special_list > li:last-child {
                top: -217px
            }

            .special_theater_home .special_list > li + li {
                margin-left: 85px
            }

            .special_theater_home .special_list > li > a {
                display: block
            }

                .special_theater_home .special_list > li > a .sec_img {
                    width: 270px;
                    height: 270px;
                    margin-bottom: 22px
                }

                .special_theater_home .special_list > li > a .bx_txt {
                    padding-left: 20px
                }

                    .special_theater_home .special_list > li > a .bx_txt .tit {
                        font-size: 18px;
                        margin-bottom: 10px
                    }

                    .special_theater_home .special_list > li > a .bx_txt p {
                        font-size: 11px
                    }

                .special_theater_home .special_list > li > a .sec_img.img01 {
                    background-image: url("//cf.lottecinema.co.kr/Media/Online/5810f27109ab47c6ba3afd0f853b2825.jpg")
                }

                .special_theater_home .special_list > li > a .sec_img.img02 {
                    background-image: url("../images/movie/special_superplexg_270.jpg")
                }

                .special_theater_home .special_list > li > a .sec_img.img03 {
                    background-image: url("//cf.lottecinema.co.kr/Media/Online/a6838ccef9a8467fa9074e7b68563430.jpg")
                }

                .special_theater_home .special_list > li > a .sec_img.img04 {
                    background-image: url("//cf.lottecinema.co.kr/Media/Online/2571667ee367475da4f8b5e3cafc30f1.jpg")
                }

                .special_theater_home .special_list > li > a .sec_img.img05 {
                    background-image: url("//cf.lottecinema.co.kr/Media/Online/9d548009af624830baf1ac1b1d6a710e.jpg")
                }

                .special_theater_home .special_list > li > a .sec_img.img06 {
                    height: 270px;
                    background-image: url("//cf.lottecinema.co.kr//Media/Online/93b082326b7e459f9faedd6042747691.jpg")
                }

                    .special_theater_home .special_list > li > a .sec_img.img06.type1 {
                        background-image: url("../images/movie/special_cinefamily_270-1.jpg")
                    }

                    .special_theater_home .special_list > li > a .sec_img.img06.type2 {
                        height: 270px;
                        background-image: url("//cf.lottecinema.co.kr/Media/Online/aee3558bb24a46f8bbfc5597a1867d2f.jpg")
                    }

                .special_theater_home .special_list > li > a .sec_img.img07 {
                    height: 180px;
                    background-image: url("../images/movie/special_cinecouple_270.jpg")
                }

                    .special_theater_home .special_list > li > a .sec_img.img07.type1 {
                        height: 270px;
                        background-image: url("//cf.lottecinema.co.kr/Media/Online/d8225ca75e724edcb203176e2bf7bc38.jpg")
                    }

                .special_theater_home .special_list > li > a .sec_img.img08 {
                    height: 180px;
                    background-image: url("../images/movie/special_cinebiz_270.jpg")
                }

                    .special_theater_home .special_list > li > a .sec_img.img08.type1 {
                        height: 270px;
                        background-image: url("../images/movie/pc_special_cinebiz_270-1.jpg")
                    }

                .special_theater_home .special_list > li > a .sec_img.img09 {
                    height: 180px;
                    background-image: url("../images/movie/special_cinecomfort2_270_2.jpg")
                }

                    .special_theater_home .special_list > li > a .sec_img.img09.type1 {
                        height: 270px;
                        background-image: url("//cf.lottecinema.co.kr/Media/Online/40c097d0c7ed4c42b078c3f8996f36ea.jpg")
                    }

                .special_theater_home .special_list > li > a .sec_img.img10 {
                    background-image: url("../images/movie/special_cinesalon_270.jpg")
                }

                .special_theater_home .special_list > li > a .sec_img.img11 {
                    background-image: url("../images/movie/special_colorium_270.jpg")
                }

                .special_theater_home .special_list > li > a .sec_img.img12 {
                    background-image: url("//cf.lottecinema.co.kr/Media/Online/916203d61c1443b99966020a063347b6.jpg")
                }

                .special_theater_home .special_list > li > a .bx_txt .tit .mx4d_hline {
                    height: 13px;
                    margin: 0 5px 0 1px
                }

                .special_theater_home .special_list > li > a .sec_img.img13 {
                    background-image: url("//cf.lottecinema.co.kr/Media/Online/244291d787874e5ba87f40c9c6852762.jpg")
                }

                .special_theater_home .special_list > li > a .sec_img.img14 {
                    background-image: url("//cf.lottecinema.co.kr/Media/Online/13ec8884b55a44bfae734bb7e9b9c2fa.jpg")
                }

                .special_theater_home .special_list > li > a .sec_img.img0902 {
                    background-image: url("//cf.lottecinema.co.kr/Media/Online/37d87a0e5e064ec3a6b5301a85ec1b3e.jpg")
                }

.wh_cover {
    z-index: 2;
    width: 270px;
    height: 270px;
    background-color: #fff
}

.special_theater {
    position: relative
}

    .special_theater * {
        box-sizing: border-box
    }

    .special_theater .special_list_tit {
        font-size: 18px;
        margin-bottom: 18px
    }

    .special_theater ul.special_list {
        font-size: 0;
        border: 1px solid #dedede;
        border-bottom: 0 none
    }

        .special_theater ul.special_list:after {
            content: "";
            display: block;
            border-top: 1px solid #dedede;
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 1px
        }

        .special_theater ul.special_list li {
            display: inline-block;
            width: 14.2857%;
            background: #fff
        }

            .special_theater ul.special_list li > a {
                position: relative;
                display: block;
                border-bottom: 1px solid #dedede;
                border-right: 1px solid #dedede;
                width: 100%;
                padding: 20px 0 17px 0;
                text-align: center;
                font-size: 13px;
                color: #666;
                box-sizing: border-box
            }

                .special_theater ul.special_list li > a:focus {
                    z-index: 1
                }

            .special_theater ul.special_list li:nth-of-type(7n) > a, .special_theater ul.special_list li:first-child:nth-last-child(1) > a, .special_theater ul.special_list li:first-child:nth-last-child(2) ~ li > a, .special_theater ul.special_list li:first-child:nth-last-child(3) ~ li ~ li > a {
                border-right: 0 none
            }

            .special_theater ul.special_list li:first-child:nth-last-child(1) {
                width: 100%
            }

            .special_theater ul.special_list li:first-child:nth-last-child(2), .special_theater ul.special_list li:first-child:nth-last-child(2) ~ li {
                width: 50%
            }

            .special_theater ul.special_list li:first-child:nth-last-child(3), .special_theater ul.special_list li:first-child:nth-last-child(3) ~ li, .special_theater ul.special_list li:first-child:nth-last-child(3) ~ li ~ li {
                width: 33.33333%
            }

    .special_theater .section {
        position: relative;
        margin-bottom: 180px;
        font-size: 0
    }

        .special_theater .section:first-child {
            margin-bottom: 80px
        }

        .special_theater .section.last {
            margin-bottom: 0px
        }

        .special_theater .section .sec_tit {
            display: inline-block;
            vertical-align: top;
            letter-spacing: -1px
        }

            .special_theater .section .sec_tit .tit_primary {
                margin-bottom: 18px;
                line-height: 1;
                font-size: 70px;
                font-family: "Roboto";
                color: #c0bfbe
            }

                .special_theater .section .sec_tit .tit_primary em {
                    display: block;
                    font-size: 29px
                }

            .special_theater .section .sec_tit .tit_secondary {
                font-size: 28px;
                line-height: 1.2;
                margin-bottom: 24px
            }

                .special_theater .section .sec_tit .tit_secondary strong {
                    font-weight: 700
                }

            .special_theater .section .sec_tit .sec_content {
                font-size: 15px;
                line-height: 1.4
            }

            .special_theater .section .sec_tit .sec_slide_wrap {
                position: relative
            }

        .special_theater .section .sec_img {
            position: relative;
            display: inline-block;
            overflow: hidden
        }

            .special_theater .section .sec_img .img_wrap {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .special_theater .section .sec_img em {
                text-indent: -9999em;
                color: rgba(0,0,0,0);
                font-size: 0
            }

            .special_theater .section .sec_img .bx_img {
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-size: cover
            }

            .special_theater .section .sec_img .img_wrap:after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                box-sizing: border-box
            }

        .special_theater .section div[class*=mask] .img_wrap:after {
            background-color: #ddd
        }

        .special_theater .section .img_primary {
            position: relative
        }

            .special_theater .section .img_primary > .img_itm, .special_theater .section .img_secondary {
                position: absolute
            }

                .special_theater .section .img_primary > .img_itm > .bx_img, .special_theater .section .img_secondary > .bx_img {
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    background-size: cover;
                    transition: opacity 1.2s 1s linear
                }

        .special_theater .section .lent_wrap {
            position: relative;
            border: 1px solid #ddd;
            padding: 35px 50px;
            font-size: 0
        }

            .special_theater .section .lent_wrap .bx_img {
                display: inline-block;
                border-radius: 50%;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: cover;
                width: 130px;
                height: 130px;
                margin-right: 40px;
                vertical-align: middle
            }

            .special_theater .section .lent_wrap .bx_info {
                display: inline-block;
                font-size: 13px;
                line-height: 1.4;
                vertical-align: middle
            }

                .special_theater .section .lent_wrap .bx_info strong {
                    font-weight: bold
                }

                .special_theater .section .lent_wrap .bx_info img {
                    display: block;
                    margin-bottom: 20px
                }

            .special_theater .section .lent_wrap .btn_more {
                position: absolute;
                right: 50px;
                top: 50%;
                margin-top: -8px
            }

                .special_theater .section .lent_wrap .btn_more .line {
                    display: inline-block;
                    background-color: #eee;
                    width: 211px;
                    height: 1px;
                    margin-right: 60px
                }

                .special_theater .section .lent_wrap .btn_more .btn_txt {
                    border: 0 none;
                    font-size: 15px;
                    color: #000
                }

.special_theater__0902#contents {
    font-family: "Roboto","Noto Sans KR","sans-serif";
    padding-top: 0
}

.special_theater__0902, .special_theater__0902 * {
    box-sizing: border-box
}

    .special_theater__0902 .section {
        word-break: keep-all;
        margin-bottom: 120px
    }

        .special_theater__0902 .section:last-child {
            margin-bottom: 50px
        }

    .special_theater__0902.special_theater .section .sec_tit .tit_primary {
        margin-bottom: 14px;
        line-height: 1.35
    }

    .special_theater__0902.special_theater .section .sec_tit .tit_secondary {
        font-size: 29px;
        letter-spacing: -0.03em;
        line-height: 1.35
    }

    .special_theater__0902.special_theater .section .sec_tit .sec_content {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em
    }
/* 샤롯데 */
.visual_special.charlotte {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/c08339ecf4cf4e218e2c664b06542a64.jpg');
}

.charlotte .img_01 .sec_tit {
    width: 340px;
    margin-top: 22px;
}

.charlotte .img_01 .img_secondary {
    left: 30px;
    width: 256px;
    height: 246px;
}

    .charlotte .img_01 .img_secondary .bx_img:first-child {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/21452ab389ef4f49aede13752029b094.jpg');
    }

    .charlotte .img_01 .img_secondary .bx_img.motion {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/99977fe6aec44022a27776c9aaf37f52.jpg');
        transition-delay: 1s;
    }

.charlotte .img_01 .sec_img {
    width: 635px;
    height: 358px;
}

    .charlotte .img_01 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/794c1cdb2fb84353ad3313fd359ebb7c.jpg');
    }

.charlotte .img_02 {
    text-align: right;
}

    .charlotte .img_02 .sec_tit {
        width: 100%;
        margin-bottom: 40px;
    }

    .charlotte .img_02 .sec_img {
        width: 888px;
        height: 370px;
    }

        .charlotte .img_02 .sec_img .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/345398f2c62f4baf8957b782672ff34e.jpg');
        }

.charlotte .img_03 .sec_tit {
    width: 505px;
    margin-left: 40px;
    margin-top: 63px;
}

.charlotte .img_03 .img_secondary {
    right: 0;
    bottom: -60px;
    width: 285px;
    height: 160px;
}

    .charlotte .img_03 .img_secondary .bx_img {
        background: url('//cf.lottecinema.co.kr/Media/Online/cfb9e8f94a23497a82f7de4213264cec.jpg') no-repeat 50% 50%;
    }

.charlotte .img_03 .sec_img {
    width: 430px;
    height: 480px;
}

    .charlotte .img_03 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/f61022c674be4377982e63276ae66a9c.jpg');
    }

.charlotte .img_04 {
    margin-bottom: 80px;
}

    .charlotte .img_04 .sec_tit {
        width: 360px;
        margin-right: 40px;
        text-align: right;
    }

    .charlotte .img_04 .sec_img {
        width: 471px;
        height: 266px;
    }

        .charlotte .img_04 .sec_img .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/cfb9e8f94a23497a82f7de4213264cec.jpg');
        }

.charlotte .section.txt {
    display: block;
    margin-bottom: 120px;
    color: #666666;
    text-align: center;
    font-size: 12px;
}

.charlotte .lent_wrap .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/944eccce560848d4be2263b893aac677.png');
}

.charlotte .lent_wrap .bx_info > span {
    display: block;
    margin-top: 16px;
    color: #666666;
}
/* 슈퍼플랙스G */
.visual_special.superplexg {
    background-image: url('../images/movie/visual_special_superg.jpg');
}

.superplexg .img_01 .sec_tit {
    margin-bottom: 40px;
}

.superplexg .img_01 .sec_img {
    width: 856px;
    height: 526px;
}

    .superplexg .img_01 .sec_img .bx_img {
        background-image: url('../images/movie/special_superplexg_01.jpg');
    }

.superplexg .img_02 .sec_tit {
    width: 100%;
    margin-bottom: 40px;
    text-align: right;
}

.superplexg .img_02 .sec_img {
    width: 100%;
    height: 381px;
}

    .superplexg .img_02 .sec_img .bx_img {
        background-image: url('../images/movie/special_superplexg_02.jpg');
    }

.superplexg .img_03 {
    margin-bottom: 75px;
}

    .superplexg .img_03 .sec_tit {
        width: 345px;
    }

    .superplexg .img_03 .sec_img {
        width: 635px;
        height: 317px;
    }

        .superplexg .img_03 .sec_img .bx_img {
            background-image: url('../images/movie/special_superplexg_03.jpg');
        }

.superplexg .img_04 .sec_img {
    width: 340px;
    height: 230px;
    margin-left: 122px;
}

    .superplexg .img_04 .sec_img .bx_img {
        background-image: url('../images/movie/special_superplexg_04.gif');
    }

.superplexg .lent_wrap .bx_img {
    background-image: url('../images/movie/cinecouple_130.png');
}
/* 슈퍼플랙스 */
.visual_special.superplex .visual_slide .swiper-slide .itm.img01 {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/41c236ea2b2a4053ba21a9fe0c2167f9.jpg');
    background-size: auto 696px;
}

.visual_special.superplex .visual_slide .swiper-slide .itm.img02 {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/1952268c41d94f7eb88602d3c30e3570.jpg');
    background-size: auto 796px;
}

.visual_special.superplex .owl-carousel .item .itm.img01 {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/41c236ea2b2a4053ba21a9fe0c2167f9.jpg');
    background-size: auto 696px;
}

.visual_special.superplex .owl-carousel .item .itm.img02 {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/1952268c41d94f7eb88602d3c30e3570.jpg');
    background-size: auto 796px;
}

.superplex .section:first-child { /*margin-bottom:180px;*/
    margin-bottom: 80px;
}
/* 2020.01.08 */
.superplex .img_01 .sec_tit {
    width: 100%;
    margin-bottom: 40px;
}

.superplex .img_01 .sec_img {
    width: 100%;
    height: 380px;
}

    .superplex .img_01 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/bc5c861d0a90473682cf3e73e40a848c.jpg');
    }

.superplex .img_02 {
    margin-bottom: 280px;
}

    .superplex .img_02 .sec_tit {
        width: 390px;
        margin-top: 75px;
        margin-left: 50px;
    }

    .superplex .img_02 .sec_img {
        width: 534px;
        height: 650px;
    }

        .superplex .img_02 .sec_img .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/6b74a483f14b44a0b78914833a57d719.jpg');
        }

    .superplex .img_02 .img_secondary {
        right: 0px;
        bottom: -100px;
        width: 240px;
        height: 158px;
    }

        .superplex .img_02 .img_secondary .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/ac424ae832d64893bb5dc649a7cf2eea.jpg');
        }

.superplex .img_03 .sec_tit {
    width: 330px;
    margin-right: 50px;
}

    .superplex .img_03 .sec_tit .sec_content > span {
        display: block;
        margin-top: 30px;
        color: #666666;
    }

.superplex .img_03 .sec_img {
    width: 600px;
    height: 380px;
}

    .superplex .img_03 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/7180049130444604b7d4a2bcf2e2fd9d.jpg');
    }
/* 슈퍼S */
.visual_special.supers {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/16d782fd43f341998ba226948228cdb9.jpg');
}

.supers .img_01 .sec_tit {
    margin-bottom: 40px;
}

.supers .img_01 .sec_img {
    width: 100%;
    height: 488px;
}

    .supers .img_01 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/db9caf1b92574bb78f761848dd3098c9.jpg');
    }

.supers .img_02 {
    text-align: right;
}

    .supers .img_02 .sec_tit {
        width: 880px;
        margin-top: 40px;
        margin-right: 50px;
        text-align: right;
    }

    .supers .img_02 .sec_img {
        width: 517px;
        height: 333px;
        margin-right: 50px;
    }

        .supers .img_02 .sec_img .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/3ef9752702ee4706a58418774c9d5f5a.jpg');
        }

    .supers .img_02 .img_primary .img_itm {
        top: 0px;
        left: 85px;
        width: 280px;
        height: 188px;
    }

        .supers .img_02 .img_primary .img_itm .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/68f3d5c1985d4e6d8b35a0ec8cea7cbd.jpg');
        }

        .supers .img_02 .img_primary .img_itm.ico_arr {
            top: 90px;
            left: 375px;
            width: 30px;
            height: 6px;
            transition-delay: .3s;
        }

            .supers .img_02 .img_primary .img_itm.ico_arr .bx_img {
                background-image: url('//cf.lottecinema.co.kr/Media/Online/9b6cab126be140b1a51d180d4443f027.jpg');
            }

    .supers .img_02 .img_primary .sec_img.motion {
        transition-delay: .5s;
    }

    .supers .img_02 .img_secondary {
        left: 85px;
        bottom: 100px;
        width: 255px;
        height: 203px;
    }

        .supers .img_02 .img_secondary .bx_img:first-child {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/1590add1d4d9496d9bff55637ec5c27a.jpg');
        }

        .supers .img_02 .img_secondary .bx_img.motion {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/a2b6d022ec124b188e4871207de52bf8.jpg');
            transition-delay: 1.2s;
            transition-duration: 0.55s;
        }

.supers .img_03 .sec_tit {
    position: relative;
    top: -100px;
}

.supers .img_03 .sec_img {
    width: 427px;
    height: 474px;
    margin-right: 50px;
}

    .supers .img_03 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/6ebf33692b3b441d90b2363ef8dbe3e5.jpg');
    }

.supers .img_03 .img_primary {
    text-align: right;
}

    .supers .img_03 .img_primary .img_itm {
        top: 0px;
        left: 155px;
        width: 280px;
        height: 310px;
    }

        .supers .img_03 .img_primary .img_itm .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/2ce368032e1640ae93b3e747803c4f90.jpg');
        }

        .supers .img_03 .img_primary .img_itm.ico_arr {
            top: 150px;
            left: 455px;
            width: 30px;
            height: 6px;
            transition-delay: .3s;
        }

            .supers .img_03 .img_primary .img_itm.ico_arr .bx_img {
                background-image: url('//cf.lottecinema.co.kr/Media/Online/9b6cab126be140b1a51d180d4443f027.jpg');
            }

    .supers .img_03 .img_primary .sec_img.motion {
        transition-delay: .5s;
    }

.supers .img_03 .img_secondary {
    bottom: -40px;
    right: 50px;
    width: 427px;
    height: 227px;
}

    .supers .img_03 .img_secondary .bx_img:first-child {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/2ac4b45e70dd4edc9038e8dff8093b16.jpg');
    }

    .supers .img_03 .img_secondary .bx_img.motion {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/cbf2c313dd3f43d889bea20e2e101502.jpg');
        transition-delay: 1.05s;
        transition-duration: 0.55s;
    }

.supers .img_04 .sec_tit {
    width: 352px;
    margin-left: 48px;
    margin-top: 20px;
}

.supers .img_04 .sec_img {
    width: 580px;
    height: 325px;
}

    .supers .img_04 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/047c2f99a75b42fa98ece1e90355e1bd.jpg');
    }
/* 슈퍼4D */
.visual_special.super4d {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/1960d63cfef845a5b1b7d067398a0acb.jpg');
}

.super4d .sec_tit {
    width: 430px;
    margin: 91px 50px 0;
}

    .super4d .sec_tit .tit_primary {
        position: relative;
        display: inline-block;
    }

        .super4d .sec_tit .tit_primary:after {
            content: '';
            position: absolute;
            top: -35px;
            display: inline-block;
            width: 60px;
            height: 60px;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: contain;
        }

.super4d .img_02 .sec_tit .tit_primary:after {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/e8565d6812344a2cbc5963d69de0d5cc.png');
    margin-left: 10px;
}

.super4d .img_03 .sec_tit .tit_primary:after {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/b3bad3650a0645d78175b9069d6d7d08.png');
    left: -70px;
}

.super4d .img_04 .sec_tit .tit_primary:after {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/5d6025bacf984ed3bf61eb0a34cce187.png');
}

.super4d .img_05 .sec_tit .tit_primary:after {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/dfd60f25288d413f896977e955bbd26c.png');
    left: -75px;
}

.super4d .img_06 .sec_tit .tit_primary:after {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/c6598d74864144fe8f31827d28eb9d7f.png');
}

.super4d .img_07 .sec_tit .tit_primary:after {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/cb4e3dfa0e7d41808d48f1143ec77775.png');
    top: -15px;
    left: -75px;
}

.super4d .img_08 .sec_tit .tit_primary:after {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/25b4facb852b4c78b4a58a7ba6007dd1.png');
    top: -15px;
}

.super4d .img_09 .sec_tit .tit_primary:after {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/4fadaa087cdc43b8ac34b3dc2cbc56f4.png');
    top: -15px;
    left: -75px;
}

.super4d .sec_img {
    width: 450px;
    height: 293px;
}

.super4d .img_01 {
    margin-bottom: 60px;
}

    .super4d .img_01 .sec_tit {
        margin: 80px 0 0 0;
        width: 100%;
    }

    .super4d .img_01 .sec_img {
        width: 100%;
        height: 304px;
    }

.super4d .img_03 .sec_tit,
.super4d .img_05 .sec_tit,
.super4d .img_07 .sec_tit,
.super4d .img_09 .sec_tit {
    text-align: right;
}

.super4d .img_01 .sec_img .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/cb18f059c8364661b507087cec31fe03.jpg');
}

.super4d .img_02 .sec_img .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/92eda299479245d7b1e7be76fc597ee7.jpg');
}

.super4d .img_03 .sec_img .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/9e48a278e9da446ab6f0ca55e184db36.jpg');
}

.super4d .img_04 .sec_img .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/5a68a1fe4fe64892a05ef155be4d0994.jpg');
}

.super4d .img_05 .sec_img .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/171f964be9c6499cb4a85eb9aad3eb6a.jpg');
}

.super4d .img_06 .sec_img .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/4ba58a624ea94ce3b3281eb9cc1a470e.jpg');
}

.super4d .img_07 .sec_img .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/8b25eec92ddc4349b75e89220f0fbb4e.jpg');
}

.super4d .img_08 .sec_img .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/0980779da8ab41a2935e019a3dbe4ae7.jpg');
}

.super4d .img_09 .sec_img .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/cea1ab96d00846dd87f68a55140889aa.jpg');
}

.visual_special.cinefamily {
    background: #171717
}

.special_theater.cinefamily .section:last-child {
    margin-bottom: 110px
}

.cinefamily .img_01 .sec_tit {
    width: 330px
}

.cinefamily .img_01 .sec_img {
    width: 649px;
    height: 366px
}

    .cinefamily .img_01 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr//Media/Online/e353c0d255c842f1aaedea0f0793584b.jpg")
    }

.cinefamily .img_02 .sec_tit {
    width: 250px;
    margin-left: 50px
}

.cinefamily .img_02 .sec_img {
    width: 498px;
    height: 390px;
    overflow: visible
}

    .cinefamily .img_02 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr//Media/Online/f76f6c57b39747b39f4943088765bf4f.jpg")
    }

    .cinefamily .img_02 .sec_img .desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em;
        position: absolute;
        bottom: -18px;
        transform: translateY(100%)
    }

.cinefamily .img_02 .img_secondary {
    right: 30px;
    bottom: -100px;
    width: 265px;
    height: 166px
}

    .cinefamily .img_02 .img_secondary .bx_img {
        transition-delay: 1.05s;
        transition-duration: .55s;
        background-image: url("//cf.lottecinema.co.kr/Media/Online/036d4fdd90d2430fa93f1469d9afba3b.jpg")
    }

.cinefamily .img_03 .sec_tit {
    width: 100%;
    margin-bottom: 50px
}

.cinefamily .img_03 .sec_img {
    width: 100%;
    height: 653px
}

    .cinefamily .img_03 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr//Media/Online/28583d0d88464ed1a750fb93506c02fd.jpg")
    }

.visual_special.cinefamily .visual_slide .swiper-slide .itm.img02 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/abed552f880145cebca1ca4a429070f3.jpg");
    background-size: auto 696px
}

.visual_special.cinefamily .visual_slide .swiper-slide .itm.img01 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/2ed8cbb834154f30a71d5be5f2252c85.jpg");
    background-size: auto 680px
}

.visual_special.cinefamily .owl-carousel .item .itm.img02 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/abed552f880145cebca1ca4a429070f3.jpg");
    background-size: auto 696px
}

.visual_special.cinefamily .owl-carousel .item .itm.img01 {
    background-image: url("//cf.lottecinema.co.kr//Media/Online/8672127a99c94f6ab8bbf6bd6898f8b4.jpg");
    background-size: auto 696px
}
/* 씨네커플 */
.visual_special.cinecouple {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/18219e49e0d44ccebf4e9f925d60aaac.jpg');
}

.cinecouple .img_01 .sec_tit {
    width: 410px;
}

.cinecouple .img_01 .sec_img {
    width: 568px;
    height: 340px;
}

    .cinecouple .img_01 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/94ae82e0810b452a9d7114e9775f949c.jpg');
    }

.cinecouple .img_02 .sec_tit {
    width: 100%;
    margin-bottom: 40px;
}

.cinecouple .img_02 .sec_img {
    width: 100%;
    height: 380px;
}

    .cinecouple .img_02 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/478b2072f22646728ef5dcdae519a958.jpg');
    }
/* 씨네비즈 */
.visual_special.cinebiz {
    background-image: url('../images/movie/visual_special_cinebiz.jpg');
}

.cinebiz .img_01 .sec_tit {
    width: 100%;
    margin-top: 30px;
}

.cinebiz .img_01 .sec_img {
    width: 840px;
    height: 451px;
}

    .cinebiz .img_01 .sec_img .bx_img {
        background-image: url('../images/movie/special_cinebiz_01.jpg');
    }

.cinebiz .img_02 .sec_tit {
    width: 302px;
    margin-left: 50px;
}

.cinebiz .img_02 {
    margin-bottom: 320px;
}

    .cinebiz .img_02 .sec_img {
        width: 435px;
        height: 481px;
    }

        .cinebiz .img_02 .sec_img .bx_img {
            background-image: url('../images/movie/special_cinebiz_02.jpg');
        }

    .cinebiz .img_02 .img_secondary {
        bottom: -140px;
        right: 0px;
        width: 257px;
        height: 180px;
    }

        .cinebiz .img_02 .img_secondary .bx_img {
            background-image: url('../images/movie/special_cinebiz_02_02.jpg');
        }

.cinebiz .lent_wrap .bx_img {
    background-image: url('../images/movie/cinebiz_130.png');
}
/* 씨네컴포트 */
/* .visual_special.cinecomfort {background-image:url('../images/movie/visual_special_cinecomfort.jpg');} */
.visual_special.cinecomfort {
    background: #171717;
}

    .visual_special.cinecomfort .visual_slide .swiper-slide .itm.img02 {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/9cc51fdc77a447b9befc2c5a66578cc5.jpg');
        background-size: auto 696px;
    }

    .visual_special.cinecomfort .visual_slide .swiper-slide .itm.img01 {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/ffb431bc014846e6a702aefecd232756.jpg');
        background-size: auto 680px;
    }

    .visual_special.cinecomfort .owl-carousel .item .itm.img02 {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/9cc51fdc77a447b9befc2c5a66578cc5.jpg');
        background-size: auto 696px;
    }

    .visual_special.cinecomfort .owl-carousel .item .itm.img01 {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/ffb431bc014846e6a702aefecd232756.jpg');
        background-size: auto 680px;
    }

/* .cinecomfort .section:first-child {margin-top:100px; margin-bottom:180px;} */
.cinecomfort .img_01 .sec_tit {
    width: 310px;
    margin-top: 20px;
}

.cinecomfort .img_01 .sec_img {
    width: 662px;
    height: 413px;
}

    .cinecomfort .img_01 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/e5d8074c43144bde8761e5c2c65b2c17.jpg');
    }

.cinecomfort .img_02 .sec_tit {
    width: 390px;
    margin-left: 50px;
    margin-top: 40px;
}

.cinecomfort .img_02 .sec_img {
    width: 504px;
    height: 380px;
}

    .cinecomfort .img_02 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/18e4390641c44cc3b5b90d3bb7dfa47a.jpg');
    }

.cinecomfort .img_03 {
    text-align: right;
}

    .cinecomfort .img_03 .sec_tit {
        margin-right: 50px;
        margin-top: 55px;
    }

    .cinecomfort .img_03 .sec_img {
        width: 395px;
        height: 390px;
    }

        .cinecomfort .img_03 .sec_img .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/f827221a02ae4c3ca5a81772f44f4cda.jpg');
        }
/* 씨네Salon */
.visual_special.cinesalon {
    background: #171717;
}

    .visual_special.cinesalon .visual_slide .swiper-slide .itm.img01 {
        background-image: url('../images/movie/visual_special_cinesalon_1.jpg');
        background-size: auto 696px;
    }

    .visual_special.cinesalon .visual_slide .swiper-slide .itm.img02 {
        background-image: url('../images/movie/visual_special_cinesalon_2.jpg');
        background-size: auto 696px;
    }

    .visual_special.cinesalon .owl-carousel .item .itm.img01 {
        background-image: url('../images/movie/visual_special_cinesalon_1.jpg');
        background-size: auto 696px;
    }

    .visual_special.cinesalon .owl-carousel .item .itm.img02 {
        background-image: url('../images/movie/visual_special_cinesalon_2.jpg');
        background-size: auto 696px;
    }

.special_theater.cinesalon .section:first-child {
    padding-top: 90px;
    margin-bottom: 125px;
}

.cinesalon .img_01 .sec_tit {
    width: 310px;
    margin-top: 55px;
}

.cinesalon .img_01 .sec_img {
    width: 662px;
    height: 413px;
}

    .cinesalon .img_01 .sec_img .bx_img {
        background-image: url('../images/movie/special_cinesalon_01.jpg');
    }

.cinesalon .img_02 {
    text-align: right;
    margin-bottom: 125px;
}

    .cinesalon .img_02 .sec_tit {
        width: 450px;
        margin-right: 10px;
    }

    .cinesalon .img_02 .sec_img {
        width: 520px;
        height: 370px;
    }

        .cinesalon .img_02 .sec_img .bx_img {
            background-image: url('../images/movie/special_cinesalon_02.jpg');
        }

.cinesalon .img_03 .sec_tit {
    width: 365px;
    padding-right: 50px;
    text-align: right;
}

.cinesalon .img_03 .sec_img {
    width: 450px;
    height: 255px;
}

    .cinesalon .img_03 .sec_img .bx_img {
        background-image: url('../images/movie/special_cinesalon_04.jpg');
    }

.special_theater_home .special_list.last {
    height: 370px
}
/* 컬러리움 */
.colorium .img_00 .sec_tit {
    width: 100%;
}

.colorium .img_00 .sec_img {
    width: 980px;
    height: 488px;
}

    .colorium .img_00 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/b9e9bcfdfaeb494ba7e26fa743e92493.jpg');
    }

.colorium .img_01 {
    position: relative;
}

    .colorium .img_01 .sec_tit {
        position: absolute;
        left: -62px;
        top: 347px;
        width: 100%;
        margin-top: 30px;
        text-align: right;
    }

    .colorium .img_01 .sec_img {
        width: 981px;
        height: 489px;
    }

        .colorium .img_01 .sec_img .bx_img {
            background-image: url('../images/movie/special_colorium_02.jpg');
        }

.colorium .img_02 .sec_tit {
    width: 302px;
    margin-left: 50px;
    margin-top: 50px;
}

.colorium .img_02 {
    margin-bottom: 320px;
}

    .colorium .img_02 .sec_img {
        width: 580px;
        height: 340px;
    }

        .colorium .img_02 .sec_img .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/1e19d0a0f16040b8b4c6766a7faf0dd9.jpg');
        }

.colorium .img_03 {
    text-align: right;
}

    .colorium .img_03 .sec_tit {
        width: 880px;
        margin: 50px 50px 50px 0;
        text-align: right;
    }

    .colorium .img_03 .sec_img {
        width: 517px;
        height: 333px;
        margin-right: 50px;
    }

        .colorium .img_03 .sec_img .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/3ef9752702ee4706a58418774c9d5f5a.jpg');
        }

    .colorium .img_03 .img_primary .img_itm {
        top: 0px;
        left: 85px;
        width: 280px;
        height: 188px;
    }

        .colorium .img_03 .img_primary .img_itm .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/68f3d5c1985d4e6d8b35a0ec8cea7cbd.jpg');
        }

        .colorium .img_03 .img_primary .img_itm.ico_arr {
            top: 90px;
            left: 375px;
            width: 30px;
            height: 6px;
            transition-delay: .3s;
        }

            .colorium .img_03 .img_primary .img_itm.ico_arr .bx_img {
                background-image: url('//cf.lottecinema.co.kr/Media/Online/9b6cab126be140b1a51d180d4443f027.jpg');
            }

    .colorium .img_03 .img_primary .sec_img.motion {
        transition-delay: .5s;
    }

    .colorium .img_03 .img_secondary {
        left: 85px;
        bottom: 100px;
        width: 255px;
        height: 203px;
    }

        .colorium .img_03 .img_secondary .bx_img:first-child {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/1590add1d4d9496d9bff55637ec5c27a.jpg');
        }

        .colorium .img_03 .img_secondary .bx_img.motion {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/a2b6d022ec124b188e4871207de52bf8.jpg');
            transition-delay: 1.2s;
            transition-duration: 0.55s;
        }

    .colorium .img_03 .img_primary .img_itm.grayimg {
        top: 400px;
        left: 85px;
        width: 350px;
        height: 210px;
    }

        .colorium .img_03 .img_primary .img_itm.grayimg .bx_img {
            background-image: url('../../Content/images/movie/special_colorium_04.jpg');
        }

.colorium .img_04 .sec_tit {
    width: 302px;
    margin-top: 50px;
}

.colorium .img_04 {
    margin-bottom: 240px;
}

    .colorium .img_04 .sec_img {
        position: absolute;
        right: 0;
        width: 580px;
        height: 340px;
    }

        .colorium .img_04 .sec_img .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/1e19d0a0f16040b8b4c6766a7faf0dd9.jpg');
        }

.colorium .img_05 {
    height: 460px;
    text-align: right;
    margin-bottom: 125px;
}

    .colorium .img_05 .sec_tit {
        width: 450px;
        margin-right: 60px;
    }

    .colorium .img_05 .sec_img {
        position: absolute;
        top: 0;
        left: 160px;
        width: 506px;
        height: 456px;
    }

        .colorium .img_05 .sec_img .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/365c8343ae94477d9018410bdbcfbf85.png');
        }

.colorium .img_06 .sec_tit {
    width: 100%;
    margin-bottom: 40px;
}

.colorium .img_06 .sec_img {
    width: 980px;
    height: 331px;
}

    .colorium .img_06 .sec_img .bx_img {
        background-image: url('../../Content/images/movie/special_colorium_06.jpg');
    }

.special_theater_home .special_list > li > a .sec_img.img03 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/a6838ccef9a8467fa9074e7b68563430.jpg")
}

.special_theater_home .special_list > li > a .sec_img.img04 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/2571667ee367475da4f8b5e3cafc30f1.jpg")
}

.special_theater_home .special_list > li > a .sec_img.img05 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/9d548009af624830baf1ac1b1d6a710e.jpg")
}

.special_theater_home .special_list > li > a .sec_img.img06 {
    height: 270px;
    background-image: url("//cf.lottecinema.co.kr//Media/Online/93b082326b7e459f9faedd6042747691.jpg")
}

    .special_theater_home .special_list > li > a .sec_img.img06.type1 {
        background-image: url("../images/movie/special_cinefamily_270-1.jpg")
    }

    .special_theater_home .special_list > li > a .sec_img.img06.type2 {
        height: 270px;
        background-image: url("//cf.lottecinema.co.kr/Media/Online/aee3558bb24a46f8bbfc5597a1867d2f.jpg")
    }

.special_theater_home .special_list > li > a .sec_img.img07 {
    height: 180px;
    background-image: url("../images/movie/special_cinecouple_270.jpg")
}

    .special_theater_home .special_list > li > a .sec_img.img07.type1 {
        height: 270px;
        background-image: url("//cf.lottecinema.co.kr/Media/Online/d8225ca75e724edcb203176e2bf7bc38.jpg")
    }

.special_theater_home .special_list > li > a .sec_img.img08 {
    height: 180px;
    background-image: url("../images/movie/special_cinebiz_270.jpg")
}

    .special_theater_home .special_list > li > a .sec_img.img08.type1 {
        height: 270px;
        background-image: url("../images/movie/pc_special_cinebiz_270-1.jpg")
    }

.special_theater_home .special_list > li > a .sec_img.img09 {
    height: 180px;
    background-image: url("../images/movie/special_cinecomfort2_270_2.jpg")
}

    .special_theater_home .special_list > li > a .sec_img.img09.type1 {
        height: 270px;
        background-image: url("//cf.lottecinema.co.kr/Media/Online/40c097d0c7ed4c42b078c3f8996f36ea.jpg")
    }

.special_theater_home .special_list > li > a .sec_img.img10 {
    background-image: url("../images/movie/special_cinesalon_270.jpg")
}

.special_theater_home .special_list > li > a .sec_img.img11 {
    background-image: url("../images/movie/special_colorium_270.jpg")
}

.special_theater_home .special_list > li > a .sec_img.img12 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/916203d61c1443b99966020a063347b6.jpg")
}

.special_theater_home .special_list > li > a .bx_txt .tit .mx4d_hline {
    height: 13px;
    margin: 0 5px 0 1px
}

.special_theater_home .special_list > li > a .sec_img.img13 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/244291d787874e5ba87f40c9c6852762.jpg")
}

.special_theater_home .special_list > li > a .sec_img.img14 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/13ec8884b55a44bfae734bb7e9b9c2fa.jpg")
}

.special_theater_home .special_list > li > a .sec_img.img0902 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/37d87a0e5e064ec3a6b5301a85ec1b3e.jpg")
}

.wh_cover {
    z-index: 2;
    width: 270px;
    height: 270px;
    background-color: #fff
}

.special_theater {
    position: relative
}

    .special_theater * {
        box-sizing: border-box
    }

    .special_theater .special_list_tit {
        font-size: 18px;
        margin-bottom: 18px
    }

    .special_theater ul.special_list {
        font-size: 0;
        border: 1px solid #dedede;
        border-bottom: 0 none
    }

        .special_theater ul.special_list:after {
            content: "";
            display: block;
            border-top: 1px solid #dedede;
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 1px
        }

        .special_theater ul.special_list li {
            display: inline-block;
            width: 14.2857%;
            background: #fff
        }

            .special_theater ul.special_list li > a {
                position: relative;
                display: block;
                border-bottom: 1px solid #dedede;
                border-right: 1px solid #dedede;
                width: 100%;
                padding: 20px 0 17px 0;
                text-align: center;
                font-size: 13px;
                color: #666;
                box-sizing: border-box
            }

                .special_theater ul.special_list li > a:focus {
                    z-index: 1
                }

            .special_theater ul.special_list li:nth-of-type(7n) > a, .special_theater ul.special_list li:first-child:nth-last-child(1) > a, .special_theater ul.special_list li:first-child:nth-last-child(2) ~ li > a, .special_theater ul.special_list li:first-child:nth-last-child(3) ~ li ~ li > a {
                border-right: 0 none
            }

            .special_theater ul.special_list li:first-child:nth-last-child(1) {
                width: 100%
            }

            .special_theater ul.special_list li:first-child:nth-last-child(2), .special_theater ul.special_list li:first-child:nth-last-child(2) ~ li {
                width: 50%
            }

            .special_theater ul.special_list li:first-child:nth-last-child(3), .special_theater ul.special_list li:first-child:nth-last-child(3) ~ li, .special_theater ul.special_list li:first-child:nth-last-child(3) ~ li ~ li {
                width: 33.33333%
            }

    .special_theater .section {
        position: relative;
        margin-bottom: 180px;
        font-size: 0
    }

        .special_theater .section:first-child {
            margin-bottom: 80px
        }

        .special_theater .section.last {
            margin-bottom: 0px
        }

        .special_theater .section .sec_tit {
            display: inline-block;
            vertical-align: top;
            letter-spacing: -1px
        }

            .special_theater .section .sec_tit .tit_primary {
                margin-bottom: 18px;
                line-height: 1;
                font-size: 70px;
                font-family: "Roboto";
                color: #c0bfbe
            }

                .special_theater .section .sec_tit .tit_primary em {
                    display: block;
                    font-size: 29px
                }

            .special_theater .section .sec_tit .tit_secondary {
                font-size: 28px;
                line-height: 1.2;
                margin-bottom: 24px
            }

                .special_theater .section .sec_tit .tit_secondary strong {
                    font-weight: 700
                }

            .special_theater .section .sec_tit .sec_content {
                font-size: 15px;
                line-height: 1.4
            }

            .special_theater .section .sec_tit .sec_slide_wrap {
                position: relative
            }

        .special_theater .section .sec_img {
            position: relative;
            display: inline-block;
            overflow: hidden
        }

            .special_theater .section .sec_img .img_wrap {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .special_theater .section .sec_img em {
                text-indent: -9999em;
                color: rgba(0,0,0,0);
                font-size: 0
            }

            .special_theater .section .sec_img .bx_img {
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-size: cover
            }

            .special_theater .section .sec_img .img_wrap:after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                box-sizing: border-box
            }

        .special_theater .section div[class*=mask] .img_wrap:after {
            background-color: #ddd
        }

        .special_theater .section .img_primary {
            position: relative
        }

            .special_theater .section .img_primary > .img_itm, .special_theater .section .img_secondary {
                position: absolute
            }

                .special_theater .section .img_primary > .img_itm > .bx_img, .special_theater .section .img_secondary > .bx_img {
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    background-size: cover;
                    transition: opacity 1.2s 1s linear
                }

        .special_theater .section .lent_wrap {
            position: relative;
            border: 1px solid #ddd;
            padding: 35px 50px;
            font-size: 0
        }

            .special_theater .section .lent_wrap .bx_img {
                display: inline-block;
                border-radius: 50%;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: cover;
                width: 130px;
                height: 130px;
                margin-right: 40px;
                vertical-align: middle
            }

            .special_theater .section .lent_wrap .bx_info {
                display: inline-block;
                font-size: 13px;
                line-height: 1.4;
                vertical-align: middle
            }

                .special_theater .section .lent_wrap .bx_info strong {
                    font-weight: bold
                }

                .special_theater .section .lent_wrap .bx_info img {
                    display: block;
                    margin-bottom: 20px
                }

            .special_theater .section .lent_wrap .btn_more {
                position: absolute;
                right: 50px;
                top: 50%;
                margin-top: -8px
            }

                .special_theater .section .lent_wrap .btn_more .line {
                    display: inline-block;
                    background-color: #eee;
                    width: 211px;
                    height: 1px;
                    margin-right: 60px
                }

                .special_theater .section .lent_wrap .btn_more .btn_txt {
                    border: 0 none;
                    font-size: 15px;
                    color: #000
                }

.special_theater__0902#contents {
    font-family: "Roboto","Noto Sans KR","sans-serif";
    padding-top: 0
}

.special_theater__0902, .special_theater__0902 * {
    box-sizing: border-box
}

    .special_theater__0902 .section {
        word-break: keep-all;
        margin-bottom: 120px
    }

        .special_theater__0902 .section:last-child {
            margin-bottom: 50px
        }

    .special_theater__0902.special_theater .section .sec_tit .tit_primary {
        margin-bottom: 14px;
        line-height: 1.35
    }

    .special_theater__0902.special_theater .section .sec_tit .tit_secondary {
        font-size: 29px;
        letter-spacing: -0.03em;
        line-height: 1.35
    }

    .special_theater__0902.special_theater .section .sec_tit .sec_content {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em
    }

.visual_special.charlotte {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/c08339ecf4cf4e218e2c664b06542a64.jpg")
}

.charlotte .img_01 .sec_tit {
    width: 340px;
    margin-top: 22px
}

.charlotte .img_01 .img_secondary {
    left: 30px;
    width: 256px;
    height: 246px
}

    .charlotte .img_01 .img_secondary .bx_img:first-child {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/21452ab389ef4f49aede13752029b094.jpg")
    }

    .charlotte .img_01 .img_secondary .bx_img.motion {
        transition-delay: 1s;
        background-image: url("//cf.lottecinema.co.kr/Media/Online/99977fe6aec44022a27776c9aaf37f52.jpg")
    }

.charlotte .img_01 .sec_img {
    width: 635px;
    height: 358px
}

    .charlotte .img_01 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/794c1cdb2fb84353ad3313fd359ebb7c.jpg")
    }

.charlotte .img_02 {
    text-align: right
}

    .charlotte .img_02 .sec_tit {
        width: 100%;
        margin-bottom: 40px
    }

    .charlotte .img_02 .sec_img {
        width: 888px;
        height: 370px
    }

        .charlotte .img_02 .sec_img .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/345398f2c62f4baf8957b782672ff34e.jpg")
        }

.charlotte .img_03 .sec_tit {
    width: 505px;
    margin-top: 63px;
    margin-left: 40px
}

.charlotte .img_03 .img_secondary {
    right: 0;
    bottom: -60px;
    width: 285px;
    height: 160px
}

    .charlotte .img_03 .img_secondary .bx_img {
        background: url("//cf.lottecinema.co.kr/Media/Online/cfb9e8f94a23497a82f7de4213264cec.jpg") no-repeat 50% 50%
    }

.charlotte .img_03 .sec_img {
    width: 430px;
    height: 480px
}

    .charlotte .img_03 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/f61022c674be4377982e63276ae66a9c.jpg")
    }

.charlotte .img_04 {
    margin-bottom: 80px
}

    .charlotte .img_04 .sec_tit {
        width: 360px;
        margin-right: 40px;
        text-align: right
    }

    .charlotte .img_04 .sec_img {
        width: 471px;
        height: 266px
    }

        .charlotte .img_04 .sec_img .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/cfb9e8f94a23497a82f7de4213264cec.jpg")
        }

.charlotte .section.txt {
    font-size: 12px;
    display: block;
    margin-bottom: 120px;
    text-align: center;
    color: #666
}

.charlotte .lent_wrap .bx_img {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/944eccce560848d4be2263b893aac677.png")
}

.charlotte .lent_wrap .bx_info > span {
    display: block;
    margin-top: 16px;
    color: #666
}

.visual_special.superplexg {
    background-image: url("../images/movie/visual_special_superg.jpg")
}

.superplexg .img_01 .sec_tit {
    margin-bottom: 40px
}

.superplexg .img_01 .sec_img {
    width: 856px;
    height: 526px
}

    .superplexg .img_01 .sec_img .bx_img {
        background-image: url("../images/movie/special_superplexg_01.jpg")
    }

.superplexg .img_02 .sec_tit {
    width: 100%;
    margin-bottom: 40px;
    text-align: right
}

.superplexg .img_02 .sec_img {
    width: 100%;
    height: 381px
}

    .superplexg .img_02 .sec_img .bx_img {
        background-image: url("../images/movie/special_superplexg_02.jpg")
    }

.superplexg .img_03 {
    margin-bottom: 75px
}

    .superplexg .img_03 .sec_tit {
        width: 345px
    }

    .superplexg .img_03 .sec_img {
        width: 635px;
        height: 317px
    }

        .superplexg .img_03 .sec_img .bx_img {
            background-image: url("../images/movie/special_superplexg_03.jpg")
        }

.superplexg .img_04 .sec_img {
    width: 340px;
    height: 230px;
    margin-left: 122px
}

    .superplexg .img_04 .sec_img .bx_img {
        background-image: url("../images/movie/special_superplexg_04.gif")
    }

.superplexg .lent_wrap .bx_img {
    background-image: url("../images/movie/cinecouple_130.png")
}

.visual_special.superplex .visual_slide .swiper-slide .itm.img01 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/41c236ea2b2a4053ba21a9fe0c2167f9.jpg");
    background-size: auto 696px
}

.visual_special.superplex .visual_slide .swiper-slide .itm.img02 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/1952268c41d94f7eb88602d3c30e3570.jpg");
    background-size: auto 796px
}

.visual_special.superplex .owl-carousel .item .itm.img01 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/41c236ea2b2a4053ba21a9fe0c2167f9.jpg");
    background-size: auto 696px
}

.visual_special.superplex .owl-carousel .item .itm.img02 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/1952268c41d94f7eb88602d3c30e3570.jpg");
    background-size: auto 796px
}

.superplex .section:first-child {
    margin-bottom: 80px
}

.superplex .img_01 .sec_tit {
    width: 100%;
    margin-bottom: 40px
}

.superplex .img_01 .sec_img {
    width: 100%;
    height: 380px
}

    .superplex .img_01 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/bc5c861d0a90473682cf3e73e40a848c.jpg")
    }

.superplex .img_02 {
    margin-bottom: 280px
}

    .superplex .img_02 .sec_tit {
        width: 390px;
        margin-top: 75px;
        margin-left: 50px
    }

    .superplex .img_02 .sec_img {
        width: 534px;
        height: 650px
    }

        .superplex .img_02 .sec_img .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/6b74a483f14b44a0b78914833a57d719.jpg")
        }

    .superplex .img_02 .img_secondary {
        right: 0px;
        bottom: -100px;
        width: 240px;
        height: 158px
    }

        .superplex .img_02 .img_secondary .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/ac424ae832d64893bb5dc649a7cf2eea.jpg")
        }

.superplex .img_03 .sec_tit {
    width: 330px;
    margin-right: 50px
}

    .superplex .img_03 .sec_tit .sec_content > span {
        display: block;
        margin-top: 30px;
        color: #666
    }

.superplex .img_03 .sec_img {
    width: 600px;
    height: 380px
}

    .superplex .img_03 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/7180049130444604b7d4a2bcf2e2fd9d.jpg")
    }

.visual_special.supers {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/16d782fd43f341998ba226948228cdb9.jpg")
}

.supers .img_01 .sec_tit {
    margin-bottom: 40px
}

.supers .img_01 .sec_img {
    width: 100%;
    height: 488px
}

    .supers .img_01 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/db9caf1b92574bb78f761848dd3098c9.jpg")
    }

.supers .img_02 {
    text-align: right
}

    .supers .img_02 .sec_tit {
        width: 880px;
        margin-top: 40px;
        margin-right: 50px;
        text-align: right
    }

    .supers .img_02 .sec_img {
        width: 517px;
        height: 333px;
        margin-right: 50px
    }

        .supers .img_02 .sec_img .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/3ef9752702ee4706a58418774c9d5f5a.jpg")
        }

    .supers .img_02 .img_primary .img_itm {
        top: 0px;
        left: 85px;
        width: 280px;
        height: 188px
    }

        .supers .img_02 .img_primary .img_itm .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/68f3d5c1985d4e6d8b35a0ec8cea7cbd.jpg")
        }

        .supers .img_02 .img_primary .img_itm.ico_arr {
            top: 90px;
            left: 375px;
            width: 30px;
            height: 6px;
            transition-delay: .3s
        }

            .supers .img_02 .img_primary .img_itm.ico_arr .bx_img {
                background-image: url("//cf.lottecinema.co.kr/Media/Online/9b6cab126be140b1a51d180d4443f027.jpg")
            }

    .supers .img_02 .img_primary .sec_img.motion {
        transition-delay: .5s
    }

    .supers .img_02 .img_secondary {
        bottom: 100px;
        left: 85px;
        width: 255px;
        height: 203px
    }

        .supers .img_02 .img_secondary .bx_img:first-child {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/1590add1d4d9496d9bff55637ec5c27a.jpg")
        }

        .supers .img_02 .img_secondary .bx_img.motion {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/a2b6d022ec124b188e4871207de52bf8.jpg");
            transition-delay: 1.2s;
            transition-duration: .55s
        }

.supers .img_03 .sec_tit {
    position: relative;
    top: -100px
}

.supers .img_03 .sec_img {
    width: 427px;
    height: 474px;
    margin-right: 50px
}

    .supers .img_03 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/6ebf33692b3b441d90b2363ef8dbe3e5.jpg")
    }

.supers .img_03 .img_primary {
    text-align: right
}

    .supers .img_03 .img_primary .img_itm {
        top: 0px;
        left: 155px;
        width: 280px;
        height: 310px
    }

        .supers .img_03 .img_primary .img_itm .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/2ce368032e1640ae93b3e747803c4f90.jpg")
        }

        .supers .img_03 .img_primary .img_itm.ico_arr {
            top: 150px;
            left: 455px;
            width: 30px;
            height: 6px;
            transition-delay: .3s
        }

            .supers .img_03 .img_primary .img_itm.ico_arr .bx_img {
                background-image: url("//cf.lottecinema.co.kr/Media/Online/9b6cab126be140b1a51d180d4443f027.jpg")
            }

    .supers .img_03 .img_primary .sec_img.motion {
        transition-delay: .5s
    }

.supers .img_03 .img_secondary {
    right: 50px;
    bottom: -40px;
    width: 427px;
    height: 227px
}

    .supers .img_03 .img_secondary .bx_img:first-child {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/2ac4b45e70dd4edc9038e8dff8093b16.jpg")
    }

    .supers .img_03 .img_secondary .bx_img.motion {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/cbf2c313dd3f43d889bea20e2e101502.jpg");
        transition-delay: 1.05s;
        transition-duration: .55s
    }

.supers .img_04 .sec_tit {
    width: 352px;
    margin-top: 20px;
    margin-left: 48px
}

.supers .img_04 .sec_img {
    width: 580px;
    height: 325px
}

    .supers .img_04 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/047c2f99a75b42fa98ece1e90355e1bd.jpg")
    }

.visual_special.super4d {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/1960d63cfef845a5b1b7d067398a0acb.jpg")
}

.super4d .sec_tit {
    width: 430px;
    margin: 91px 50px 0
}

    .super4d .sec_tit .tit_primary {
        position: relative;
        display: inline-block
    }

        .super4d .sec_tit .tit_primary:after {
            position: absolute;
            top: -35px;
            display: inline-block;
            width: 60px;
            height: 60px;
            content: "";
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: contain
        }

.super4d .img_02 .sec_tit .tit_primary:after {
    margin-left: 10px;
    background-image: url("//cf.lottecinema.co.kr/Media/Online/e8565d6812344a2cbc5963d69de0d5cc.png")
}

.super4d .img_03 .sec_tit .tit_primary:after {
    left: -70px;
    background-image: url("//cf.lottecinema.co.kr/Media/Online/b3bad3650a0645d78175b9069d6d7d08.png")
}

.super4d .img_04 .sec_tit .tit_primary:after {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/5d6025bacf984ed3bf61eb0a34cce187.png")
}

.super4d .img_05 .sec_tit .tit_primary:after {
    left: -75px;
    background-image: url("//cf.lottecinema.co.kr/Media/Online/dfd60f25288d413f896977e955bbd26c.png")
}

.super4d .img_06 .sec_tit .tit_primary:after {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/c6598d74864144fe8f31827d28eb9d7f.png")
}

.super4d .img_07 .sec_tit .tit_primary:after {
    top: -15px;
    left: -75px;
    background-image: url("//cf.lottecinema.co.kr/Media/Online/cb4e3dfa0e7d41808d48f1143ec77775.png")
}

.super4d .img_08 .sec_tit .tit_primary:after {
    top: -15px;
    background-image: url("//cf.lottecinema.co.kr/Media/Online/25b4facb852b4c78b4a58a7ba6007dd1.png")
}

.super4d .img_09 .sec_tit .tit_primary:after {
    top: -15px;
    left: -75px;
    background-image: url("//cf.lottecinema.co.kr/Media/Online/4fadaa087cdc43b8ac34b3dc2cbc56f4.png")
}

.super4d .sec_img {
    width: 450px;
    height: 293px
}

.super4d .img_01 {
    margin-bottom: 60px
}

    .super4d .img_01 .sec_tit {
        width: 100%;
        margin: 80px 0 0 0
    }

    .super4d .img_01 .sec_img {
        width: 100%;
        height: 304px
    }

.super4d .img_03 .sec_tit, .super4d .img_05 .sec_tit, .super4d .img_07 .sec_tit, .super4d .img_09 .sec_tit {
    text-align: right
}

.super4d .img_01 .sec_img .bx_img {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/cb18f059c8364661b507087cec31fe03.jpg")
}

.super4d .img_02 .sec_img .bx_img {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/92eda299479245d7b1e7be76fc597ee7.jpg")
}

.super4d .img_03 .sec_img .bx_img {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/9e48a278e9da446ab6f0ca55e184db36.jpg")
}

.super4d .img_04 .sec_img .bx_img {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/5a68a1fe4fe64892a05ef155be4d0994.jpg")
}

.super4d .img_05 .sec_img .bx_img {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/171f964be9c6499cb4a85eb9aad3eb6a.jpg")
}

.super4d .img_06 .sec_img .bx_img {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/4ba58a624ea94ce3b3281eb9cc1a470e.jpg")
}

.super4d .img_07 .sec_img .bx_img {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/8b25eec92ddc4349b75e89220f0fbb4e.jpg")
}

.super4d .img_08 .sec_img .bx_img {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/0980779da8ab41a2935e019a3dbe4ae7.jpg")
}

.super4d .img_09 .sec_img .bx_img {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/cea1ab96d00846dd87f68a55140889aa.jpg")
}

.visual_special.cinefamily {
    background: #171717
}

.special_theater.cinefamily .section:last-child {
    margin-bottom: 110px
}

.cinefamily .img_01 .sec_tit {
    width: 330px
}

.cinefamily .img_01 .sec_img {
    width: 649px;
    height: 366px
}

    .cinefamily .img_01 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr//Media/Online/e353c0d255c842f1aaedea0f0793584b.jpg")
    }

.cinefamily .img_02 .sec_tit {
    width: 250px;
    margin-left: 50px
}

.cinefamily .img_02 .sec_img {
    width: 498px;
    height: 390px;
    overflow: visible
}

    .cinefamily .img_02 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr//Media/Online/f76f6c57b39747b39f4943088765bf4f.jpg")
    }

    .cinefamily .img_02 .sec_img .desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em;
        position: absolute;
        bottom: -18px;
        transform: translateY(100%)
    }

.cinefamily .img_02 .img_secondary {
    right: 30px;
    bottom: -100px;
    width: 265px;
    height: 166px
}

    .cinefamily .img_02 .img_secondary .bx_img {
        transition-delay: 1.05s;
        transition-duration: .55s;
        background-image: url("//cf.lottecinema.co.kr/Media/Online/036d4fdd90d2430fa93f1469d9afba3b.jpg")
    }

.cinefamily .img_03 .sec_tit {
    width: 100%;
    margin-bottom: 50px
}

.cinefamily .img_03 .sec_img {
    width: 100%;
    height: 653px
}

    .cinefamily .img_03 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr//Media/Online/28583d0d88464ed1a750fb93506c02fd.jpg")
    }

.visual_special.cinefamily .visual_slide .swiper-slide .itm.img02 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/abed552f880145cebca1ca4a429070f3.jpg");
    background-size: auto 696px
}

.visual_special.cinefamily .visual_slide .swiper-slide .itm.img01 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/2ed8cbb834154f30a71d5be5f2252c85.jpg");
    background-size: auto 680px
}

.visual_special.cinefamily .owl-carousel .item .itm.img02 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/abed552f880145cebca1ca4a429070f3.jpg");
    background-size: auto 696px
}

.visual_special.cinefamily .owl-carousel .item .itm.img01 {
    background-image: url("//cf.lottecinema.co.kr//Media/Online/8672127a99c94f6ab8bbf6bd6898f8b4.jpg");
    background-size: auto 696px
}

.visual_special.cinecouple {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/18219e49e0d44ccebf4e9f925d60aaac.jpg")
}

.cinecouple .img_01 .sec_tit {
    width: 410px
}

.cinecouple .img_01 .sec_img {
    width: 568px;
    height: 340px
}

    .cinecouple .img_01 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/94ae82e0810b452a9d7114e9775f949c.jpg")
    }

.cinecouple .img_02 .sec_tit {
    width: 100%;
    margin-bottom: 40px
}

.cinecouple .img_02 .sec_img {
    width: 100%;
    height: 380px
}

    .cinecouple .img_02 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/478b2072f22646728ef5dcdae519a958.jpg")
    }

.visual_special.cinebiz {
    background-image: url("../images/movie/visual_special_cinebiz.jpg")
}

.cinebiz .img_01 .sec_tit {
    width: 100%;
    margin-top: 30px
}

.cinebiz .img_01 .sec_img {
    width: 840px;
    height: 451px
}

    .cinebiz .img_01 .sec_img .bx_img {
        background-image: url("../images/movie/special_cinebiz_01.jpg")
    }

.cinebiz .img_02 .sec_tit {
    width: 302px;
    margin-left: 50px
}

.cinebiz .img_02 {
    margin-bottom: 320px
}

    .cinebiz .img_02 .sec_img {
        width: 435px;
        height: 481px
    }

        .cinebiz .img_02 .sec_img .bx_img {
            background-image: url("../images/movie/special_cinebiz_02.jpg")
        }

    .cinebiz .img_02 .img_secondary {
        right: 0px;
        bottom: -140px;
        width: 257px;
        height: 180px
    }

        .cinebiz .img_02 .img_secondary .bx_img {
            background-image: url("../images/movie/special_cinebiz_02_02.jpg")
        }

.cinebiz .lent_wrap .bx_img {
    background-image: url("../images/movie/cinebiz_130.png")
}

.visual_special.cinecomfort {
    background: #171717
}

    .visual_special.cinecomfort .visual_slide .swiper-slide .itm.img02 {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/9cc51fdc77a447b9befc2c5a66578cc5.jpg");
        background-size: auto 696px
    }

    .visual_special.cinecomfort .visual_slide .swiper-slide .itm.img01 {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/ffb431bc014846e6a702aefecd232756.jpg");
        background-size: auto 680px
    }

    .visual_special.cinecomfort .owl-carousel .item .itm.img02 {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/9cc51fdc77a447b9befc2c5a66578cc5.jpg");
        background-size: auto 696px
    }

    .visual_special.cinecomfort .owl-carousel .item .itm.img01 {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/ffb431bc014846e6a702aefecd232756.jpg");
        background-size: auto 680px
    }

.cinecomfort .img_01 .sec_tit {
    width: 310px;
    margin-top: 20px
}

.cinecomfort .img_01 .sec_img {
    width: 662px;
    height: 413px
}

    .cinecomfort .img_01 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/e5d8074c43144bde8761e5c2c65b2c17.jpg")
    }

.cinecomfort .img_02 .sec_tit {
    width: 390px;
    margin-top: 40px;
    margin-left: 50px
}

.cinecomfort .img_02 .sec_img {
    width: 504px;
    height: 380px
}

    .cinecomfort .img_02 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/18e4390641c44cc3b5b90d3bb7dfa47a.jpg")
    }

.cinecomfort .img_03 {
    text-align: right
}

    .cinecomfort .img_03 .sec_tit {
        margin-top: 55px;
        margin-right: 50px
    }

    .cinecomfort .img_03 .sec_img {
        width: 395px;
        height: 390px
    }

        .cinecomfort .img_03 .sec_img .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/f827221a02ae4c3ca5a81772f44f4cda.jpg")
        }

.visual_special.cinesalon {
    background: #171717
}

    .visual_special.cinesalon .visual_slide .swiper-slide .itm.img01 {
        background-image: url("../images/movie/visual_special_cinesalon_1.jpg");
        background-size: auto 696px
    }

    .visual_special.cinesalon .visual_slide .swiper-slide .itm.img02 {
        background-image: url("../images/movie/visual_special_cinesalon_2.jpg");
        background-size: auto 696px
    }

    .visual_special.cinesalon .owl-carousel .item .itm.img01 {
        background-image: url("../images/movie/visual_special_cinesalon_1.jpg");
        background-size: auto 696px
    }

    .visual_special.cinesalon .owl-carousel .item .itm.img02 {
        background-image: url("../images/movie/visual_special_cinesalon_2.jpg");
        background-size: auto 696px
    }

.special_theater.cinesalon .section:first-child {
    margin-bottom: 125px;
    padding-top: 90px
}

.cinesalon .img_01 .sec_tit {
    width: 310px;
    margin-top: 55px
}

.cinesalon .img_01 .sec_img {
    width: 662px;
    height: 413px
}

    .cinesalon .img_01 .sec_img .bx_img {
        background-image: url("../images/movie/special_cinesalon_01.jpg")
    }

.cinesalon .img_02 {
    margin-bottom: 125px;
    text-align: right
}

    .cinesalon .img_02 .sec_tit {
        width: 450px;
        margin-right: 10px
    }

    .cinesalon .img_02 .sec_img {
        width: 520px;
        height: 370px
    }

        .cinesalon .img_02 .sec_img .bx_img {
            background-image: url("../images/movie/special_cinesalon_02.jpg")
        }

.cinesalon .img_03 .sec_tit {
    width: 365px;
    padding-right: 50px;
    text-align: right
}

.cinesalon .img_03 .sec_img {
    width: 450px;
    height: 255px
}

    .cinesalon .img_03 .sec_img .bx_img {
        background-image: url("../images/movie/special_cinesalon_04.jpg")
    }

.special_theater_home .special_list.last {
    height: 370px
}

.colorium .img_00 .sec_tit {
    width: 100%
}

.colorium .img_00 .sec_img {
    width: 980px;
    height: 488px
}

    .colorium .img_00 .sec_img .bx_img {
        background-image: url("//cf.lottecinema.co.kr/Media/Online/b9e9bcfdfaeb494ba7e26fa743e92493.jpg")
    }

.colorium .img_01 {
    position: relative
}

    .colorium .img_01 .sec_tit {
        position: absolute;
        top: 347px;
        left: -62px;
        width: 100%;
        margin-top: 30px;
        text-align: right
    }

    .colorium .img_01 .sec_img {
        width: 981px;
        height: 489px
    }

        .colorium .img_01 .sec_img .bx_img {
            background-image: url("../images/movie/special_colorium_02.jpg")
        }

.colorium .img_02 .sec_tit {
    width: 302px;
    margin-top: 50px;
    margin-left: 50px
}

.colorium .img_02 {
    margin-bottom: 320px
}

    .colorium .img_02 .sec_img {
        width: 580px;
        height: 340px
    }

        .colorium .img_02 .sec_img .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/1e19d0a0f16040b8b4c6766a7faf0dd9.jpg")
        }

.colorium .img_03 {
    text-align: right
}

    .colorium .img_03 .sec_tit {
        width: 880px;
        margin: 50px 50px 50px 0;
        text-align: right
    }

    .colorium .img_03 .sec_img {
        width: 517px;
        height: 333px;
        margin-right: 50px
    }

        .colorium .img_03 .sec_img .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/3ef9752702ee4706a58418774c9d5f5a.jpg")
        }

    .colorium .img_03 .img_primary .img_itm {
        top: 0px;
        left: 85px;
        width: 280px;
        height: 188px
    }

        .colorium .img_03 .img_primary .img_itm .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/68f3d5c1985d4e6d8b35a0ec8cea7cbd.jpg")
        }

        .colorium .img_03 .img_primary .img_itm.ico_arr {
            top: 90px;
            left: 375px;
            width: 30px;
            height: 6px;
            transition-delay: .3s
        }

            .colorium .img_03 .img_primary .img_itm.ico_arr .bx_img {
                background-image: url("//cf.lottecinema.co.kr/Media/Online/9b6cab126be140b1a51d180d4443f027.jpg")
            }

    .colorium .img_03 .img_primary .sec_img.motion {
        transition-delay: .5s
    }

    .colorium .img_03 .img_secondary {
        bottom: 100px;
        left: 85px;
        width: 255px;
        height: 203px
    }

        .colorium .img_03 .img_secondary .bx_img:first-child {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/1590add1d4d9496d9bff55637ec5c27a.jpg")
        }

        .colorium .img_03 .img_secondary .bx_img.motion {
            transition-delay: 1.2s;
            transition-duration: .55s;
            background-image: url("//cf.lottecinema.co.kr/Media/Online/a2b6d022ec124b188e4871207de52bf8.jpg")
        }

    .colorium .img_03 .img_primary .img_itm.grayimg {
        top: 400px;
        left: 85px;
        width: 350px;
        height: 210px
    }

        .colorium .img_03 .img_primary .img_itm.grayimg .bx_img {
            background-image: url("../../Content/images/movie/special_colorium_04.jpg")
        }

.colorium .img_04 .sec_tit {
    width: 302px;
    margin-top: 50px
}

.colorium .img_04 {
    margin-bottom: 240px
}

    .colorium .img_04 .sec_img {
        position: absolute;
        right: 0;
        width: 580px;
        height: 340px
    }

        .colorium .img_04 .sec_img .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/1e19d0a0f16040b8b4c6766a7faf0dd9.jpg")
        }

.colorium .img_05 {
    height: 460px;
    margin-bottom: 125px;
    text-align: right
}

    .colorium .img_05 .sec_tit {
        width: 450px;
        margin-right: 60px
    }

    .colorium .img_05 .sec_img {
        position: absolute;
        top: 0;
        left: 160px;
        width: 506px;
        height: 456px
    }

        .colorium .img_05 .sec_img .bx_img {
            background-image: url("//cf.lottecinema.co.kr/Media/Online/365c8343ae94477d9018410bdbcfbf85.png")
        }

.colorium .img_06 .sec_tit {
    width: 100%;
    margin-bottom: 40px
}

.colorium .img_06 .sec_img {
    width: 980px;
    height: 331px
}

    .colorium .img_06 .sec_img .bx_img {
        background-image: url("../../Content/images/movie/special_colorium_06.jpg")
    }

.special_theater_home .special_list > li > a .sec_img.img03 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/ef513b3e06b9432ab29e19866737dd8b.jpg")
}

.special_theater_home .special_list > li > a .sec_img.img10 {
    height: 180px;
    background-image: url("../images/movie/special_cinesalon_270-1.jpg")
}

.special_theater_home .special_list.last {
    margin-top: 32px
}

.special_theater.superplex.new22 .worldtowertab .section .sec_tit {
    width: 100%;
    text-align: center
}

.special_theater .section .sec_tit .tit_secondary strong.roboto {
    font-family: "Roboto";
    font-size: 29px
}

.special_theater.superplex.new22 .section .sec_tit .tit_primary .desc {
    font-size: 35px;
    color: #b5b5b5
}

.special_theater.superplex.new22 .section .sec_tit .tit_primary .tit {
    color: #8b8b8b
}

.special_theater.superplex.new22 .section .sec_tit .tit_primary .andtxt {
    font-size: 60px
}

.special_theater.superplex.new22 .section .sec_tit .tit_secondary {
    margin-bottom: 10px
}

.special_theater.superplex.new22 .section .sec_infobox_gray {
    padding: 50px 0;
    text-align: center;
    background: #f9f9f9
}

.special_theater.superplex.new22 .section .infobox {
    font-size: 15px;
    color: #8b8b8b
}

    .special_theater.superplex.new22 .section .infobox > .tit {
        padding-bottom: 5px;
        color: #848484
    }

        .special_theater.superplex.new22 .section .infobox > .tit .roboto {
            font-family: "Roboto";
            font-size: 17px
        }

    .special_theater.superplex.new22 .section .infobox .desc {
        letter-spacing: -1px
    }

.special_theater.superplex.new22 .section.first {
    margin-bottom: 90px
}

.special_theater.superplex.new22 .section.img_04, .special_theater.superplex.new22 .section.img_05, .special_theater.superplex.new22 .section.img_06 {
    margin-bottom: 135px
}

.special_theater.superplex.new22 .section .sec_infobox_group {
    text-align: center
}

    .special_theater.superplex.new22 .section .sec_infobox_group > .tit {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 30px;
        letter-spacing: -1px;
        color: #848484
    }

    .special_theater.superplex.new22 .section .sec_infobox_group .infobox {
        display: inline-flex;
        letter-spacing: -1px;
        color: #8b8b8b
    }

        .special_theater.superplex.new22 .section .sec_infobox_group .infobox > li {
            width: 180px;
            padding: 0 10px
        }

        .special_theater.superplex.new22 .section .sec_infobox_group .infobox dl > .tit {
            font-size: 16px;
            font-weight: bold;
            padding: 10px 0 9px
        }

            .special_theater.superplex.new22 .section .sec_infobox_group .infobox dl > .tit p {
                font-size: 15px;
                font-weight: normal;
                padding-top: 3px;
                color: #ababab
            }

                .special_theater.superplex.new22 .section .sec_infobox_group .infobox dl > .tit p .roboto {
                    font-family: "Roboto";
                    font-size: 16px;
                    letter-spacing: 0
                }

        .special_theater.superplex.new22 .section .sec_infobox_group .infobox dl > .desc {
            font-size: 15px;
            line-height: 1.4
        }

.special_theater.superplex.new22 .section .seat_info {
    position: relative
}

    .special_theater.superplex.new22 .section .seat_info > .seatinfobtn {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 30px;
        height: 30px;
        background: url("../images/movie/icon_superflexinfoblue.png") 0 0 no-repeat;
        background-size: 100%
    }

    .special_theater.superplex.new22 .section .seat_info > .location_type1 {
        top: 375px;
        left: 178px
    }

    .special_theater.superplex.new22 .section .seat_info > .location_type2 {
        top: 339px;
        left: 271px
    }

    .special_theater.superplex.new22 .section .seat_info > .location_type3 {
        top: 187px;
        left: 475px
    }

    .special_theater.superplex.new22 .section .seat_info > .location_type4 {
        top: 432px;
        left: 475px
    }

    .special_theater.superplex.new22 .section .seat_info > .location_type5 {
        top: 304px;
        left: 631px
    }

.special_theater_home .special_list > li > a .sec_img.img14 {
    background-image: url("//cf.lottecinema.co.kr/Media/Online/13ec8884b55a44bfae734bb7e9b9c2fa.jpg")
}

.visual_special.radiantsound * {
    box-sizing: border-box
}

.visual_special.radiantsound .special_txt {
    top: 226px;
    margin-left: -142px;
    text-align: center;
    color: #fff
}

.visual_special.radiantsound .special_txt--desc {
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 317px;
    height: 34px;
    margin-top: 96px;
    margin-left: -30px;
    padding: 4px;
    text-align: center;
    color: #999;
    background: rgba(0,0,0,.8);
    gap: 8px
}

    .visual_special.radiantsound .special_txt--desc span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px
    }

        .visual_special.radiantsound .special_txt--desc span:not(:first-child):before {
            display: inline-block;
            width: 1px;
            height: 14px;
            margin-top: 2px;
            content: "";
            background: currentColor
        }

.visual_special.radiantsound .special_txt--title dt {
    font-size: 30px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

    .visual_special.radiantsound .special_txt--title dt span {
        font-family: "Noto Sans KR","Roboto","sans-serif";
        letter-spacing: 3px
    }

    .visual_special.radiantsound .special_txt--title dt strong {
        font-size: 48px;
        font-weight: 500;
        line-height: 57.6px;
        display: block;
        margin-top: 4px;
        text-align: center
    }

.visual_special.radiantsound .special_txt--title dd {
    font-size: 22px;
    font-weight: 500;
    line-height: 26.4px;
    margin-top: 18px;
    text-align: center
}

.special_theater .section .sec_tit .tit_primary.type50 {
    font-family: "Noto Sans KR";
    font-size: 50px;
    line-height: 1.3;
    margin-bottom: 22px;
    letter-spacing: -2px;
    color: #000
}

.special_theater .section .sec_tit .tit_secondary.type15 {
    font-size: 15px
}

.radiantsound .img_02 .sec_tit {
    width: 335px;
    margin-right: 40px;
    vertical-align: 80px
}

.radiantsound .img_02 .sec_img {
    width: 604px;
    height: 350px
}

    .radiantsound .img_02 .sec_img .bx_img {
        background: url("//cf.lottecinema.co.kr/Media/Online/aa36a2de86364bbb85ad7be24bc78aec.jpg")
    }

.special_theater--section {
    display: flex;
    align-items: center;
    margin-top: 60px;
    gap: 32px
}

.special_theater--img {
    flex: 0 0 600px
}

    .special_theater--img img {
        width: 100%;
        vertical-align: top
    }

.special_theater--desc dt {
    font-size: 28px;
    line-height: 36px
}

.special_theater--desc dd {
    margin-top: 26px
}

.section .motion.sec_img.mask_slide_right .bx_img {
    transform: translate3d(-25%, 0, 0)
}

.section .motion.is_on.sec_img.mask_slide_right .img_wrap:after {
    transform: translate3d(101%, 0, 0)
}

.section .motion.sec_img.mask_slide_left .bx_img {
    transform: translate3d(25%, 0, 0)
}

.section .motion.is_on.sec_img.mask_slide_left .img_wrap:after {
    transform: translate3d(-101%, 0, 0)
}

.section .motion.sec_img.mask_slide_top .bx_img {
    transform: translate3d(0, 25%, 0)
}

.section .motion.is_on.sec_img.mask_slide_top .img_wrap:after {
    transform: translate3d(0, -101%, 0)
}

.section .motion.sec_img.mask_slide_bottom .bx_img {
    transform: translate3d(0, -25%, 0)
}

.section .motion.is_on.sec_img.mask_slide_bottom .img_wrap:after {
    transform: translate3d(0, 101%, 0)
}

.section .motion.is_on.sec_img .bx_img {
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.31, 1.005);
    transform: translate3d(0, 0, 0)
}

.section .motion.is_on.sec_img .img_wrap:after {
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.31, 1.005)
}

.section .motion.mask_zoom_in .bx_img {
    transition: transform .5s ease-in;
    transform: scale(1)
}

.section .motion.mask_zoom_in:hover .bx_img {
    transform: scale(1.05)
}

.section .motion.slide_left {
    transform: translateX(30px);
    opacity: 0
}

.section .motion.slide_right {
    transform: translateX(-30px);
    opacity: 0
}

.section .motion.slide_top {
    transform: translateY(30px);
    opacity: 0
}

.section .motion.slide_bottom {
    transform: translateY(-30px);
    opacity: 0
}

.section .motion.is_on.slide_left, .section .motion.is_on.slide_right {
    transition: transform .55s .2s ease-out,opacity .55s .2s linear;
    transform: translateX(0);
    opacity: 1
}

.section .motion.is_on.slide_top, .section .motion.is_on.slide_bottom {
    transition: transform .65s ease-out,opacity .65s linear;
    transform: translateY(0);
    opacity: 1
}

.section .motion.slide_left + .slide_left, .section .motion.slide_right + .slide_right, .section .motion.slide_top + .slide_top, .section .motion.slide_bottom + .slide_bottom {
    transition-delay: .25s
}

.section .motion.fade_in {
    opacity: 0
}

.section .motion.is_on.fade_in {
    transition: opacity .65s linear;
    opacity: 1
}

.section .motion.fade_out {
    opacity: 1
}

.section .motion.is_on.fade_out {
    transition: opacity .65s linear;
    opacity: 0
}

.section .motion.zoom_in {
    transform: scale(0.8)
}

.section .motion.is_on.zoom_in {
    transition: transform .65s linear;
    transform: scale(1)
}

.section .motion.zoom_out {
    transform: scale(1.12)
}

.section .motion.is_on.zoom_out {
    transition: transform .65s linear;
    transform: scale(1)
}

.mypage_box {
    position: relative;
    min-height: 355px
}

    .mypage_box:not(.mypage_box__guest) {
        float: left;
        width: 597px
    }

.mypage_box__guest {
    background: #fff;
    overflow: hidden;
    border-radius: 10px
}

.mypage_box--guest {
    position: relative;
    margin: 25px;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    border-radius: 8px;
    background-color: #f5f5f5
}

    .mypage_box--guest .txt_rank2 {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

.mypage_box--guest--name {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    margin-top: 4px
}

    .mypage_box--guest--name strong span:last-child {
        margin-left: 1px;
        margin-right: 1px
    }

.mypage_box--guest--tip {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    margin-top: 12px;
    color: rgba(102, 102, 102, var(--text-opacity))
}

.mypage_box--cta {
    border-top: 1px solid #eee
}

    .mypage_box--cta .btn {
        height: 66px
    }

.my_info {
    position: relative;
    padding: 25px 30px 0 30px
}

    .my_info .profile_img {
        position: absolute;
        top: 43px;
        left: 30px;
        display: none
    }

    .my_info .grade_area {
        margin-bottom: 15px
    }

        .my_info .grade_area > .txt_rnd {
            margin-left: 2px;
            padding: 0 5px
        }

            .my_info .grade_area > .txt_rnd.ty1 {
                margin-left: 6px
            }

    .my_info .name {
        font-size: 18px;
        margin-bottom: 10px
    }

        .my_info .name strong {
            margin-right: 5px
        }

    .my_info .profile_set {
        position: absolute;
        top: 28px;
        right: 16px
    }

    .my_info .btn_txt_edit {
        line-height: 15px;
        height: 15px;
        border: 0
    }

    .my_info .next_rank {
        line-height: 25px;
        position: relative;
        min-height: 25px;
        padding: 10px 0;
        text-align: center
    }

        .my_info .next_rank > p {
            font-size: 18px;
            display: inline-block;
            color: #000
        }

            .my_info .next_rank > p em {
                font-family: "Roboto";
                font-size: 18px;
                font-weight: 600;
                margin-left: 4px;
                color: #000
            }

        .my_info .next_rank > .btn_txt_list {
            position: absolute;
            right: 0
        }

.mypage_box .btn_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #eee
}

    .mypage_box .btn_wrap:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1px;
        height: 20px;
        margin-top: -10px;
        content: "";
        background-color: #ddd
    }

    .mypage_box .btn_wrap > * {
        font-size: 15px;
        display: flex;
        float: left;
        align-items: center;
        justify-content: center;
        width: 50%;
        height: 60px;
        gap: 4px
    }

    .mypage_box .btn_wrap .txt_img {
        line-height: 0;
        margin-right: 5px
    }

        .mypage_box .btn_wrap .txt_img img {
            vertical-align: top
        }

    .mypage_box .btn_wrap .txt_color {
        text-decoration: underline;
        color: #ff243e
    }

    .mypage_box .btn_wrap em {
        font-family: "Noto Sans KR","Roboto","sans-serif"
    }

.nomember_box {
    position: relative;
    margin: 80px 30px 32px;
    padding: 55px 0 43px;
    text-align: center;
    border-radius: 8px;
    background-color: #f5f5f5
}

    .nomember_box .profile_img {
        position: absolute;
        top: -37.5px;
        left: 50%;
        display: none;
        margin-left: -37.5px
    }

    .nomember_box .name {
        font-size: 18px;
        margin-top: 8px
    }

        .nomember_box .name strong {
            margin-right: 8px
        }

        .nomember_box .name .light {
            color: #666
        }

    .nomember_box .tip {
        font-size: 13px;
        margin-top: 15px;
        color: #666
    }

    .nomember_box .btn_col3 {
        margin-top: 35px
    }

.profile_img {
    display: block;
    overflow: hidden;
    width: 75px;
    height: 75px;
    border-radius: 75px
}

    .profile_img img {
        width: 100%
    }

.my_theater {
    position: relative;
    float: right;
    box-sizing: border-box;
    width: 315px;
    margin-right: 33px;
    padding: 24px 0 20px
}

    .my_theater > .tit {
        font-size: 18px;
        margin-bottom: 15px
    }

    .my_theater .btn_setup {
        position: absolute;
        top: 26px;
        right: 0
    }

    .my_theater .theater_box {
        margin-bottom: 20px
    }

    .my_theater .area_my_theater {
        margin-top: 38px
    }

        .my_theater .area_my_theater .tit_top {
            font-size: 18px;
            margin-bottom: 14px
        }

    .my_theater .banner_club {
        margin-top: 20px
    }

        .my_theater .banner_club a {
            display: block
        }

        .my_theater .banner_club img {
            border-radius: 4px
        }

    .my_theater .area_my_theater .bx_notice {
        display: block;
        box-sizing: border-box;
        padding: 22px 12px;
        text-align: center;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        background-color: #fcfcfc
    }

        .my_theater .area_my_theater .bx_notice.ico {
            padding-top: 62px;
            background: #fcfcfc url("../../Content/images/icon/film_34.png") no-repeat center 25px
        }

        .my_theater .area_my_theater .bx_notice .tit {
            font-size: 14px;
            line-height: 1.4;
            color: #666
        }

.theater_box:after {
    display: block;
    clear: both;
    content: ""
}

.theater_box li {
    display: table;
    float: left;
    box-sizing: border-box;
    width: 100px;
    height: 60px;
    text-align: center;
    border: 1px solid #bbb;
    border-radius: 4px
}

    .theater_box li ~ li {
        margin-left: 7px
    }

    .theater_box li.add a {
        font-family: "Roboto";
        font-size: 11px;
        display: block;
        box-sizing: border-box;
        height: 100%;
        padding-top: 38px;
        color: #666;
        background: url("../images/icon/plus_11.png") no-repeat center 17px
    }

    .theater_box li strong {
        font-size: 13px;
        line-height: 1.2;
        display: table-cell;
        overflow: hidden;
        vertical-align: middle;
        word-break: keep-all;
        color: #000
    }

    .theater_box li.del {
        position: relative;
        display: block;
        padding-top: 13px
    }

        .theater_box li.del strong {
            line-height: 15px;
            display: block
        }

        .theater_box li.del em {
            font-family: "Roboto";
            font-size: 13px;
            font-weight: bold;
            display: block;
            margin-bottom: 3px
        }

        .theater_box li.del .btn_del {
            position: absolute;
            top: 6px;
            right: 6px
        }

.menu_all_wrap {
    position: fixed;
    z-index: 100;
    top: 115px;
    left: 50%;
    display: none;
    width: 980px;
    margin-left: -490px;
    padding: 28px 0 0;
    background-color: #fff
}

    .menu_all_wrap:after {
        display: block;
        clear: both;
        content: ""
    }

    .menu_all_wrap.active {
        display: block
    }

    .menu_all_wrap .group_menu_all {
        float: left;
        width: 620px;
        padding: 0 20px
    }

        .menu_all_wrap .group_menu_all table tbody th {
            padding: 0 5px;
            text-align: left
        }

            .menu_all_wrap .group_menu_all table tbody th span {
                font-size: 14px;
                display: inline-block;
                border-bottom: 1px solid #707070
            }

        .menu_all_wrap .group_menu_all table tbody td {
            font-size: 11px;
            padding: 0 5px 30px;
            vertical-align: top
        }

            .menu_all_wrap .group_menu_all table tbody td .tit {
                font-size: 14px;
                display: inline-block;
                border-bottom: 1px solid #707070
            }

            .menu_all_wrap .group_menu_all table tbody td ul {
                margin-top: 8px
            }

                .menu_all_wrap .group_menu_all table tbody td ul > li {
                    margin: 5px 0
                }

    .menu_all_wrap .group_my {
        float: left;
        width: 256px;
        padding: 0 30px 5px;
        border-left: 1px solid rgba(112,112,112,.1)
    }

        .menu_all_wrap .group_my .mypage_box .my_info .area_btn_login {
            text-align: center
        }

        .menu_all_wrap .group_my .bx_banner {
            margin: 25px 0 0 -19px
        }

    .menu_all_wrap .group_banner {
        clear: both
    }

    .menu_all_wrap .group_close {
        position: absolute;
        top: 0;
        right: -63px
    }

        .menu_all_wrap .group_close button {
            width: 43px;
            height: 43px;
            text-indent: -9999em;
            border: none;
            background: url("../../Content/images/icon/close_33_wht.png") no-repeat center center
        }

    .menu_all_wrap .group_my .mypage_box {
        float: none;
        width: 100%;
        min-height: inherit
    }

        .menu_all_wrap .group_my .mypage_box .my_info {
            min-height: 46px;
            padding: 0
        }

            .menu_all_wrap .group_my .mypage_box .my_info .profile_img {
                top: 0;
                left: 0;
                display: none;
                width: 46px;
                height: 46px
            }

            .menu_all_wrap .group_my .mypage_box .my_info .grade_area {
                margin: 0 0 0 0
            }

            .menu_all_wrap .group_my .mypage_box .my_info .name {
                font-size: 14px;
                margin: 5px 0 0 0
            }

                .menu_all_wrap .group_my .mypage_box .my_info .name strong {
                    font-size: 16px
                }

        .menu_all_wrap .group_my .mypage_box .my_point {
            min-height: 20px;
            margin: 25px 0 35px
        }

            .menu_all_wrap .group_my .mypage_box .my_point dl:after {
                display: block;
                clear: both;
                content: ""
            }

            .menu_all_wrap .group_my .mypage_box .my_point dl img {
                margin-bottom: 3px;
                vertical-align: bottom
            }

            .menu_all_wrap .group_my .mypage_box .my_point dl dt {
                font-size: 12px;
                line-height: 18px;
                position: relative;
                float: left;
                margin-right: 10px;
                margin-left: 10px;
                padding-left: 10px
            }

                .menu_all_wrap .group_my .mypage_box .my_point dl dt:before {
                    position: absolute;
                    top: 1px;
                    left: 0;
                    height: 15px;
                    content: "";
                    opacity: .6;
                    border-left: 1px solid #ddd
                }

                .menu_all_wrap .group_my .mypage_box .my_point dl dt:first-child {
                    margin-left: 0;
                    padding-left: 0
                }

                    .menu_all_wrap .group_my .mypage_box .my_point dl dt:first-child:before {
                        display: none
                    }

            .menu_all_wrap .group_my .mypage_box .my_point dl dd {
                font-size: 14px;
                line-height: 18px;
                float: left
            }

                .menu_all_wrap .group_my .mypage_box .my_point dl dd strong {
                    font-family: "Noto Sans KR","Roboto","sans-serif";
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 16px
                }

        .menu_all_wrap .group_my .mypage_box .nomember_box {
            line-height: 1.4;
            margin: 10px 0;
            padding: 5px 0 20px
        }

    .menu_all_wrap .group_my .my_theater {
        float: none;
        width: 100%;
        padding: 0
    }

        .menu_all_wrap .group_my .my_theater > .tit {
            font-size: 14px;
            margin-bottom: 8px
        }

        .menu_all_wrap .group_my .my_theater .btn_setup {
            top: 2px;
            right: 0
        }

        .menu_all_wrap .group_my .my_theater .theater_box li {
            width: 78px
        }

            .menu_all_wrap .group_my .my_theater .theater_box li strong {
                font-size: 12px
            }

            .menu_all_wrap .group_my .my_theater .theater_box li.add a {
                padding-top: 38px
            }
/* 바로예매 ================================================== */
.menu_reserve_wrap {
    display: none;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 14px;
}

    .menu_reserve_wrap.active {
        display: block;
    }

    .menu_reserve_wrap ul {
        margin-top: 6px;
        padding: 5px 15px;
        border-radius: 4px;
        background-color: #FF1744;
        white-space: nowrap;
    }

        .menu_reserve_wrap ul:before {
            content: "";
            position: absolute;
            left: 50%;
            top: 1px;
            width: 0px;
            height: 0px;
            margin-left: -2px;
            border-top: none;
            border-bottom: 5px solid red;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }

        .menu_reserve_wrap ul:after {
            content: "";
            display: block;
            clear: both;
        }

        .menu_reserve_wrap ul li {
            display: inline-block;
            margin: 0 3px;
        }

            .menu_reserve_wrap ul li a {
                display: block;
                opacity: .6;
                color: #FFF;
            }

                .menu_reserve_wrap ul li a.active,
                .menu_reserve_wrap ul li a:hover {
                    opacity: 1;
                }

.sort_list:after {
    content: "";
    display: block;
    clear: both;
}

.sort_list > li {
    float: left;
    margin-left: 20px;
}

    .sort_list > li button {
        display: block;
        position: relative;
        color: #666;
        font-size: 15px;
        border: 0;
        padding: 0;
    }

        .sort_list > li button:before {
            content: "";
            display: inline-block;
            width: 7px;
            height: 7px;
            margin: -2px 8px 0 0;
            background: #ddd;
            border-radius: 50%;
            vertical-align: middle;
        }

    .sort_list > li.active button:before {
        background: #FF7787;
    }

.toggle_wrap {
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .toggle_wrap .toggle_tit {
        position: relative;
        padding: 12px 15px;
        background-color: #FFF;
    }

        .toggle_wrap .toggle_tit .btn_toggle {
            position: absolute;
            right: 10px;
            top: 6px;
            width: 25px;
            height: 25px;
            border: none;
            text-indent: -9999em;
            background: url("../../Content/images/icon/arr_dw_9.png") no-repeat center center;
        }

            .toggle_wrap .toggle_tit .btn_toggle.active {
                background-image: url("../../Content/images/icon/arr_up_9.png")
            }

        .toggle_wrap .toggle_tit input + label {
            width: auto;
        }

    .toggle_wrap .toggle_con {
        display: none;
        padding: 12px 15px;
        background-color: #f8f8f8;
    }

        .toggle_wrap .toggle_con.active {
            display: block;
        }

    .toggle_wrap.no .toggle_con {
        display: block;
    }

    .toggle_wrap.couplechk {
        margin: 10px 0 20px 0;
        border: 0;
        border-top: 1px solid #ddd;
    }

        .toggle_wrap.couplechk .toggle_tit {
            padding: 12px 15px 12px 0px;
            background-color: transparent;
        }

.btn_add12 {
    width: 12px;
    height: 12px;
    border: none;
    background: transparent url("../../Content/images/icon/plus_12.png") no-repeat 0 0;
}

.btn_add15 {
    width: 15px;
    height: 15px;
    border: none;
    background: transparent url("../../Content/images/icon/plus_15.png") no-repeat 0 0;
}

.btn_txt_certificate {
    display: inline-block;
    position: relative;
    height: 12px;
    line-height: 12px;
    padding-left: 18px;
    padding-right: 8px;
    font-size: 11px;
    background: url("../../Content/images/icon/arr_rg_5.png") no-repeat right center;
}

.btn_txt_password {
    display: inline-block;
    position: relative;
    height: 15px;
    line-height: 15px;
    padding-left: 18px;
    padding-right: 8px;
    font-size: 11px;
    background: url("../../Content/images/icon/arr_rg_5.png") no-repeat right center;
}

    .btn_txt_password::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 15px;
        height: 15px;
        background: url("../../Content/images/icon/password.png") no-repeat;
    }

.btn_txt_cancle {
    display: inline-block;
    padding-right: 18px;
    font-size: 11px;
    background: url("../../Content/images/icon/del_9.png") no-repeat right center;
}

.tbl_write th {
    height: 25px;
    padding: 15px 0;
    font-size: 15px;
    text-align: left;
    vertical-align: top;
}

.tbl_write td {
    height: 45px;
    padding: 5px 0;
    font-size: 15px;
}

    .tbl_write td .txt_tbl_notice {
        display: block;
        padding: 6px 0;
        font-size: 11px;
        text-align: left;
    }

        .tbl_write td .txt_tbl_notice.rg {
            text-align: right;
        }

/* input 유형 */
.inp_lab_wrap {
    margin-top: 20px;
}

label.bx_inp_lab {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

    label.bx_inp_lab .tit {
        position: absolute;
        left: 10px;
        top: 0;
        line-height: 45px;
        font-size: 13px;
        color: #666;
        white-space: nowrap;
    }

    label.bx_inp_lab input[type="text"],
    label.bx_inp_lab input[type="password"] {
        width: 100%;
        padding-left: 110px;
        text-align: right;
    }

.txt_bul {
    margin: 0 0 5px 8px;
    text-indent: -8px;
    font-size: 11px;
}

    .txt_bul:before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 1px;
        margin: 5px 5px 0 0;
        border-radius: 50%;
        vertical-align: top;
        background-color: #666;
    }

.txt_bul2 {
    margin: 0 0 5px 8px;
    text-indent: -8px;
    font-size: 11px;
}

    .txt_bul2:before {
        content: "※";
        display: inline-block;
        margin: 0 5px 0 0;
        vertical-align: middle;
    }

.txt_para {
    line-height: 1.4;
    text-align: center;
}

    .txt_para.ty2 {
        font-size: 16px;
    }

/* 버튼 레이아웃 : 본문하단전용 (본문, 팝업) */
.btn_btm_wrap {
    margin: 60px 0;
    text-align: center;
}

    .btn_btm_wrap:after {
        content: "";
        display: block;
        clear: both;
    }

    .btn_btm_wrap.non_mg {
        margin: 0 !important;
    }

    .btn_btm_wrap a,
    .btn_btm_wrap button {
        margin: 0 3px;
        min-width: 160px; /*padding:0 !important;*/
    }

        .btn_btm_wrap a.w100,
        .btn_btm_wrap button.w100 {
            width: 100%;
            margin: 0;
        }

    .btn_btm_wrap select {
        height: 49px;
        line-height: 49px;
        vertical-align: baseline;
    }

    .btn_btm_wrap.ty1 a,
    .btn_btm_wrap.ty1 button {
        width: 100%;
        margin: 0;
        padding: 0;
    }

.list_bdr_box + .btn_btm_wrap {
    margin-top: 30px;
}

.btn_btm_wrap.ty2 {
    margin-right: -1%;
    margin-left: -1%;
}

    .btn_btm_wrap.ty2 a,
    .btn_btm_wrap.ty2 button {
        float: left;
        width: 48%;
        padding: 0;
        margin: 0 1%
    }

.btn_btm_wrap.ty3 {
    margin-right: -1%;
    margin-left: -1%;
}

    .btn_btm_wrap.ty3 a,
    .btn_btm_wrap.ty3 button {
        float: left;
        width: 31.33%;
        padding: 0;
        margin: 0 1%
    }

.btn_btm_wrap.ty4 {
    margin-right: -1%;
    margin-left: -1%;
}

    .btn_btm_wrap.ty4 a,
    .btn_btm_wrap.ty4 button {
        float: left;
        width: 23%;
        padding: 0;
        margin: 0 1%
    }

/* 총합계금액 */
dl.total_price:after {
    content: "";
    display: block;
    clear: both;
}

dl.total_price dt {
    float: left;
    padding: 6px 12px 0 0;
    font-size: 15px;
}

dl.total_price dd {
    float: left;
    font-size: 15px;
}

    dl.total_price dd strong {
        font-family: 'Roboto';
        font-size: 25px;
        font-weight: bold;
    }



/* tab ================================================== */
/* tab_wrap ========== */
.tab_wrap {
    position: relative;
}

    .tab_wrap > li > .tab_tit {
        position: absolute;
        top: 0;
    }

    .tab_wrap > li > .tab_tit {
        border: none;
    }

        .tab_wrap > li > .tab_tit span {
            vertical-align: top;
            white-space: nowrap;
        }

            .tab_wrap > li > .tab_tit span + .txt_new {
                margin-left: 7px;
            }

    .tab_wrap > li > .tab_con {
        overflow: hidden;
        position: absolute;
        width: 100%;
        height: 0;
    }

        .tab_wrap > li > .tab_con.ty2 {
            margin-top: -8px;
        }

        .tab_wrap > li > .tab_con.ty3 {
            margin-top: 18px;
        }

        .tab_wrap > li > .tab_con.ty4 {
            margin-top: 35px;
        }

        .tab_wrap > li > .tab_con.ty5 {
            margin-top: -30px;
        }

    .tab_wrap > li.active > .tab_con {
        overflow: inherit;
        position: relative;
        width: auto;
        height: auto;
    }
    /* outer */
    .tab_wrap.outer {
        padding-top: 80px;
    }

        .tab_wrap.outer > li > .tab_tit {
            height: 50px;
            line-height: 50px;
            border-bottom: 1px solid #CCC;
            font-size: 15px;
            color: #7F7F7F;
        }

            .tab_wrap.outer > li > .tab_tit.ty2 {
                line-height: 1.3;
            }

        .tab_wrap.outer > li.active > .tab_tit {
            border-bottom: 2px solid #111;
            color: #000;
        }
        /* outer mid */
        .tab_wrap.outer.mid > li > .tab_tit {
            font-size: 15px;
        }
        /* outer small */
        .tab_wrap.outer.sml > li > .tab_tit {
            font-size: 13px;
        }
    /* inner */
    .tab_wrap.inner {
        margin-top: -30px;
        padding-top: 30px;
    }

        .tab_wrap.inner > li > .tab_tit {
            height: 30px;
            line-height: 30px;
            margin-right: 10px;
            padding: 0 10px;
            font-size: 13px;
            color: #7F7F7F;
        }

        .tab_wrap.inner > li.active > .tab_tit {
            margin-right: 20px;
            color: #000;
        }
    /* lft */
    .tab_wrap.lft > li > .tab_tit,
    .tab_wrap.rgt > li > .tab_tit {
        border-bottom: none;
    }

    .tab_wrap.lft > li.active > .tab_tit,
    .tab_wrap.rgt > li.active > .tab_tit {
        border-bottom: none;
    }

    .tab_wrap.lft .tab_top_rgt:after,
    .tab_wrap.rgt .tab_top_rgt:after {
        content: "";
        display: block;
        clear: both;
    }

    .tab_wrap.lft .tab_top_rgt > .inner,
    .tab_wrap.rgt .tab_top_rgt > .inner {
        float: right;
        margin-top: -60px;
    }
    /* lft/bdr */
    .tab_wrap.lft.bdr > li.active .tab_con {
        border-top: 1px solid #DDD;
    }

    .tab_wrap.lft.bdr .tab_wrap.inner > li > .tab_tit {
        margin-top: -2px;
    }

    .tab_wrap.lft.bdr .tab_wrap.inner > li > .tab_con {
        border-top: none;
    }
    /* ty2 */
    .tab_wrap.ty2 > li > .tab_tit {
        border-bottom: none;
        color: #FFF;
        background-color: #000;
    }

    .tab_wrap.ty2 > li.active > .tab_tit {
        border-bottom: none;
        color: #FFF;
        background-color: #FF243E;
    }
    /* sort */
    .tab_wrap.sort {
        padding-top: 34px;
    }

        .tab_wrap.sort > li > .tab_tit {
            height: 30px;
            line-height: 30px;
        }

            .tab_wrap.sort > li > .tab_tit:before {
                content: "";
                display: inline-block;
                width: 7px;
                height: 7px;
                margin: -2px 6px 0 0;
                border-radius: 50%;
                vertical-align: middle;
                background-color: #DDD;
            }

        .tab_wrap.sort > li.active > .tab_tit:before {
            background-color: #FF7787;
        }
    /* 이벤트 템플릿_댓글형 */
    .tab_wrap.outer.rgt.sml > li > .tab_tit {
        top: 30px;
        z-index: 2;
    }

    .tab_wrap.outer.rgt.sml > li > .lst_wrap {
        z-index: 1;
    }

.tab_wrap_lnk {
    position: relative;
    padding-top: 50px
}

    .tab_wrap_lnk > li > a {
        font-size: 18px;
        line-height: 50px;
        position: absolute;
        top: 0;
        display: block;
        box-sizing: border-box;
        height: 50px;
        text-align: center;
        color: #7f7f7f;
        border-bottom: 1px solid #ccc
    }

        .tab_wrap_lnk > li > a > span {
            vertical-align: top;
            white-space: nowrap
        }

    .tab_wrap_lnk > li > ul > li > a {
        position: absolute;
        top: 50px;
        display: block;
        overflow: hidden;
        height: 0;
        padding: 0 10px
    }

        .tab_wrap_lnk > li > ul > li > a > span {
            white-space: nowrap
        }

    .tab_wrap_lnk > li.active > a, .tab_wrap_lnk > li.ov > a {
        color: #000
    }

    .tab_wrap_lnk > li.active > ul > li > a, .tab_wrap_lnk > li.ov > ul > li > a {
        font-size: 13px;
        line-height: 30px;
        overflow: inherit;
        width: auto;
        height: 30px;
        color: #7f7f7f
    }

    .tab_wrap_lnk > li > ul > li.active > a, .tab_wrap_lnk > li > ul > li:hover > a {
        margin-right: 20px;
        color: #000
    }

    .tab_wrap_lnk.fixed {
        position: fixed;
        z-index: 89;
        top: 44px;
        width: 980px;
        background-color: #fff
    }
/* tab_wrap2 ========== */
/* tab_tit */
.tab_wrap2 .tab_tit {
    position: relative;
    padding: 0 14px;
    border-bottom: 1px solid #CCC;
}

    .tab_wrap2 .tab_tit > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .tab_wrap2 .tab_tit > ul > li {
        float: left;
        text-align: center;
    }

        .tab_wrap2 .tab_tit > ul > li > button {
            border: none;
            background: none;
        }

        .tab_wrap2 .tab_tit > ul > li > a,
        .tab_wrap2 .tab_tit > ul > li > button,
        .tab_wrap2 .tab_tit > ul > li > strong {
            display: block;
            position: relative;
            bottom: 0;
            line-height: 1.0;
            padding: 15px 0 10px;
            font-size: 15px;
            color: #666;
        }

            .tab_wrap2 .tab_tit > ul > li > a.active,
            .tab_wrap2 .tab_tit > ul > li > button.active,
            .tab_wrap2 .tab_tit > ul > li > strong {
                margin-bottom: -1px;
                border-bottom: 2px solid #000;
                color: #000;
            }

    .tab_wrap2 .tab_tit.case2 > ul > li {
        width: 50%;
    }

    .tab_wrap2 .tab_tit.case3 > ul > li {
        width: 33.3%;
    }

        .tab_wrap2 .tab_tit.case3 > ul > li:first-child {
            width: 33.4%;
        }

    .tab_wrap2 .tab_tit.case4 > ul > li {
        width: 25%;
    }

    .tab_wrap2 .tab_tit.case5 > ul > li {
        width: 20%;
    }

    .tab_wrap2 .tab_tit.case6 > ul > li {
        width: 17%;
    }

        .tab_wrap2 .tab_tit.case6 > ul > li:first-child {
            width: 15%;
        }
    /* tab_tit : lft */
    .tab_wrap2 .tab_tit.lft {
        padding: 0;
        border-bottom: 0;
    }

        .tab_wrap2 .tab_tit.lft > ul > li {
            margin-right: 8px;
        }

            .tab_wrap2 .tab_tit.lft > ul > li > a,
            .tab_wrap2 .tab_tit.lft > ul > li > button,
            .tab_wrap2 .tab_tit.lft > ul > li > strong {
                padding: 10px 2px 5px;
                font-size: 13px;
            }

                .tab_wrap2 .tab_tit.lft > ul > li > a.active,
                .tab_wrap2 .tab_tit.lft > ul > li > button.active,
                .tab_wrap2 .tab_tit.lft > ul > li > strong {
                    margin-bottom: 0;
                    border-bottom: 0;
                }
/* tab_con */
.tab_wrap2 .tab_con {
    display: none;
    margin-top: 30px;
}

    .tab_wrap2 .tab_con.ty2 {
        margin-top: 22px;
    }

    .tab_wrap2 .tab_con.ty3 {
        margin-top: 48px;
    }

    .tab_wrap2 .tab_con.ty4 {
        margin-top: 64px;
    }

    .tab_wrap2 .tab_con.ty5 {
        margin-top: 0;
    }

    .tab_wrap2 .tab_con.active {
        display: block;
    }

/* tab3 */
.tab_wrap3 {
    margin: 10px 0 10px;
    border-radius: 4px;
    border: 1px solid #DDD;
    background-color: #FFF;
}

    .tab_wrap3 .tab_tit {
        margin-bottom: -1px;
    }

        .tab_wrap3 .tab_tit ul {
            display: flex;
        }

        .tab_wrap3 .tab_tit li {
            flex: 2;
        }

            .tab_wrap3 .tab_tit li:first-child button {
                border-radius: 4px 0 0 0;
                border-left: none;
            }

            .tab_wrap3 .tab_tit li:last-child button {
                border-radius: 0 4px 0 0;
            }

            .tab_wrap3 .tab_tit li button {
                display: block;
                position: relative;
                width: 100%;
                height: 40px;
                line-height: 40px;
                border: none;
                border-bottom: 1px solid #DDD;
                border-left: 1px solid #DDD;
                font-family: 'Roboto';
                font-size: 14px;
                color: #666;
                background-color: #F8F8F8;
            }

                .tab_wrap3 .tab_tit li button.active {
                    border-bottom-width: 0;
                    color: #000;
                    background-color: #FFF;
                }

                .tab_wrap3 .tab_tit li button .point {
                    color: #2AA3FE;
                }

        .tab_wrap3 .tab_tit.case1 li button.active {
            border-bottom-width: 1px;
        }

    .tab_wrap3 .tab_con {
        display: none;
        margin-top: 20px;
    }

        .tab_wrap3 .tab_con.active {
            display: block;
        }
    /* 초기화 */
    .tab_wrap3.reset {
        overflow: hidden;
    }

        .tab_wrap3.reset .tab_tit li button {
            border-bottom-width: 0;
        }

        .tab_wrap3.reset.active .tab_tit li button {
            color: #000;
            background-color: #FFF;
        }

        .tab_wrap3.reset.disabled .tab_tit li button {
            color: #666;
            background-color: #F8F8F8;
        }
        /* 초기화 + 활성 */
        .tab_wrap3.reset.selected {
            border: 1px solid #000;
        }

            .tab_wrap3.reset.selected .tab_tit li button {
                color: #000;
                background-color: #FFF;
            }



/* 본문하단 공통 배너 ================================================== */
/* 예매 */
.banner_reserve_wrap a {
    display: block;
}

    .banner_reserve_wrap a img {
        width: 100%;
    }

.banner_reserve_wrap .bx_lft,
.banner_reserve_wrap .bx_rgt {
    position: absolute;
    z-index: 10;
    top: 220px;
    width: 160px;
    height: 300px;
}

.banner_reserve_wrap .bx_lft {
    left: 50%;
    margin-left: -820px;
}

.banner_reserve_wrap .bx_rgt {
    right: 50%;
    margin-right: -820px;
}
/* 사이드 */
.banner_side_wrap {
    position: absolute;
    top: 220px;
    left: 50%;
    margin-left: -660px;
    z-index: 10;
}

    .banner_side_wrap .banner_01.fixed {
        position: fixed;
    }

    .banner_side_wrap .banner_01 a {
        display: block;
        overflow: hidden;
        width: 145px;
        height: 145px;
    }

        .banner_side_wrap .banner_01 a img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .banner_side_wrap .btn_close {
        position: absolute;
        right: 0;
        top: 0;
        width: 13px;
        height: 13px;
        border: 0;
        text-indent: -9999em;
        background: transparent url("../../Content/images/icon/close_13_gry.png") no-repeat 0 0;
    }
/* 하단 */
.banner_wrap {
    padding-top: 70px;
    text-align: center;
}

    .banner_wrap .banner_01 {
        margin-bottom: 50px;
    }

    .banner_wrap a {
        display: block;
        width: 980px;
        margin: 0 auto;
    }

.layer_wrap {
    --popup-radius: 8px;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    width: 0px;
    height: 0px;
    border: none
}

    .layer_wrap.active {
        position: fixed;
        z-index: 100;
        display: block;
        height: auto;
        border-radius: var(--popup-radius, 8px);
        background-color: #fff
    }

    .layer_wrap .layer_header {
        line-height: 58px;
        position: relative;
        height: 54px;
        text-align: center;
        color: #fff;
        border-bottom: 1px solid #ccc
    }

        .layer_wrap .layer_header .tit {
            font-size: 18px;
            color: #000
        }

        .layer_wrap .layer_header strong {
            font-size: 18px
        }

        .layer_wrap .layer_header .btn_close {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 19px;
            height: 19px;
            text-indent: -9999em;
            border: none;
            background: rgba(0,0,0,0) url("../../Content/images/icon/close_19.png") no-repeat 0 0
        }

            .layer_wrap .layer_header .btn_close.wht, .layer_wrap .layer_contents .btn_close.wht {
                position: absolute;
                top: 15px;
                right: 15px;
                width: 19px;
                height: 19px;
                text-indent: -9999em;
                border: none;
                background: rgba(0,0,0,0) url("../../Content/images/icon/close_19_wht.png") no-repeat 0 0
            }

    .layer_wrap .layer_contents {
        padding: 30px 25px;
        overscroll-behavior: contain
    }

        .layer_wrap .layer_contents:first-child {
            --popup-header-height: 0px
        }

        .layer_wrap .layer_contents:last-child {
            --popup-cta-height: 0px
        }

        .layer_wrap .layer_contents:first-child:last-child {
            --popup-header-height: 0px;
            --popup-cta-height: 0px
        }

        .layer_wrap .layer_contents.overflowtype1 {
            overflow: hidden;
            overflow-y: scroll;
            height: 600px
        }

        .layer_wrap .layer_contents.pad0 {
            padding: 0
        }

    .layer_wrap .layer_footer {
        clear: both;
        text-align: center;
        border-top: 1px solid #ddd;
        background-color: #f8f8f8
    }

        .layer_wrap .layer_footer ul:after {
            display: block;
            clear: both;
            content: ""
        }

        .layer_wrap .layer_footer ul li {
            position: relative;
            float: left;
            width: 50%
        }

            .layer_wrap .layer_footer ul li:before {
                position: absolute;
                top: 50%;
                left: 0;
                height: 25px;
                margin-top: -12px;
                content: "";
                border-left: 1px solid #ddd
            }

            .layer_wrap .layer_footer ul li:first-child:before {
                display: none
            }

            .layer_wrap .layer_footer ul li a, .layer_wrap .layer_footer ul li button {
                font-size: 16px;
                line-height: 50px;
                display: block;
                width: 100%;
                height: 50px;
                border: none;
                background-color: #f8f8f8
            }

        .layer_wrap .layer_footer.ty2 ul li {
            width: 100%
        }

    .layer_wrap .tit_type2 {
        font-size: 13px;
        line-height: 1.5;
        padding-bottom: 10px
    }

.contgapline1 {
    display: block;
    height: 1px;
    margin: 15px 0;
    background-color: #eee
}

.layer_wrap.ty2 .layer_header {
    line-height: 0;
    height: 0;
    border-bottom: none
}

.layer_wrap.ty3 .layer_contents {
    padding: 0
}

.layer_wrap.type4 .layer_header {
    border-bottom: 0;
    background-color: #f5f5f5
}

.layer_wrap.type4 .layer_contents {
    padding: 30px 0
}

.layer_wrap.type4 .tab_wrap.outer {
    padding: 80px 25px 30px 25px
}

.layer_wrap .inner_scroll {
    overflow-y: auto;
    height: 100%
}

.layer_wrap .layer_contents.scroll {
    overflow-y: scroll;
    padding-bottom: 0
}

    .layer_wrap .layer_contents.scroll:after {
        display: block;
        width: 100%;
        height: 30px;
        content: ""
    }

.layer_wrap .layer_contents.scrolly {
    overflow-x: hidden;
    overflow-y: auto;
    height: 550px;
    padding-bottom: 0
}

.layer_wrap .btn_btm_wrap {
    margin: 30px 0 20px
}

    .layer_wrap .btn_btm_wrap.ty2 {
        margin: 30px -1% 0
    }

    .layer_wrap .btn_btm_wrap.type4 {
        margin: 25px 0
    }

.layer_wrap input[type=password], .layer_wrap input[type=text], .layer_wrap input[type=password] {
    line-height: 45px;
    height: 45px
}

.layer_wrap .notice_box {
    margin: 30px -25px;
    padding: 30px;
    border: none;
    border-radius: 0;
    background: #eee
}

    .layer_wrap .notice_box:last-child {
        margin-bottom: -30px
    }

    .layer_wrap .notice_box .title {
        font-size: 15px
    }

        .layer_wrap .notice_box .title + .list_txt {
            margin-top: 9px
        }

    .layer_wrap .notice_box .list_txt {
        margin-left: 0px
    }

.layer_wrap .noti_box.gapnone .tit {
    font-size: 14px;
    display: block;
    padding-bottom: 10px
}

.layer_wrap.layer_mypage {
    width: 405px
}

    .layer_wrap.layer_mypage .layer_header {
        border-bottom: none
    }

        .layer_wrap.layer_mypage .layer_header .tit {
            color: #fff
        }

        .layer_wrap.layer_mypage .layer_header .btn_close {
            background-image: url("../../Content/images/icon/close_19_wht.png")
        }

    .layer_wrap.layer_mypage .layer_contents {
        min-height: 184px
    }

        .layer_wrap.layer_mypage .layer_contents:before {
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            left: 0;
            height: 54px;
            content: "";
            background-color: #ff7787
        }

.layer_wrap.layer_reserve {
    box-sizing: border-box;
    border: 1px solid #666;
    border-radius: 0;
    background-color: #fff
}

    .layer_wrap.layer_reserve .layer_header {
        color: #fff;
        border-bottom: 1px solid #666;
        background-color: #666
    }

        .layer_wrap.layer_reserve .layer_header .tit {
            color: #fff
        }

        .layer_wrap.layer_reserve .layer_header strong {
            font-size: 18px
        }

        .layer_wrap.layer_reserve .layer_header .btn_close {
            background-image: url("../../Content/images/icon/close_19_wht.png")
        }

    .layer_wrap.layer_reserve .layer_contents {
        position: relative
    }

.layer_wrap.active.layer_alert {
    width: 380px
}

.layer_wrap.active.layer_share {
    width: 450px
}

.layer_wrap.active.layer_reg_movie {
    width: 530px
}

.layer_wrap.active.layer_movie_synopsis {
    width: 500px
}

.layer_wrap.active.layer_mobie_grade {
    width: 600px
}

.layer_wrap.active.layer_reg_review {
    width: 530px
}

.layer_wrap.active.layer_movie_trailer {
    width: 970px
}

.layer_wrap.active.layer_infor_people {
    width: 580px;
    height: 620px
}

.layer_wrap.active.layer_login_nonmem {
    width: 420px
}

.layer_wrap.active.layer_coupon_reg {
    width: 500px
}

.layer_wrap.active.layer_coupon_del {
    width: 400px
}

.layer_wrap.active.layer_coupon_gift {
    width: 700px
}

.layer_wrap.active.layer_useable_cinema {
    width: 700px
}

.layer_wrap.active.layer_ticket_msg {
    width: 430px
}

.layer_wrap.active.layer_reg_my_cinema {
    width: 700px
}

.layer_wrap.active.layer_saving_breakdown {
    font-family: "Roboto","Noto Sans KR","sans-serif";
    box-sizing: border-box
}

    .layer_wrap.active.layer_saving_breakdown * {
        box-sizing: border-box
    }

    .layer_wrap.active.layer_saving_breakdown input, .layer_wrap.active.layer_saving_breakdown button, .layer_wrap.active.layer_saving_breakdown select, .layer_wrap.active.layer_saving_breakdown textarea {
        font-family: "Roboto","Noto Sans KR","sans-serif"
    }

.layer_wrap.active.layer_saving_breakdown {
    width: 440px
}

.layer_wrap.layer_saving_breakdown .layer_contents.scroll {
    height: 600px
}

.layer_wrap.active.layer_reg_aniversary {
    width: 420px
}

.layer_wrap.active.layer_vip_coupon_down {
    font-family: "Roboto","Noto Sans KR","sans-serif";
    box-sizing: border-box
}

    .layer_wrap.active.layer_vip_coupon_down * {
        box-sizing: border-box
    }

    .layer_wrap.active.layer_vip_coupon_down input, .layer_wrap.active.layer_vip_coupon_down button, .layer_wrap.active.layer_vip_coupon_down select, .layer_wrap.active.layer_vip_coupon_down textarea {
        font-family: "Roboto","Noto Sans KR","sans-serif"
    }

.layer_wrap.active.layer_vip_coupon_down {
    width: 410px
}

.layer_wrap.layer_vip_coupon_down .layer_contents.scroll {
    max-height: calc(var(--maxHeight100) - var(--popup-header-height) - var(--popup-cta-height) - var(--popup-margin));
    overflow-y: auto
}

    .layer_wrap.layer_vip_coupon_down .layer_contents.scroll:after {
        height: 5px
    }

.layer_wrap.active.layer_select_cinema {
    width: 360px
}

    .layer_wrap.active.layer_select_cinema.goodsreceipt {
        width: 380px
    }

.layer_wrap.active.layer_location_public {
    width: 700px
}

.layer_wrap.active.layer_location_car {
    width: 500px
}

.layer_wrap.active.layer_location_map {
    width: 500px
}

.layer_wrap.active.layer_event_term_aree {
    width: 700px
}

.layer_wrap.active.layer_event_alert01 {
    width: 400px
}

.layer_wrap.active.layer_get_mobticket {
    width: 390px
}

.layer_wrap.active.layer_gallary {
    width: 700px
}

.bx_alert1 {
    padding: 30px 0
}

.layer_wrap.active.layer_mypage .profile_thm {
    display: none;
    padding-top: 18px;
    text-align: center
}

    .layer_wrap.active.layer_mypage .profile_thm .thm {
        display: block;
        overflow: hidden;
        width: 140px;
        height: 140px;
        margin: 0 auto 24px;
        border-radius: 140px
    }

        .layer_wrap.active.layer_mypage .profile_thm .thm img {
            width: 100%;
            border-radius: 140px
        }

    .layer_wrap.active.layer_mypage .profile_thm .btn_col3 {
        position: relative
    }

        .layer_wrap.active.layer_mypage .profile_thm .btn_col3 input[type=file] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
            opacity: 0;
            border-radius: 52px
        }

.layer_wrap.active.layer_mypage .reg_nick {
    position: relative;
    margin-top: 0
}

    .layer_wrap.active.layer_mypage .reg_nick label span {
        font-size: 16px;
        display: block;
        margin-bottom: 10px
    }

    .layer_wrap.active.layer_mypage .reg_nick label input {
        width: 100%;
        height: 48px
    }

    .layer_wrap.active.layer_mypage .reg_nick .bx_del {
        display: block
    }

        .layer_wrap.active.layer_mypage .reg_nick .bx_del input {
            width: 100%
        }

        .layer_wrap.active.layer_mypage .reg_nick .bx_del button {
            top: 40px;
            right: 10px
        }

    .layer_wrap.active.layer_mypage .reg_nick .cnt {
        font-family: "Roboto";
        font-size: 13px;
        position: absolute;
        top: 3px;
        right: 0;
        opacity: .4
    }

#layerEditProfile .layer_contents {
    min-height: auto
}

    #layerEditProfile .layer_contents .btn_btm_wrap {
        margin-bottom: 0
    }

.list_share:after {
    display: block;
    clear: both;
    content: ""
}

.list_share li {
    float: left;
    margin-left: 29px
}

    .list_share li:first-child {
        margin-left: 0
    }

    .list_share li a {
        font-size: 15px;
        line-height: 35px;
        display: block;
        height: 35px;
        padding-left: 43px;
        white-space: nowrap;
        background-repeat: no-repeat;
        background-position: 0 center
    }

        .list_share li a.btn_share_fb {
            background-image: url("../../Content/images/icon/share_facebook.png")
        }

        .list_share li a.btn_share_ks {
            background-image: url("../../Content/images/icon/share_kstory.png")
        }

        .list_share li a.btn_share_kt {
            background-image: url("../../Content/images/icon/share_ktalk.png")
        }

.bx_share_copy {
    margin: 30px 0 20px
}

    .bx_share_copy label input {
        width: 300px
    }

.review_write .tit_movie {
    font-size: 22px;
    display: block;
    margin-bottom: 10px;
    text-align: center
}

.review_write .bx_score {
    padding: 10px 0 15px;
    text-align: center;
    color: #000
}

    .review_write .bx_score .tit {
        font-size: 17px;
        margin-bottom: 10px
    }

        .review_write .bx_score .tit strong {
            font-size: 38px;
            margin-right: 5px
        }

.review_write .star_rate {
    margin: 10px 0
}

.review_write textarea {
    height: 130px
}

.review_write .byte {
    font-size: 15px;
    display: block;
    margin-top: 8px;
    text-align: right;
    color: #888
}

.group_reg_rdo {
    padding-left: 24px
}

    .group_reg_rdo ul {
        margin: 10px 0
    }

        .group_reg_rdo ul li {
            position: relative;
            margin-top: 10px
        }

            .group_reg_rdo ul li:first-child {
                margin-top: 0
            }

            .group_reg_rdo ul li label.bx_inp_lab {
                display: block;
                margin-bottom: 0
            }

            .group_reg_rdo ul li input[type=radio] + label:before {
                position: absolute;
                top: 14px;
                left: -24px
            }

            .group_reg_rdo ul li label.bx_inp_lab .tit {
                left: 15px
            }

            .group_reg_rdo ul li label.bx_inp_lab input[type=text], .group_reg_rdo ul li label.bx_inp_lab input[type=password] {
                width: 100%
            }

.reg_certificate input[type=text], .reg_certificate input[type=password] {
    width: 100%;
    margin: 10px 0 50px
}

.reg_certificate .list_txt {
    margin-bottom: 40px
}

.group_ticket_msg .list_txt {
    margin-bottom: 20px
}

.article_location.ty_car {
    padding-left: 48px
}

.article_location.ty_fee {
    padding-left: 48px
}

.article_location.ty_subway {
    padding-left: 48px
}

.article_location.ty_bus {
    padding-left: 48px
}

.article_location .tit_article {
    font-size: 15px;
    position: relative;
    padding: 5px 0
}

    .article_location .tit_article:before {
        position: absolute;
        top: 0;
        left: -48px;
        width: 34px;
        height: 34px;
        content: "";
        background-repeat: no-repeat;
        background-position: center center
    }

.article_location.ty_car .tit_article:before {
    background-image: url("../images/icon/location_car.png")
}

.article_location.ty_fee .tit_article:before {
    background-image: url("../images/icon/location_fee.png")
}

.article_location.ty_subway .tit_article:before {
    background-image: url("../images/icon/location_subway.png")
}

.article_location.ty_bus .tit_article:before {
    background-image: url("../images/icon/location_bus.png")
}

.article_location ul.list_txt li .tit {
    font-size: 13px;
    color: #414141
}

.article_location ul.list_txt li .txt {
    font-size: 12px;
    display: block;
    text-indent: 3px;
    color: #666
}

.article_location .bx_bus_list {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #666
}

.article_location .area_subway {
    margin-bottom: 10px
}

    .article_location .area_subway .txt {
        font-size: 12px;
        line-height: 1.4;
        display: block;
        margin: 5px 0 0 38px;
        color: #666
    }

.article_location .tit_map {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 18px;
    padding-left: 20px;
    color: #414141;
    background: url("../images/icon/location_pointer.png") no-repeat 0 0
}

.layer_infor_people .article_infor {
    margin-bottom: 30px;
    text-align: center
}

    .layer_infor_people .article_infor .thm {
        overflow: hidden;
        width: 86px;
        height: 86px;
        margin: 0 auto 15px;
        border-radius: 50%
    }

        .layer_infor_people .article_infor .thm img {
            width: 100%
        }

    .layer_infor_people .article_infor .infor .tit1 {
        font-size: 18px;
        display: block;
        margin-bottom: 4px
    }

    .layer_infor_people .article_infor .infor .tit2 {
        font-family: roboto;
        font-size: 13px;
        display: block;
        margin-bottom: 8px
    }

    .layer_infor_people .article_infor .infor .txt1 {
        font-size: 11px;
        display: block;
        color: #666
    }

.layer_infor_people .article_Filmography {
    padding: 0 25px
}

    .layer_infor_people .article_Filmography .tit_article {
        font-size: 15px;
        display: block;
        margin-bottom: 10px
    }

    .layer_infor_people .article_Filmography ul {
        overflow: hidden;
        margin: 0 -5px
    }

        .layer_infor_people .article_Filmography ul li {
            float: left;
            width: 107px;
            margin: 0 5px 25px 5px
        }

            .layer_infor_people .article_Filmography ul li a {
                display: block
            }

            .layer_infor_people .article_Filmography ul li .thm {
                display: block;
                width: 107px;
                height: 147px;
                margin-bottom: 10px;
                border-radius: 4px
            }

                .layer_infor_people .article_Filmography ul li .thm img {
                    width: 100%
                }

            .layer_infor_people .article_Filmography ul li .tit {
                font-size: 13px
            }

.article_synopsis .tit {
    font-size: 15px;
    display: block;
    margin-bottom: 10px
}

.article_synopsis .txt {
    font-size: 13px;
    line-height: 1.4;
    color: #666
}

.coupon_gift_top {
    position: relative;
    margin-top: -30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc
}

    .coupon_gift_top:after {
        display: block;
        clear: both;
        content: ""
    }

    .coupon_gift_top .bx_thm {
        display: inline-block;
        width: 128px;
        margin-right: 12px;
        text-align: center;
        vertical-align: middle
    }

        .coupon_gift_top .bx_thm img {
            width: 100%
        }

    .coupon_gift_top .bx_tit {
        display: inline-block;
        vertical-align: middle
    }

        .coupon_gift_top .bx_tit strong {
            font-size: 20px;
            display: block
        }

        .coupon_gift_top .bx_tit span {
            font-size: 16px;
            display: block
        }

    .coupon_gift_top .bx_cnt {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -2%
    }

.group_add_gift .bx_item:after {
    display: block;
    clear: both;
    content: ""
}

.group_add_gift .bx_item input[type=text], .group_add_gift .bx_item input[type=password] {
    float: left;
    width: 475px;
    margin-right: 10px
}

.group_add_gift .bx_item button {
    float: left;
    width: 65px
}

.group_add_gift .bx_add_item {
    margin-bottom: 10px
}

    .group_add_gift .bx_add_item:after {
        display: block;
        clear: both;
        content: ""
    }

    .group_add_gift .bx_add_item input[type=text], .group_add_gift .bx_add_item input[type=password] {
        float: left;
        width: 318px;
        margin-right: 10px
    }

    .group_add_gift .bx_add_item .bx_num {
        float: left;
        width: 148px;
        height: 45px;
        margin-right: 32px
    }

        .group_add_gift .bx_add_item .bx_num .txt_num {
            font-size: 17px;
            line-height: 45px;
            padding: 0
        }

        .group_add_gift .bx_add_item .bx_num button {
            height: 45px;
            margin: 0;
            padding: 0 20px
        }

    .group_add_gift .bx_add_item button {
        float: left;
        margin-top: 7px
    }

.layer_event_term_aree .bx_term {
    overflow-y: scroll;
    height: 360px;
    border-bottom: 1px solid #ddd
}

.layer_event_term_aree .bx_agree {
    margin: 10px 0 0;
    text-align: right
}

.layer_reg_my_cinema .cinema_select_wrap > ul {
    overflow-y: scroll;
    height: 312px
}

.layer_reg_my_cinema .btn_btm_wrap {
    margin: 20px 0
}

.pos_reserve_pop {
    position: absolute;
    top: 165px;
    left: 50%;
    width: 1280px;
    margin-left: -872px
}

    .pos_reserve_pop.mall {
        width: 1202px;
        margin-left: -601px
    }

.layer_wrap.active.layer_reserve01_sum {
    position: absolute;
    z-index: 80;
    top: 55px;
    left: 50%;
    width: 500px
}

.layer_wrap.active.layer_reserve01_sum2 {
    width: 500px
}

.layer_wrap.active.layer_pay_cinema_infor {
    position: absolute;
    z-index: 80;
    top: 55px;
    left: 50%;
    width: 810px;
    margin-left: -405px
}

.layer_wrap.active.layer_pay_term {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 800px
}

.layer_wrap.active.layer_coupon_lpoint_search {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 410px
}

    .layer_wrap.active.layer_coupon_lpoint_search .layer_contents.scroll {
        max-height: 650px
    }

.layer_wrap.active.layer_coupon_lpoint_free {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 410px
}

    .layer_wrap.active.layer_coupon_lpoint_free .layer_contents.scroll {
        max-height: 650px
    }

.layer_wrap.active.layer_coupon_vip {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 410px
}

    .layer_wrap.active.layer_coupon_vip .layer_contents.scroll {
        max-height: 650px
    }

.layer_wrap.active.layer_coupon_clup {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 410px
}

    .layer_wrap.active.layer_coupon_clup .layer_contents.scroll {
        max-height: 650px
    }

.layer_wrap.active.layer_admt {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 410px
}

    .layer_wrap.active.layer_admt .layer_contents.scroll {
        height: 650px
    }

.layer_wrap.active.layer_admt_mob {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 410px
}

    .layer_wrap.active.layer_admt_mob .layer_contents.scroll {
        max-height: 650px
    }

.layer_wrap.active.layer_admt_mob_gifticon {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_admt_lotte_mobgift {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_admt_gifting {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 410px
}

    .layer_wrap.active.layer_admt_gifting .layer_contents.scroll {
        max-height: 650px
    }

.layer_wrap.active.layer_admt_gifticon_el {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_admt_samsung_gift {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_admt_shinhan_free {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_admt_monitoring {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_discount_Coupon {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 410px
}

    .layer_wrap.active.layer_discount_Coupon .layer_contents.scroll {
        max-height: 650px
    }

.layer_wrap.active.layer_point_okcashback {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_hyundai {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_shinhan_discount {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_shinhan_free {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_gs_point {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_nh {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_soil {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_bluemem {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 410px
}

    .layer_wrap.active.layer_point_bluemem .layer_contents.scroll {
        max-height: 650px
    }

.layer_wrap.active.layer_point_redmem {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_happymoney {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_mobilepop {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_shinhan_aceblue {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_wrap.active.layer_point_shinhan_deepoil {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 390px
}

.layer_reserve_step3.active {
    box-sizing: border-box;
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 10px;
    width: 410px
}

    .layer_reserve_step3.active .layer_contents {
        max-height: 650px;
        box-sizing: border-box;
        overflow-y: auto;
        scrollbar-width: thin;
        overscroll-behavior: contain
    }

.layer_wrap.active.layer_saving_request {
    position: absolute;
    z-index: 80;
    top: 55px;
    right: 20px;
    width: 390px;
    margin-left: 230px
}

.layer_wrap.active.layer_fin_get_mobticket {
    position: absolute;
    z-index: 100;
    top: 105px;
    left: 50%;
    width: 390px;
    margin-left: -195px
}

.layer_wrap.active.layer_Combi_Notice {
    position: absolute;
    z-index: 120;
    top: 105px;
    left: 50%;
    width: 390px;
    margin-left: -195px
}

.btn_temp {
    position: fixed;
    z-index: 9999;
    bottom: 15px;
    left: 5px;
    padding: 5px
}

    .btn_temp a {
        display: inline-block;
        padding: 4px;
        border: 1px solid #ccc;
        background-color: #fff
    }

.btn_temp_reserve {
    font-size: 12px;
    position: fixed;
    z-index: 9999;
    bottom: 5px;
    padding: 5px;
    color: #fff !important;
    background: skyblue
}

    .btn_temp_reserve.res01 {
        left: 5px;
        width: 100px
    }

    .btn_temp_reserve.res03 {
        left: 150px;
        width: 900px
    }

    .btn_temp_reserve.res04 {
        left: 1150px;
        width: 100px
    }

.layer_wrap__renewal {
    font-family: "Roboto","Noto Sans KR","sans-serif";
    border-radius: 12px;
    min-width: 276px;
    width: calc(100% - 44px);
    max-width: 400px
}

    .layer_wrap__renewal, .layer_wrap__renewal * {
        box-sizing: border-box
    }

        .layer_wrap__renewal input, .layer_wrap__renewal button, .layer_wrap__renewal select, .layer_wrap__renewal textarea {
            font-family: "Roboto","Noto Sans KR","sans-serif"
        }

        .layer_wrap__renewal .layer_footer {
            border-top-color: rgba(221, 221, 221, var(--text-opacity))
        }

            .layer_wrap__renewal .layer_footer ul {
                display: flex
            }

                .layer_wrap__renewal .layer_footer ul li {
                    flex: 1;
                    width: auto
                }

                    .layer_wrap__renewal .layer_footer ul li a, .layer_wrap__renewal .layer_footer ul li button {
                        font-size: 13px;
                        font-weight: 400;
                        line-height: 1.35;
                        letter-spacing: -0.03em;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        height: 44px;
                        border: none;
                        background-color: #f8f8f8
                    }

                    .layer_wrap__renewal .layer_footer ul li:before {
                        height: 21px;
                        border-left-color: rgba(221, 221, 221, var(--text-opacity))
                    }

.layer_wrap.layer_movie_grade {
    width: 600px
}

    .layer_wrap.layer_movie_grade .tbl_dtal td {
        font-size: 13px
    }

.layer_wrap.layer_seechu {
    width: 600px
}

    .layer_wrap.layer_seechu .layer_header {
        border-bottom: 0 none
    }

    .layer_wrap.layer_seechu .layer_contents {
        background-color: #f5f5f5
    }

        .layer_wrap.layer_seechu .layer_contents .bx_txt {
            font-size: 12px;
            line-height: 1.5;
            margin-bottom: 35px
        }

        .layer_wrap.layer_seechu .layer_contents label.ty2 {
            font-size: 15px;
            margin-bottom: 10px
        }

        .layer_wrap.layer_seechu .layer_contents textarea.ty2 {
            font-size: 12px
        }

        .layer_wrap.layer_seechu .layer_contents .btn_col10 {
            display: block;
            width: 285px;
            margin: 22px auto 0
        }

    .layer_wrap.layer_seechu .layer_footer {
        padding: 15px 30px;
        text-align: left;
        background-color: #201c1d
    }

        .layer_wrap.layer_seechu .layer_footer .close_wrap label {
            color: #fff
        }

.layer__renewal {
    display: none !important
}
/* 예매 ============================================================ */
.wrap_reserve {
    overflow: hidden;
    position: relative;
    width: 1280px;
    height: 870px;
    margin: 0 auto;
    background-color: #FFF;
}

    .wrap_reserve:after {
        content: "";
        display: block;
        clear: both;
    }
    /* section_step_tit ============================== */
    .wrap_reserve .section_step_tit {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 78px;
    }

        .wrap_reserve .section_step_tit ul {
            height: 100%;
        }

            .wrap_reserve .section_step_tit ul li {
                position: relative;
                height: 25%;
                box-sizing: border-box;
                border: 1px solid #666;
                border-top: none;
                background-color: #FFF;
                z-index: 10;
            }

                .wrap_reserve .section_step_tit ul li > a {
                    display: block;
                    height: 100%;
                    color: #666;
                }

                    .wrap_reserve .section_step_tit ul li > a > strong {
                        display: block;
                        line-height: 1.5;
                        padding-top: 80px;
                        font-size: 13px;
                        text-align: center;
                    }

                        .wrap_reserve .section_step_tit ul li > a > strong span {
                            font-family: 'Roboto';
                            font-size: 13px;
                        }
                /* 이전단계 */
                .wrap_reserve .section_step_tit ul li.prev {
                    border-color: #333;
                    border-bottom-color: #666;
                    background-color: #333;
                }

                    .wrap_reserve .section_step_tit ul li.prev > a {
                        color: #FFF;
                    }
                /* 현단계 */
                .wrap_reserve .section_step_tit ul li.active {
                    border-color: #FF243E;
                    border-bottom-color: #666;
                    background-color: #FF243E;
                }

                    .wrap_reserve .section_step_tit ul li.active > a {
                        color: #FFF;
                    }

                        .wrap_reserve .section_step_tit ul li.active > a:before {
                            content: "현재 단계";
                            overflow: hidden;
                            position: absolute;
                            width: 1px;
                            height: 1px;
                            text-indent: -9999em;
                        }

                        .wrap_reserve .section_step_tit ul li.active > a > strong {
                            font-size: 15px;
                        }

                        .wrap_reserve .section_step_tit ul li.active > a .bx_con {
                            background-color: #FF243E;
                        }
                /* 요약정보 */
                .wrap_reserve .section_step_tit ul li > a .bx_con {
                    display: none;
                    position: absolute;
                    z-index: 1;
                    left: 77px;
                    top: -1px;
                    bottom: 0;
                    width: 172px;
                    padding-left: 20px;
                    border-top: 1px solid #666;
                    background-color: #333;
                }

                    .wrap_reserve .section_step_tit ul li > a .bx_con dl {
                        margin-top: 52px;
                    }

                        .wrap_reserve .section_step_tit ul li > a .bx_con dl:after {
                            content: "";
                            display: block;
                            clear: both;
                        }

                        .wrap_reserve .section_step_tit ul li > a .bx_con dl dt {
                            overflow: hidden;
                            position: absolute;
                            width: 1px;
                            height: 1px;
                            clip: rect(1px, 1px, 1px, 1px);
                        }

                        .wrap_reserve .section_step_tit ul li > a .bx_con dl dd {
                            margin-bottom: 17px;
                        }

                            .wrap_reserve .section_step_tit ul li > a .bx_con dl dd:before {
                                content: "";
                                overflow: hidden;
                                display: inline-block;
                                width: 3px;
                                height: 3px;
                                margin: 4px 5px 0 0;
                                border-radius: 3px;
                                vertical-align: top;
                                background: #fff;
                            }

                .wrap_reserve .section_step_tit ul li.step02 > a .bx_con dl {
                    margin-top: 72px;
                }

                .wrap_reserve .section_step_tit ul li.step03 > a .bx_con dl {
                    margin-top: 62px;
                }

                    .wrap_reserve .section_step_tit ul li.step03 > a .bx_con dl dt {
                        overflow: inherit;
                        position: static;
                        clear: both;
                        float: left;
                        width: auto;
                        height: auto;
                        clip: inherit;
                        margin-right: 5px;
                    }

                        .wrap_reserve .section_step_tit ul li.step03 > a .bx_con dl dt:before {
                            content: "";
                            overflow: hidden;
                            display: inline-block;
                            width: 3px;
                            height: 3px;
                            margin: 4px 5px 0 0;
                            border-radius: 3px;
                            vertical-align: top;
                            background: #FFE9EC;
                        }

                    .wrap_reserve .section_step_tit ul li.step03 > a .bx_con dl dd {
                        float: left;
                    }

                        .wrap_reserve .section_step_tit ul li.step03 > a .bx_con dl dd:before {
                            display: none;
                        }

                .wrap_reserve .section_step_tit ul li.prev > a:hover .bx_con,
                .wrap_reserve .section_step_tit ul li.active > a:hover .bx_con {
                    display: block;
                }
    /* section_step_con ============================== */
    .wrap_reserve .section_step_con {
        overflow: hidden;
        position: absolute;
        height: 0;
    }

        .wrap_reserve .section_step_con:after {
            content: "";
            display: block;
            clear: both;
        }

        .wrap_reserve .section_step_con.active {
            display: block;
            overflow: inherit;
            position: relative;
            width: 1202px;
            height: 100%;
            margin-left: 78px;
        }

        .wrap_reserve .section_step_con .article {
            position: relative;
            float: left;
            height: 100%;
            box-sizing: border-box;
            background-color: #FFF;
        }

            .wrap_reserve .section_step_con .article .group_top {
                overflow: hidden;
                position: relative;
                height: 55px;
                line-height: 55px;
                border-right: 1px solid #222;
                text-align: center;
                background-color: #000;
            }

            .wrap_reserve .section_step_con .article:first-child .group_top {
                border-left: none;
            }

            .wrap_reserve .section_step_con .article .group_top .tit {
                font-size: 18px;
                color: #FFF;
            }

            .wrap_reserve .section_step_con .article .group_top .txt {
                position: absolute;
                top: 5px;
                right: 30px;
                font-size: 13px;
                color: #fff;
            }

                .wrap_reserve .section_step_con .article .group_top .txt:before {
                    content: "";
                    display: inline-block;
                    width: 3px;
                    height: 3px;
                    margin-right: 5px;
                    border-radius: 50%;
                    vertical-align: middle;
                    background: #666;
                }

            .wrap_reserve .section_step_con .article .group_top .btn_txt_reset {
                position: absolute;
                right: 32px;
                top: 14px;
            }

            /* article : 01상영시간/영화관선택 ========== */
            .wrap_reserve .section_step_con .article.article_cinema {
                width: 351px;
                border-bottom: 1px solid #DDD;
            }

                .wrap_reserve .section_step_con .article.article_cinema > .inner {
                    overflow: hidden;
                    height: 815px;
                    border-right: 1px solid #DDD;
                }

                    .wrap_reserve .section_step_con .article.article_cinema > .inner .tab_wrap.outer > li > .tab_tit {
                        height: 61px;
                    }

                    .wrap_reserve .section_step_con .article.article_cinema > .inner .tab_wrap.outer > li.active > .tab_tit {
                        height: 61px;
                    }

                    .wrap_reserve .section_step_con .article.article_cinema > .inner .tab_wrap.outer {
                        padding-top: 61px;
                    }

                    .wrap_reserve .section_step_con .article.article_cinema > .inner .cinema_select_wrap > ul,
                    .wrap_reserve .section_step_con .article.article_cinema > .inner .cinema_select_wrap > ul .depth2 .mCustomScrollbar {
                        height: 753px;
                    }
                /* customizing : cinema_select_wrap */
                .wrap_reserve .section_step_con .article.article_cinema .cinema_select_wrap {
                    background-color: #F5F5F5;
                }

                    .wrap_reserve .section_step_con .article.article_cinema .cinema_select_wrap > ul li {
                        padding: 2px;
                        border-bottom: none;
                    }

                    .wrap_reserve .section_step_con .article.article_cinema .cinema_select_wrap > ul > li.depth1.active > a {
                        background: #FFF url("../../Content/images/icon/check.png") no-repeat 150px 2px;
                    }

                    .wrap_reserve .section_step_con .article.article_cinema .cinema_select_wrap > ul .depth2 {
                        background-color: #FFF;
                    }

                        .wrap_reserve .section_step_con .article.article_cinema .cinema_select_wrap > ul .depth2 ul li.active a {
                            color: #FF243E; /*background:url("../../Content/images/icon/check.png") no-repeat 130px center;*/
                        }

                        .wrap_reserve .section_step_con .article.article_cinema .cinema_select_wrap > ul .depth2 ul li.disabled a {
                            color: #ccc;
                        }
            /* article : 01상영시간/영화선택 ========== */
            .wrap_reserve .section_step_con .article.article_movie {
                width: 351px;
                background-color: #F8F8F8;
            }

                .wrap_reserve .section_step_con .article.article_movie > .inner {
                    overflow: hidden;
                    height: 815px;
                    border-right: 1px solid #DDD;
                }

                    .wrap_reserve .section_step_con .article.article_movie > .inner .mCustomScrollbar {
                        height: 754px;
                    }

                .wrap_reserve .section_step_con .article.article_movie .list_filter {
                    overflow: hidden;
                    position: relative;
                    height: 60px;
                    padding: 0 20px;
                    border-bottom: 1px solid #DDD;
                }

                    .wrap_reserve .section_step_con .article.article_movie .list_filter select {
                        width: 180px;
                        height: 30px;
                        line-height: 29px;
                        margin-top: 15px;
                        padding-left: 10px;
                    }

                .wrap_reserve .section_step_con .article.article_movie .inner .mCSB_container {
                    padding-bottom: 30px;
                }
            /* article : 01상영시간/날짜,시간 ========== */
            .wrap_reserve .section_step_con .article.article_time {
                width: 500px;
            }

                .wrap_reserve .section_step_con .article.article_time > .inner {
                    overflow: hidden;
                    height: 815px;
                }

                    .wrap_reserve .section_step_con .article.article_time > .inner .mCustomScrollbar {
                        height: 658px;
                        padding: 0 20px;
                    }
                    /* bx_notice */
                    .wrap_reserve .section_step_con .article.article_time > .inner .bx_notice {
                        clear: both;
                        margin-top: 215px;
                        padding-top: 52px;
                        text-align: center;
                        background: url("../../Content/images/icon/film.png") no-repeat center 0;
                    }

                        .wrap_reserve .section_step_con .article.article_time > .inner .bx_notice p {
                            line-height: 1.5;
                            font-size: 15px;
                        }

                    .wrap_reserve .section_step_con .article.article_time > .inner .mCSB_container {
                        padding-bottom: 30px;
                    }

            /* article : 02인원,좌석 ========== */
            .wrap_reserve .section_step_con .article.article_seat {
                width: 1202px;
            }

                .wrap_reserve .section_step_con .article.article_seat > .inner {
                    overflow: hidden;
                    height: 815px;
                }

            /* article : 03결제/예매정보 ========== */
            .wrap_reserve .section_step_con .article.article_sum_infor {
                width: 301px;
            }

                .wrap_reserve .section_step_con .article.article_sum_infor > .inner {
                    overflow: hidden;
                    height: 815px;
                    border-right: 1px solid #DDD;
                }

            /* article : 03결제/결제수단 ========== */
            .wrap_reserve .section_step_con .article.article_pay_method {
                width: 487px;
                background-color: #F8F8F8;
            }

                .wrap_reserve .section_step_con .article.article_pay_method > .inner {
                    overflow: hidden;
                    height: 815px;
                    border-right: 1px solid #DDD;
                }

                    .wrap_reserve .section_step_con .article.article_pay_method > .inner .mCustomScrollbar {
                        height: 815px;
                    }

            /* article : 03결제/결제하기 ========== */
            .wrap_reserve .section_step_con .article.article_payment {
                width: 414px;
            }

                .wrap_reserve .section_step_con .article.article_payment > .inner {
                    overflow: hidden;
                    height: 815px;
                }

            /* article : 04결제완료/완료 ========== */
            .wrap_reserve .section_step_con .article.article_payment_fin {
                width: 1202px;
                background-color: #F8F8F8;
            }

                .wrap_reserve .section_step_con .article.article_payment_fin > .inner {
                    overflow: hidden;
                    height: 855px;
                    overflow-y: auto;
                }
                /* 2020.03.02 */
                .wrap_reserve .section_step_con .article.article_payment_fin.side > .inner {
                    margin-right: 410px;
                }

    /* 바로예매/상영시간표 */
    .wrap_reserve.ty2 {
        width: 1202px;
    }

        .wrap_reserve.ty2 .section_step_con {
            width: 100%;
            margin-left: 0;
        }

            .wrap_reserve.ty2 .section_step_con .article.article_time {
                width: 851px;
            }

                .wrap_reserve.ty2 .section_step_con .article.article_time > .inner {
                    height: 760px;
                }

                    .wrap_reserve.ty2 .section_step_con .article.article_time > .inner .mCustomScrollbar {
                        height: 647px;
                    }

                    .wrap_reserve.ty2 .section_step_con .article.article_time > .inner .tab_wrap .mCustomScrollbar {
                        height: 607px;
                    }

            .wrap_reserve.ty2 .section_step_con .article.article_cinema > .inner {
                height: 765px;
            }

                .wrap_reserve.ty2 .section_step_con .article.article_cinema > .inner .cinema_select_wrap > ul,
                .wrap_reserve.ty2 .section_step_con .article.article_cinema > .inner .cinema_select_wrap > ul .depth2 .mCustomScrollbar {
                    height: 100%;
                }

            .wrap_reserve.ty2 .section_step_con .article.article_movie > .inner .mCustomScrollbar {
                height: 704px;
            }

        .wrap_reserve.ty2 .time_select_wrap ul.list_time li {
            width: 13.4%;
            margin: 0 0 11px 1%;
        }

            .wrap_reserve.ty2 .time_select_wrap ul.list_time li:nth-child(4n+1) {
                margin-left: 1%;
            }

            .wrap_reserve.ty2 .time_select_wrap ul.list_time li:nth-child(7n+1) {
                margin-left: 0;
            }

        .wrap_reserve.ty2 .section_step_con .article .group_top {
            border-right-color: #CCC;
            background-color: #E2E2E2;
        }

            .wrap_reserve.ty2 .section_step_con .article .group_top .tit {
                color: #000;
            }

        .wrap_reserve.ty2 .article_time .date_select_wrap.bdr {
            margin-bottom: 0;
            padding-bottom: 20px;
            border-bottom: 1px solid #EEE;
        }

        .wrap_reserve.ty2 .article_time .time_select_tit {
            display: flex;
            align-items: center;
            margin-top: 30px;
        }

            .wrap_reserve.ty2 .article_time .time_select_tit .tit {
                vertical-align: middle;
            }

    .wrap_reserve.mall {
        width: 1202px;
    }

        .wrap_reserve.mall .section_step_con {
            margin-left: 0;
        }

        .wrap_reserve.mall .reserve_result_wrap .infor_wrap .bx_thm {
            height: 160px;
        }

/* 예매 : 팝업 공통 ============================================================ */
.field_wrap {
    margin-top: 30px;
}

    .field_wrap:first-child {
        margin-top: 0;
    }

    .field_wrap .tit_field {
        margin-bottom: 10px;
        font-size: 15px;
    }
    /* group ========== */
    .field_wrap .group_item {
        margin-top: 20px;
    }

        .field_wrap .group_item.non_mg {
            margin-top: 0;
        }

        .field_wrap .group_item:first-child {
            margin-top: 0;
        }

        .field_wrap .group_item .btn_btm_wrap {
            margin: 10px 0 0;
        }

        .field_wrap .group_item .txt_point_inf {
            padding: 14px 0;
            font-size: 13px;
        }

            .field_wrap .group_item .txt_point_inf strong {
                font-family: 'Roboto';
                font-size: 15px;
                font-weight: bold;
            }
        /* 사용가능포인트 */
        .field_wrap .group_item dl.useable_point {
            position: relative;
            border-top: 1px solid #DDD;
        }

            .field_wrap .group_item dl.useable_point:first-child {
                border-top: 0;
            }

            .field_wrap .group_item dl.useable_point:after {
                content: "";
                display: block;
                clear: both;
            }

            .field_wrap .group_item dl.useable_point dt {
                clear: both;
                float: left;
                padding: 10px 0;
                font-size: 13px;
            }

                .field_wrap .group_item dl.useable_point dt strong {
                    font-size: 15px;
                }

            .field_wrap .group_item dl.useable_point dd {
                float: right;
                padding: 8px 0;
                font-size: 13px;
            }

                .field_wrap .group_item dl.useable_point dd strong {
                    font-family: 'Roboto';
                    font-size: 15px;
                    font-weight: bold;
                    color: #2AA3FE;
                }
        /* bx ========== */
        .field_wrap .group_item .bx_item {
            position: relative;
            margin-top: 8px;
        }

            .field_wrap .group_item .bx_item:first-child {
                margin-top: 0;
            }

            .field_wrap .group_item .bx_item:after {
                content: "";
                display: block;
                clear: both;
            }

            .field_wrap .group_item .bx_item input[type="checkbox"] {
                position: absolute;
            }

                .field_wrap .group_item .bx_item input[type="checkbox"] + label {
                    display: block;
                    float: left;
                    width: auto;
                    font-family: 'Roboto';
                    font-size: 13px;
                }

                    .field_wrap .group_item .bx_item input[type="checkbox"] + label strong {
                        margin-left: 5px;
                        color: #2AA3FE;
                    }
            /* form유형 */
            .field_wrap .group_item .bx_item.inp_ty1 input[type="text"],
            .field_wrap .group_item .bx_item.inp_ty1 input[type="password"],
            .field_wrap .group_item .bx_item.inp_ty1 .bx_pos {
                float: left;
                width: 230px;
            }

            .field_wrap .group_item .bx_item.inp_ty1 .bx_pos {
                position: relative;
            }

                .field_wrap .group_item .bx_item.inp_ty1 .bx_pos input[type="text"],
                .field_wrap .group_item .bx_item.inp_ty1 .bx_pos input[type="password"] {
                    width: 100%;
                }

                .field_wrap .group_item .bx_item.inp_ty1 .bx_pos .cnt_time {
                    position: absolute;
                    right: 5px;
                    height: 45px;
                    line-height: 45px;
                    white-space: nowrap;
                }

            .field_wrap .group_item .bx_item.inp_ty1 .bx_num {
                float: left;
                width: 230px;
            }

                .field_wrap .group_item .bx_item.inp_ty1 .bx_num .tit {
                    display: block;
                    padding: 14px 0;
                    font-size: 13px;
                    text-align: center;
                }

                    .field_wrap .group_item .bx_item.inp_ty1 .bx_num .tit .txt_num {
                        font-size: 17px;
                    }

                .field_wrap .group_item .bx_item.inp_ty1 .bx_num button {
                    width: auto;
                    margin-left: 0;
                    padding: 0 15px
                }

            .field_wrap .group_item .bx_item.inp_ty1 button {
                float: left;
                width: 100px;
                margin-left: 10px;
                padding: 0;
                white-space: nowrap;
            }

            .field_wrap .group_item .bx_item.inp_ty1 .area_point {
                position: relative;
                float: left;
                width: 230px;
            }

                .field_wrap .group_item .bx_item.inp_ty1 .area_point input {
                    width: 100%;
                    padding-right: 25px;
                    font-family: 'Roboto';
                    font-size: 13px;
                    font-weight: bold;
                    text-align: right;
                }

                .field_wrap .group_item .bx_item.inp_ty1 .area_point span {
                    position: absolute;
                    right: 10px;
                    top: 8px;
                    line-height: 30px;
                    font-family: 'Roboto';
                    font-size: 13px;
                    font-weight: bold;
                }

            .field_wrap .group_item .bx_item.inp_ty2 input[type="text"],
            .field_wrap .group_item .bx_item.inp_ty2 input[type="password"],
            .field_wrap .group_item .bx_item.inp_ty2 input[type="tel"],
            .field_wrap .group_item .bx_item.inp_ty2 input[type="number"] {
                float: left;
                width: 160px;
            }

            .field_wrap .group_item .bx_item.inp_ty2 .dash1 {
                float: left;
                width: 20px;
                line-height: 45px;
                text-align: center;
                white-space: nowrap;
            }

            .field_wrap .group_item .bx_item.inp_ty3 .tit_item {
                float: left;
                line-height: 18px;
            }

            .field_wrap .group_item .bx_item.inp_ty3 .area_rdo {
                float: right;
                margin-top: -1px;
            }

                .field_wrap .group_item .bx_item.inp_ty3 .area_rdo span {
                    margin-left: 10px;
                }

            .field_wrap .group_item .bx_item.inp_ty3 .tooltip_box {
                float: left;
                margin: 1px 0 0 5px;
            }
        /* title */
        .field_wrap .group_item .tit_wrap:after {
            content: "";
            display: block;
            clear: both;
        }

        .field_wrap .group_item .tit_wrap .group_lft {
            float: left;
        }

        .field_wrap .group_item .tit_wrap .group_rgt {
            float: right;
        }

        .field_wrap .group_item .tit_wrap .txt_cnt {
            font-size: 11px;
        }

            .field_wrap .group_item .tit_wrap .txt_cnt strong {
                color: #FF243E;
            }
    /* form : 전화번호 */
    .field_wrap .bx_inp_tel:after {
        content: "";
        display: block;
        clear: both;
    }

    .field_wrap .bx_inp_tel select {
        float: left;
        width: 28%;
        height: 45px;
    }

    .field_wrap .bx_inp_tel input[type="text"] {
        float: left;
        width: 35%;
        margin-left: 1%;
    }

    .field_wrap .bx_inp_tel2:after {
        content: "";
        display: block;
        clear: both;
    }

    .field_wrap .bx_inp_tel2 select {
        float: left;
        width: 85px;
        height: 45px;
    }

    .field_wrap .bx_inp_tel2 input[type="text"] {
        float: left;
        width: 65px;
        margin-left: 8px;
    }

    .field_wrap .bx_inp_tel2 button {
        float: left;
        width: 100px;
        margin-left: 8px;
    }

/* 예매 : 01상영시간 ============================================================ */
/* 예매 : 01상영시간/영화관선택 ============================== */
.cinema_select_wrap {
    position: relative;
    height: 100%;
    background-color: #FFF;
}

    .cinema_select_wrap > ul {
        min-height: 90px;
        height: 100%;
    }

        .cinema_select_wrap > ul li {
            border-bottom: 1px solid #EBEBEB;
        }

        .cinema_select_wrap > ul > li.depth1 > a {
            display: block;
            position: relative;
            width: 175px;
            box-sizing: border-box;
            padding: 10px 16px;
            font-size: 13px;
        }

            .cinema_select_wrap > ul > li.depth1 > a em {
                font-size: 10px;
                color: #666;
            }

        .cinema_select_wrap > ul > li.depth1.active > a {
            background-color: #F5F5F5;
        }

        .cinema_select_wrap > ul > li.depth1.active .depth2 {
            display: block;
        }

        .cinema_select_wrap > ul .depth2 {
            display: none;
            position: absolute;
            left: 175px;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #F5F5F5;
        }

            .cinema_select_wrap > ul .depth2 .area_scroll {
                overflow-y: scroll;
                height: 100%;
            }

            .cinema_select_wrap > ul .depth2 ul li {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 13px;
            }

                .cinema_select_wrap > ul .depth2 ul li a {
                    display: table-cell; /*display:block;*/
                    overflow: hidden; /*text-overflow:ellipsis; white-space:nowrap;*/
                    padding: 10px 16px;
                    font-size: 13px;
                    vertical-align: middle;
                }

                .cinema_select_wrap > ul .depth2 ul li.active a {
                    color: #FF243E;
                }

                .cinema_select_wrap > ul .depth2 ul li.disabled a {
                    color: #ccc;
                }

    .cinema_select_wrap li.active > a:before {
        content: "선택";
        overflow: hidden;
        position: absolute;
        width: 0;
        height: 0;
        text-indent: -9999em;
    }

    .cinema_select_wrap .depth2 li {
        position: relative;
    }

        .cinema_select_wrap .depth2 li.active > a:after {
            content: "";
            position: absolute;
            right: 7px;
            top: 4px;
            width: 18px;
            height: 14px;
            text-indent: -9999em;
            background: url("../../Content/images/icon/check.png") no-repeat 0 0;
        }

        .cinema_select_wrap .depth2 li.disabled.active > a:after {
            background: none;
        }
    /* bx_notice */
    .cinema_select_wrap .bx_notice {
        clear: both;
        margin-top: 100px;
        padding: 0 19px;
        text-align: center;
    }

        .cinema_select_wrap .bx_notice .txt {
            line-height: 1.5;
            margin-bottom: 14px;
            font-size: 13px;
        }
    /* customizing : 마이페이지/쿠폰/사용가능영화관 */
    .cinema_select_wrap.useable > ul .depth2 .area_scroll {
        overflow-x: hidden;
    }

    .cinema_select_wrap.useable > ul .depth2 ul {
        margin: 0 -1%;
        padding: 15px 30px;
    }

        .cinema_select_wrap.useable > ul .depth2 ul:after {
            content: "";
            display: block;
            clear: both;
        }

        .cinema_select_wrap.useable > ul .depth2 ul li {
            float: left;
            width: 23%;
            height: 50px;
            line-height: 50px;
            margin: 0 1% 15px;
            box-sizing: border-box;
            border: 1px solid #EEE;
            font-size: 13px;
            text-align: center;
            background-color: #FFF;
        }

    /* customizing : 마이페이지/쿠폰/사용가능영화관 */
    .cinema_select_wrap.my_cinema_reg > ul .depth2 .area_scroll {
        overflow-x: hidden;
    }

    .cinema_select_wrap.my_cinema_reg > ul .depth2 ul {
        margin: 0 -1%;
        padding: 15px 30px;
    }

        .cinema_select_wrap.my_cinema_reg > ul .depth2 ul:after {
            content: "";
            display: block;
            clear: both;
        }
        /*.cinema_select_wrap.my_cinema_reg > ul .depth2 ul li {float:left; width:23%; height:50px; line-height:50px; margin:0 1% 10px; box-sizing:border-box; border-radius:4px; border:1px solid #EEE; text-align:center; background-color:#FFF;} 2019.12.31 */
        /* 2019.12.31 수정테스트 영역 */
        .cinema_select_wrap.my_cinema_reg > ul .depth2 ul li {
            float: left;
            width: 23%;
            height: 50px;
            line-height: 1.2;
            margin: 0 1% 10px;
            box-sizing: border-box;
            border-radius: 4px;
            border: 1px solid #EEE;
            text-align: center;
            white-space: normal;
            background-color: #FFF;
            display: table;
            vertical-align: middle;
        }

            .cinema_select_wrap.my_cinema_reg > ul .depth2 ul li span {
                display: table-cell;
                vertical-align: middle;
            }
            /* //2019.12.31 수정테스트 영역 */
            .cinema_select_wrap.my_cinema_reg > ul .depth2 ul li a {
                padding: 0 5px;
            }

            .cinema_select_wrap.my_cinema_reg > ul .depth2 ul li.active {
                border: 2px solid #000;
            }
            /* .cinema_select_wrap.my_cinema_reg > ul .depth2 ul li .telnum {display: block; padding: 2px 0 0 0; font-size: 13px; color: #555} 2020.04.28 */
            .cinema_select_wrap.my_cinema_reg > ul .depth2 ul li.on .telnum,
            .cinema_select_wrap.my_cinema_reg > ul .depth2 ul li .telnum {
                display: block;
                font-size: 12px;
                color: #555
            }

            .cinema_select_wrap.my_cinema_reg > ul .depth2 ul li.disabled .telnum {
                color: #999
            }

#layerCinemaGroupNum .cinema_select_wrap.cinemaSelect > ul .depth2 ul li.on a .telnum,
#layerCinemaGroupNum .cinema_select_wrap.cinemaSelect > ul .depth2 ul li a .telnum {
    display: block;
    padding-top: 4px;
    font-size: 12px;
    color: #555
}

#layerCinemaGroupNum .cinema_select_wrap.cinemaSelect > ul .depth2 ul li.disabled .telnum {
    color: #999
}

#layerCinemaGroupNum .cinema_select_wrap > ul > li.depth1.active > a {
    position: relative;
    z-index: 1;
    background-color: #F5F5F5;
    background-image: url('../../Content/images/icon/ic_my_check.svg');
    background-repeat: no-repeat;
    background-position: 160px center;
}

#layerCinemaGroupNum.layer_wrap.ty3 .layer_contents {
    height: 360px
}

#layerCinemaGroupNum .cinema_select_wrap > ul > li.depth1.active .depth2 {
    overflow-y: scroll;
    height: 100%;
}
/* 예매 : 01상영시간/영화선택 ============================== */
/* 공통 ========== */
.movie_select_wrap ul > li {
    box-sizing: border-box;
    border: 2px solid transparent;
}

    .movie_select_wrap ul > li > a {
        display: block;
        position: relative;
        box-sizing: border-box;
    }

        .movie_select_wrap ul > li > a:after {
            content: "";
            display: block;
            clear: both;
        }

    .movie_select_wrap ul > li .group_infor {
        float: left;
    }

        .movie_select_wrap ul > li .group_infor .bx_tit .ic_grade {
            margin-right: 5px;
        }

        .movie_select_wrap ul > li .group_infor .bx_tit .tit {
            font-size: 15px;
            vertical-align: middle;
        }

    .movie_select_wrap ul > li.active {
        border: 2px solid #000;
        background-color: #FFF;
    }

        .movie_select_wrap ul > li.active > a:before {
            content: "선택";
            position: absolute;
            right: 19px;
            top: 18px;
            width: 18px;
            height: 14px;
            text-indent: -9999em;
            background: url("../../Content/images/icon/check.png") no-repeat 0 0;
        }

    .movie_select_wrap ul > li.disabled .bx_thm {
        opacity: .3;
    }

    .movie_select_wrap ul > li.disabled .group_infor {
        opacity: .5;
    }
/* 썸네일형 ========== */
.movie_select_wrap.thm ul > li > a {
    min-height: 116px;
    padding: 10px 20px;
}

.movie_select_wrap.thm ul > li .bx_thm {
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 10px;
    width: 68px;
    height: 96px;
    border-radius: 4px;
}

    .movie_select_wrap.thm ul > li .bx_thm img {
        width: 100%;
    }

    .movie_select_wrap.thm ul > li .bx_thm .rank {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 25px;
        background: -moz-linear-gradient(top, rgba(140,140,142,0) 0%, rgba(139,139,141,0) 1%, rgba(0,0,0,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(140,140,142,0) 0%,rgba(139,139,141,0) 1%,rgba(0,0,0,0.5) 100%);
        background: linear-gradient(to bottom, rgba(140,140,142,0) 0%,rgba(139,139,141,0) 1%,rgba(0,0,0,0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c8c8e', endColorstr='#80000000',GradientType=0 );
    }

        .movie_select_wrap.thm ul > li .bx_thm .rank strong {
            position: absolute;
            left: 5px;
            bottom: -4px;
            font-family: 'Roboto';
            font-size: 18px;
            color: #FFF;
        }

.movie_select_wrap.thm ul > li .group_infor {
    margin-left: 78px;
    padding: 10px 0 0;
}

    .movie_select_wrap.thm ul > li .group_infor .bx_tit {
        margin: 0 20px 12px 27px;
        text-indent: -27px
    }

        .movie_select_wrap.thm ul > li .group_infor .bx_tit .ic_grade {
            text-indent: 0;
        }

    .movie_select_wrap.thm ul > li .group_infor dl {
        margin: 0 0 5px 0;
        font-size: 11px;
    }

        .movie_select_wrap.thm ul > li .group_infor dl:after {
            content: "";
            display: block;
            clear: both;
        }

        .movie_select_wrap.thm ul > li .group_infor dl dt {
            clear: both;
            float: left;
            line-height: 18px;
            margin-right: 8px;
            color: #666;
        }

        .movie_select_wrap.thm ul > li .group_infor dl dd {
            float: left;
            line-height: 19px;
            font-family: 'Roboto';
        }

        .movie_select_wrap.thm ul > li .group_infor dl dt.day {
            padding-left: 0 !important;
            text-indent: -9999em;
        }

        .movie_select_wrap.thm ul > li .group_infor dl dd strong {
            font-weight: bold;
            vertical-align: bottom;
        }

        .movie_select_wrap.thm ul > li .group_infor dl dt.side {
            clear: none;
            position: relative;
            margin-left: 8px;
            padding-left: 8px;
        }

            .movie_select_wrap.thm ul > li .group_infor dl dt.side:before {
                content: "";
                position: absolute;
                left: 0;
                top: 4px;
                height: 10px;
                border-left: 1px solid #DDD;
            }

        .movie_select_wrap.thm ul > li .group_infor dl .txt_ic_score em {
            margin-right: -4px;
        }

        .movie_select_wrap.thm ul > li .group_infor dl .expired {
            margin-right: 26px;
            color: #ED4C6B;
        }

.movie_select_wrap.thm ul > li.active {
    border: 2px solid #000;
    background-color: #FFF;
}

    .movie_select_wrap.thm ul > li.active > a {
        cursor: pointer;
    }

        .movie_select_wrap.thm ul > li.active > a:before {
            content: "선택";
            position: absolute;
            right: 19px;
            top: 18px;
            width: 18px;
            height: 14px;
            text-indent: -9999em;
            background: url("../../Content/images/icon/check.png") no-repeat 0 0;
        }
/* 리스트형 ========== */
.movie_select_wrap.list ul > li > a {
    padding: 15px 20px;
}

.movie_select_wrap.list ul > li .bx_thm {
    display: none;
}

.movie_select_wrap.list ul > li .group_infor .bx_tit:after {
    content: "";
    display: block;
    clear: both;
}

.movie_select_wrap.list ul > li .group_infor .bx_tit .ic_grade {
    position: absolute;
    left: 20px;
    top: 12px;
}

.movie_select_wrap.list ul > li .group_infor .bx_tit .tit {
    display: block;
    overflow: hidden;
    width: 250px;
    padding-left: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.movie_select_wrap.list ul > li .group_infor .sub_info1,
.movie_select_wrap.list ul > li .group_infor dl {
    display: none;
}

.date_select_wrap {
    height: 75px;
    margin: 22px 20px 10px
}

    .date_select_wrap .swiper-container {
        padding: 0 20px
    }

    .date_select_wrap .swiper-button-prev {
        left: 0;
        margin-top: 0
    }

    .date_select_wrap .swiper-button-next {
        right: 0;
        margin-top: 0
    }

    .date_select_wrap .month {
        font-size: 10px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center
    }

    .date_select_wrap .date {
        position: relative;
        display: block;
        padding-top: 20px
    }

        .date_select_wrap .date label {
            display: block;
            cursor: pointer
        }

            .date_select_wrap .date label input[type=radio] {
                position: absolute;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                width: 1px;
                height: 1px
            }

            .date_select_wrap .date label strong {
                font-family: "Roboto";
                font-size: 15px;
                line-height: 30px;
                display: block;
                width: 30px;
                height: 30px;
                margin: 0 auto;
                text-align: center;
                border-radius: 50%
            }

            .date_select_wrap .date label em {
                font-size: 12px;
                display: block;
                margin-top: 10px;
                text-align: center
            }

            .date_select_wrap .date label input[type=radio]:checked + strong {
                font-weight: bold;
                color: #fff;
                background: #000
            }

        .date_select_wrap .date.sat {
            color: #233ca3
        }

        .date_select_wrap .date.sun {
            color: #f24a6a
        }

        .date_select_wrap .date.disabled label strong, .date_select_wrap .date.disabled label em {
            color: #ccc
        }

    .date_select_wrap .slide_reserve_date {
        padding: 0 20px
    }

.group_time_select {
    margin-top: 30px
}

.time_select_tit {
    font-size: 15px;
    display: flex;
    align-items: center
}

    .time_select_tit .ic_grade {
        margin-right: 5px
    }

.time_select_wrap {
    margin-top: 20px
}

    .time_select_wrap .txt_infor {
        margin-bottom: 8px;
        color: #666
    }

    .time_select_wrap ul.list_hall {
        margin-bottom: 5px
    }

        .time_select_wrap ul.list_hall:after {
            display: block;
            clear: both;
            content: ""
        }

        .time_select_wrap ul.list_hall li {
            font-size: 13px;
            position: relative;
            display: block;
            float: left;
            margin-left: 6px;
            padding-left: 6px
        }

            .time_select_wrap ul.list_hall li:before {
                position: absolute;
                top: 3px;
                left: 0;
                height: 9px;
                content: "";
                border-left: 1px solid #ddd
            }

            .time_select_wrap ul.list_hall li:first-child {
                margin-left: 0;
                padding-left: 0
            }

                .time_select_wrap ul.list_hall li:first-child:before {
                    display: none
                }

    .time_select_wrap ul.list_time:after {
        display: block;
        clear: both;
        content: ""
    }

    .time_select_wrap ul.list_time li {
        float: left;
        width: 23.5%;
        margin: 0 0 11px 2%
    }

        .time_select_wrap ul.list_time li:nth-child(4n+1) {
            margin-left: 0
        }

        .time_select_wrap ul.list_time li > a {
            position: relative;
            display: block;
            height: 33px;
            padding: 8px 14px 5px;
            cursor: pointer;
            border: 1px solid #ddd;
            border-radius: 4px;
            background: #f8f8f8;
            background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(248, 248, 248) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f8f8f8", GradientType=0)
        }

            .time_select_wrap ul.list_time li > a dl dt {
                position: absolute !important;
                overflow: hidden;
                clip: rect(1px, 1px, 1px, 1px);
                width: 1px;
                height: 1px
            }

            .time_select_wrap ul.list_time li > a dl dd.time {
                font-family: "Roboto";
                font-size: 11px;
                margin-bottom: 5px
            }

                .time_select_wrap ul.list_time li > a dl dd.time strong {
                    font-size: 15px;
                    font-weight: bold;
                    display: block;
                    text-align: center
                }

            .time_select_wrap ul.list_time li > a dl dd.seat {
                font-family: "Roboto";
                font-size: 11px;
                color: #666
            }

                .time_select_wrap ul.list_time li > a dl dd.seat strong {
                    color: #427652
                }

            .time_select_wrap ul.list_time li > a dl dd.hall {
                font-size: 11px;
                position: absolute;
                right: 15px;
                bottom: 5px
            }

                .time_select_wrap ul.list_time li > a dl dd.hall strong {
                    font-family: "Roboto"
                }

        .time_select_wrap ul.list_time li.active > a:before {
            position: absolute;
            top: 0;
            right: 0;
            overflow: hidden;
            width: 1px;
            height: 1px;
            content: "선택"
        }

        .time_select_wrap ul.list_time li.bixbi > a {
            background: #fffee3
        }

        .time_select_wrap ul.list_time li > a .txt_ntc {
            position: absolute;
            width: 1px;
            height: 1px;
            text-indent: -9999em
        }

            .time_select_wrap ul.list_time li > a .txt_ntc.ic {
                top: 3px;
                right: 3px;
                width: 12px;
                height: 12px
            }

        .time_select_wrap ul.list_time li.morning > a .txt_ntc.ic {
            background: url("../../Content/images/icon/time_sun.png") no-repeat 0 0
        }

        .time_select_wrap ul.list_time li.night > a .txt_ntc.ic {
            background: url("../../Content/images/icon/time_moon.png") no-repeat 0 0
        }

        .time_select_wrap ul.list_time li.near > a dl dd.seat strong {
            color: #f24a6a
        }

        .time_select_wrap ul.list_time li.full > a dl dd.seat strong {
            color: #f24a6a
        }

        .time_select_wrap ul.list_time li.disabled > a {
            cursor: default;
            pointer-events: none
        }

            .time_select_wrap ul.list_time li.disabled > a dl {
                opacity: .4
            }

        .time_select_wrap ul.list_time li.active > a, .time_select_wrap ul.list_time li > a:focus {
            border: 1px solid #000
        }

        .time_select_wrap ul.list_time li > a dl .tooltip {
            font-family: "Roboto";
            font-size: 13px;
            line-height: 34px;
            position: absolute;
            top: -41px;
            left: 50%;
            display: none;
            height: 32px;
            margin-left: -38px;
            padding: 0 8px;
            white-space: nowrap;
            color: #fff;
            border-radius: 4px;
            background-color: #333
        }

            .time_select_wrap ul.list_time li > a dl .tooltip:before {
                position: absolute;
                bottom: -7px;
                left: 50%;
                width: 0;
                height: 0;
                margin-left: -6px;
                content: "";
                border-top: 4px solid #333;
                border-right: 4px solid rgba(0,0,0,0);
                border-bottom: 4px solid rgba(0,0,0,0);
                border-left: 4px solid rgba(0,0,0,0)
            }

        .time_select_wrap ul.list_time li > a:hover dl .tooltip, .time_select_wrap ul.list_time li > a:focus dl .tooltip {
            display: block
        }

.seat_infor_sum {
    text-align: center
}

    .seat_infor_sum .group_top dl dt {
        font-size: 16px;
        display: inline-block
    }

    .seat_infor_sum .group_top dl dd {
        font-size: 13px;
        display: inline-block
    }

        .seat_infor_sum .group_top dl dd strong {
            font-family: "Roboto";
            font-size: 22px;
            font-weight: bold
        }

    .seat_infor_sum .group_con {
        padding: 20px 0
    }

    .seat_infor_sum .group_btm .txt_notice .tit {
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 5px;
        color: #111
    }

        .seat_infor_sum .group_btm .txt_notice .tit .ic_grade {
            margin-right: 5px
        }

    .seat_infor_sum .group_btm .txt_notice .txt {
        font-size: 11px;
        line-height: 1.4;
        letter-spacing: -0.5px;
        color: #666
    }

        .seat_infor_sum .group_btm .txt_notice .txt.ty2 {
            margin-top: 15px;
            text-align: left
        }

            .seat_infor_sum .group_btm .txt_notice .txt.ty2 ul li {
                font-size: 11px
            }

            .seat_infor_sum .group_btm .txt_notice .txt.ty2 ul ul {
                margin-top: 5px
            }

                .seat_infor_sum .group_btm .txt_notice .txt.ty2 ul ul li {
                    font-weight: 100
                }

    .seat_infor_sum .group_btm .txt_notice.gr_all strong {
        color: #5bc77e;
        border-bottom: 1px solid #5bc77e
    }

    .seat_infor_sum .group_btm .txt_notice.gr_12 strong {
        color: #4dd6ff;
        border-bottom: 1px solid #4dd6ff
    }

    .seat_infor_sum .group_btm .txt_notice.gr_15 strong {
        color: #ffc134;
        border-bottom: 1px solid #ffc134
    }

    .seat_infor_sum .group_btm .txt_notice.gr_18 strong {
        color: #ed4c6b;
        border-bottom: 1px solid #ed4c6b
    }

    .seat_infor_sum .group_btm .txt_notice.gr_19 strong {
        color: #cd1327;
        border-bottom: 1px solid #cd1327
    }

.select_num_people_wrap {
    overflow: hidden;
    height: 117px;
    padding: 0 20px;
    background-color: #fff
}

    .select_num_people_wrap .movie_infor {
        position: relative;
        float: left;
        width: 270px;
        padding: 30px 0 0 54px
    }

        .select_num_people_wrap .movie_infor .thm {
            position: absolute;
            top: 26px;
            left: 0;
            display: block;
            overflow: hidden;
            width: 46px;
            height: 65px;
            border-radius: 4px
        }

            .select_num_people_wrap .movie_infor .thm img {
                width: 100%
            }

        .select_num_people_wrap .movie_infor .group_infor .bx_tit {
            display: block;
            margin-bottom: 10px
        }

            .select_num_people_wrap .movie_infor .group_infor .bx_tit .ic_grade {
                margin: -5px 4px 0 0
            }

            .select_num_people_wrap .movie_infor .group_infor .bx_tit strong {
                font-size: 17px
            }

        .select_num_people_wrap .movie_infor .group_infor dl {
            position: relative
        }

            .select_num_people_wrap .movie_infor .group_infor dl dt {
                position: absolute !important;
                overflow: hidden;
                clip: rect(1px, 1px, 1px, 1px);
                width: 1px;
                height: 1px
            }

            .select_num_people_wrap .movie_infor .group_infor dl dd.sub_info1 {
                font-size: 11px;
                display: block;
                overflow: hidden;
                margin-bottom: 5px;
                white-space: nowrap;
                text-overflow: ellipsis
            }

                .select_num_people_wrap .movie_infor .group_infor dl dd.sub_info1 .time {
                    position: relative;
                    margin-left: 10px;
                    padding-left: 9px
                }

                    .select_num_people_wrap .movie_infor .group_infor dl dd.sub_info1 .time:before {
                        position: absolute;
                        top: 3px;
                        left: 0;
                        display: block;
                        width: 1px;
                        height: 10px;
                        content: "";
                        background: #ddd
                    }

                .select_num_people_wrap .movie_infor .group_infor dl dd.sub_info1 em {
                    font-size: 10px
                }

            .select_num_people_wrap .movie_infor .group_infor dl dd.sub_info2 {
                font-size: 10px
            }

    .select_num_people_wrap .count_people {
        float: right;
        width: 825px;
        margin-top: 36px
    }

        .select_num_people_wrap .count_people > ul:after {
            display: block;
            clear: both;
            content: ""
        }

        .select_num_people_wrap .count_people > ul > li {
            float: left;
            margin-left: 20px
        }

            .select_num_people_wrap .count_people > ul > li:first-child {
                margin-left: 0
            }

            .select_num_people_wrap .count_people > ul > li .tit {
                font-size: 13px;
                margin-right: 8px
            }

            .select_num_people_wrap .count_people > ul > li .bx_num {
                display: inline-block;
                width: 100px
            }

.select_seat_wrap {
    overflow: hidden;
    height: 638px;
    color: #fff;
    background-color: #000
}

    .select_seat_wrap .top_txt_info {
        margin: 15px 0 25px;
        text-align: center
    }

        .select_seat_wrap .top_txt_info p {
            font-size: 11px;
            position: relative;
            display: inline-block;
            padding-left: 9px;
            color: #fff
        }

            .select_seat_wrap .top_txt_info p:before {
                position: absolute;
                top: 6px;
                left: 0;
                display: block;
                width: 3px;
                height: 1px;
                content: "";
                background: #fff
            }

    .select_seat_wrap .seat_wrap .mseat_wrap .mseat_inner .floor_bx.seatSet2 .seat_area {
        height: auto !important;
        min-height: 70px
    }

.select_seat_wrap__todo .top_txt_info {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 40px;
    margin-top: 8px;
    margin-bottom: 8px
}

    .select_seat_wrap__todo .top_txt_info p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em
    }

        .select_seat_wrap__todo .top_txt_info p::before {
            display: none
        }

.select_seat_result {
    overflow: hidden;
    height: 60px;
    color: #fff;
    background-color: #888
}

    .select_seat_result .group_lft {
        float: left
    }

    .select_seat_result .group_rgt {
        float: right
    }

    .select_seat_result dl {
        padding: 16px 0 0 30px
    }

    .select_seat_result a {
        font-size: 15px;
        line-height: 60px;
        float: left;
        width: 180px;
        height: 60px;
        border: none;
        border-radius: 0
    }

.article_sum_infor .movie_infor {
    padding: 30px 30px 18px;
    border-bottom: 1px solid #ddd
}

    .article_sum_infor .movie_infor .thm {
        display: block;
        overflow: hidden;
        margin-bottom: 30px;
        border-radius: 4px
    }

        .article_sum_infor .movie_infor .thm img {
            width: 100%
        }

    .article_sum_infor .movie_infor .tit {
        font-size: 17px;
        display: block;
        margin-bottom: 10px
    }

        .article_sum_infor .movie_infor .tit .ic_grade {
            margin-top: -3px
        }

.article_sum_infor .seat_infor {
    padding: 24px 30px 15px;
    border-bottom: 1px solid #ddd
}

.article_sum_infor .seat_minimap_wrap {
    position: relative;
    padding: 30px 0 20px
}

    .article_sum_infor .seat_minimap_wrap .smallScreen {
        top: 20px;
        right: 10px;
        padding: 0;
        background: #fff
    }

        .article_sum_infor .seat_minimap_wrap .smallScreen .title_screen1 {
            color: #b2b2b2;
            background: none
        }

        .article_sum_infor .seat_minimap_wrap .smallScreen .floor_bx .seat_area .sel > span {
            position: relative;
            background: #c2c2c2
        }

        .article_sum_infor .seat_minimap_wrap .smallScreen .floor_bx .seat_area .sel > .completed:before {
            background: #ff243e
        }

        .article_sum_infor .seat_minimap_wrap .smallScreen .floor_bx {
            position: relative;
            padding: 18px 0
        }

            .article_sum_infor .seat_minimap_wrap .smallScreen .floor_bx .floor_tit {
                position: absolute;
                top: 0;
                right: 0
            }

            .article_sum_infor .seat_minimap_wrap .smallScreen .floor_bx.seatSet2 {
                border-top: 2px dashed #b2b2b2
            }

                .article_sum_infor .seat_minimap_wrap .smallScreen .floor_bx.seatSet2 .floor_tit {
                    top: auto;
                    bottom: 0
                }

.article_sum_infor dl.dlist_infor:after {
    display: block;
    clear: both;
    content: ""
}

.article_sum_infor dl.dlist_infor dt {
    font-size: 11px;
    float: left;
    clear: both;
    min-width: 40px;
    margin-bottom: 7px
}

.article_sum_infor dl.dlist_infor dd {
    font-size: 11px;
    float: left;
    width: 200px;
    margin-bottom: 7px;
    word-break: keep-all
}

    .article_sum_infor dl.dlist_infor dd strong {
        font-size: 11px
    }

    .article_sum_infor dl.dlist_infor dd span {
        position: relative;
        margin-left: 5px;
        padding-left: 5px
    }

        .article_sum_infor dl.dlist_infor dd span:before {
            position: absolute;
            top: 3px;
            left: 0;
            height: 10px;
            content: "";
            border-left: 1px solid #ddd
        }

.article_pay_method .tit_payment {
    font-size: 15px;
    display: block;
    margin: 18px 0 16px
}

.list_pay_item {
    margin: 0 -1%
}

    .list_pay_item:after {
        display: block;
        clear: both;
        content: ""
    }

    .list_pay_item li {
        float: left;
        margin: 0 1% 10px
    }

        .list_pay_item li button {
            width: 100%;
            border-radius: 4px;
            background-color: #fff
        }

            .list_pay_item li button.active {
                border-color: #000
            }

            .list_pay_item li button.disabled {
                pointer-events: none;
                opacity: .5
            }

                .list_pay_item li button.disabled.active:after {
                    display: none
                }

            .list_pay_item li button.ty2:after {
                display: none
            }

    .list_pay_item.cate3 li {
        width: 31.333%
    }

    .list_pay_item.cate4 li {
        position: relative;
        width: 23%
    }

    .list_pay_item.cate5 li {
        width: 18%
    }

button.list_pay_item--mnuri {
    background-image: url("../../Content/images/payment/payment_simple_mnuri.jpg");
    background-size: 36px 28px;
    background-position: center 10px
}

.group_discount {
    padding: 15px 30px;
    border-bottom: 1px solid #eee
}

    .group_discount .select_item_wrap .group_item {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #fff
    }

        .group_discount .select_item_wrap .group_item .bx_item {
            position: relative;
            padding: 12px 15px
        }

            .group_discount .select_item_wrap .group_item .bx_item:after {
                display: block;
                clear: both;
                content: ""
            }

            .group_discount .select_item_wrap .group_item .bx_item input[type=checkbox] {
                position: absolute
            }

                .group_discount .select_item_wrap .group_item .bx_item input[type=checkbox] + label {
                    font-family: "Roboto";
                    font-size: 13px;
                    display: block;
                    float: left;
                    width: auto
                }

                    .group_discount .select_item_wrap .group_item .bx_item input[type=checkbox] + label strong {
                        margin-left: 5px;
                        color: #2aa3fe
                    }

            .group_discount .select_item_wrap .group_item .bx_item .area_btn {
                position: absolute;
                top: 15px;
                right: 15px
            }

            .group_discount .select_item_wrap .group_item .bx_item .area_inp {
                position: absolute;
                top: 7px;
                right: 15px
            }

                .group_discount .select_item_wrap .group_item .bx_item .area_inp input {
                    font-family: "Roboto";
                    font-size: 13px;
                    font-weight: bold;
                    line-height: 30px;
                    width: 90px;
                    height: 30px;
                    padding-right: 18px;
                    text-align: right
                }

                .group_discount .select_item_wrap .group_item .bx_item .area_inp span {
                    font-family: "Roboto";
                    font-size: 13px;
                    font-weight: bold;
                    line-height: 30px;
                    position: absolute;
                    top: 0;
                    right: 10px
                }

        .group_discount .select_item_wrap .group_item .group_side {
            position: relative;
            padding: 12px 15px;
            border-top: 1px solid #eee
        }

            .group_discount .select_item_wrap .group_item .group_side .group_certifacate {
                position: relative
            }

                .group_discount .select_item_wrap .group_item .group_side .group_certifacate > .tit {
                    font-size: 13px;
                    font-weight: bold;
                    display: block;
                    margin-bottom: 10px
                }

                .group_discount .select_item_wrap .group_item .group_side .group_certifacate .area_inp {
                    margin-bottom: 5px
                }

                    .group_discount .select_item_wrap .group_item .group_side .group_certifacate .area_inp input {
                        width: 240px;
                        height: 45px
                    }

                .group_discount .select_item_wrap .group_item .group_side .group_certifacate .area_btn {
                    position: absolute;
                    right: 0;
                    bottom: 10px
                }

            .group_discount .select_item_wrap .group_item .group_side .btn_btm_wrap {
                margin-top: 0;
                margin-bottom: 0;
                padding: 10px 0 0
            }

                .group_discount .select_item_wrap .group_item .group_side .btn_btm_wrap a, .group_discount .select_item_wrap .group_item .group_side .btn_btm_wrap button {
                    width: 122px
                }

                    .group_discount .select_item_wrap .group_item .group_side .btn_btm_wrap a.active, .group_discount .select_item_wrap .group_item .group_side .btn_btm_wrap button.active {
                        border: 1px solid #000
                    }

.pos_re {
    position: relative
}

.ic_txt_sale {
    font-family: "Roboto";
    font-size: 11px;
    line-height: 1;
    position: absolute;
    top: -8px;
    right: -5px;
    display: none;
    padding: 3px 5px;
    color: #fff;
    border-radius: 4px;
    background-color: #ff243e
}

    .ic_txt_sale:after {
        position: absolute;
        bottom: -20px;
        left: 20px;
        width: 10px;
        height: 20px;
        content: ""
    }

    .ic_txt_sale.active {
        display: block
    }

.disabled .ic_txt_sale {
    background-color: #ccc
}

.disabled.active .ic_txt_sale {
    background-color: #ff243e
}

.group_discount .wrap_coupon .bx_cate .list_pay_item li button {
    font-size: 11px;
    line-height: 55px;
    position: relative;
    overflow: visible;
    height: 55px
}

.group_discount .wrap_coupon .bx_cate .list_pay_item .txt_cnt {
    font-family: "Roboto";
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 15px;
    height: 15px;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    background-color: #000
}

.group_discount .wrap_coupon .bx_cate .list_pay_item li button.active:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 7px;
    height: 5px;
    margin-left: -3px;
    content: "";
    background: url("../../Content/images/payment/bg_boxarrow.png") no-repeat
}

.group_discount .wrap_coupon .bx_cate .list_pay_item li button.disabled .txt_cnt {
    background-color: #ccc
}

.group_discount .wrap_coupon .bx_coupon.active {
    display: block
}

.group_discount .wrap_coupon .bx_coupon .list_pay_item li {
    margin-bottom: 8px
}

    .group_discount .wrap_coupon .bx_coupon .list_pay_item li button {
        font-size: 11px;
        height: 52px;
        border-radius: 2px
    }

        .group_discount .wrap_coupon .bx_coupon .list_pay_item li button span {
            display: table-cell;
            width: 95px;
            height: 50px;
            vertical-align: middle
        }

.group_discount {
    padding: 0 18px 15px;
    border-top: 5px solid #f8f8f8
}

    .group_discount .bx_fieldset {
        margin: 20px 0;
        padding: 0 18px
    }

        .group_discount .bx_fieldset .tit_fieldset {
            font-size: 13px;
            margin: 18px 0 8px
        }

            .group_discount .bx_fieldset .tit_fieldset .point {
                font-family: "Roboto"
            }

                .group_discount .bx_fieldset .tit_fieldset .point strong {
                    color: #2aa3fe
                }

        .group_discount .bx_fieldset .bx_group {
            margin: 18px 0
        }

        .group_discount .bx_fieldset .bx_inp_txt {
            margin-bottom: 10px
        }

            .group_discount .bx_fieldset .bx_inp_txt input[type=text], .group_discount .bx_fieldset .bx_inp_txt input[type=password] {
                width: 100%
            }

            .group_discount .bx_fieldset .bx_inp_txt.side_btn input[type=text], .group_discount .bx_fieldset .bx_inp_txt.side_btn input[type=password] {
                width: 298px
            }

            .group_discount .bx_fieldset .bx_inp_txt.side_btn a, .group_discount .bx_fieldset .bx_inp_txt.side_btn button {
                width: auto;
                min-width: 100px;
                margin-left: 10px;
                padding: 0 10px;
                white-space: nowrap
            }

        .group_discount .bx_fieldset .btn_btm_wrap {
            margin: 20px 0 10px
        }

        .group_discount .bx_fieldset .bx_btm_infor {
            position: relative;
            margin: 20px 0 0
        }

            .group_discount .bx_fieldset .bx_btm_infor:after {
                display: block;
                clear: both;
                content: ""
            }

            .group_discount .bx_fieldset .bx_btm_infor .bx_lft {
                float: left
            }

            .group_discount .bx_fieldset .bx_btm_infor .bx_rgt {
                float: right
            }

            .group_discount .bx_fieldset .bx_btm_infor .tooltip_box .tit_tooltip {
                font-size: 13px
            }

            .group_discount .bx_fieldset .bx_btm_infor .tooltip_box .tooltip {
                right: -18px;
                left: -18px;
                width: auto;
                padding: 20px
            }

                .group_discount .bx_fieldset .bx_btm_infor .tooltip_box .tooltip .tit {
                    display: block;
                    margin-bottom: 8px
                }

    .group_discount .bx_side_btn {
        margin: 10px 0
    }

        .group_discount .bx_side_btn .btn_btm_wrap {
            margin-top: 10px;
            margin-bottom: 10px
        }

    .group_discount .bx_discount_method {
        margin: 10px 0
    }

        .group_discount .bx_discount_method .bx_cate {
            margin: 10px 0
        }

.group_payment {
    padding: 15px 30px
}

    .group_payment .bx_cate .list_pay_item li button {
        line-height: 95px;
        position: relative;
        overflow: visible;
        height: 68px;
        background-repeat: no-repeat
    }

        .group_payment .bx_cate .list_pay_item li button.cate1 {
            background-image: url("../../Content/images/payment/method_ic_card.png");
            background-position: center 17px
        }

        .group_payment .bx_cate .list_pay_item li button.cate2 {
            background-image: url("../../Content/images/payment/method_ic_lpay_20210407.png");
            background-position: center 17px
        }

        .group_payment .bx_cate .list_pay_item li button.cate3 {
            background-image: url("../../Content/images/payment/method_ic_simple.png");
            background-position: center 17px
        }

        .group_payment .bx_cate .list_pay_item li button.cate4 {
            background-image: url("../../Content/images/payment/method_ic_phone.png");
            background-position: center 14px
        }

        .group_payment .bx_cate .list_pay_item li button img {
            margin-top: 42px
        }

        .group_payment .bx_cate .list_pay_item li button.active:after {
            position: absolute;
            bottom: -5px;
            left: 50%;
            width: 7px;
            height: 5px;
            margin-left: -3px;
            content: "";
            background: url("../../Content/images/payment/bg_boxarrow.png") no-repeat
        }

    .group_payment .toggle_wrap .toggle_tit .btn_toggle {
        top: 10px
    }

    .group_payment .bx_cate .list_pay_item li button.disabled:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        opacity: .5;
        border-radius: 4px;
        background: #000
    }

.article_pay_card {
    margin: 5px 0
}

    .article_pay_card .list_pay_item li button {
        position: relative;
        height: 55px
    }

        .article_pay_card .list_pay_item li button .thm {
            position: absolute;
            top: 10px;
            left: 50%;
            width: 18px;
            height: 18px;
            margin-left: -9px
        }

    .article_pay_card .list_pay_item.itemcenter li button .thm {
        left: 0;
        width: 100%;
        margin-left: initial;
        text-align: center
    }

    .article_pay_card .list_pay_item li button .thm img {
        vertical-align: top
    }

    .article_pay_card .list_pay_item li button .tit {
        font-size: 10px;
        display: block;
        padding-top: 20px
    }

    .article_pay_card .list_pay_item + .blt_txt2 {
        margin-top: 18px
    }

    .article_pay_card .radius_box {
        margin-top: 15px
    }

.article_pay_lcard {
    margin: 5px 0
}

    .article_pay_lcard .list_pay_item li {
        position: relative
    }

        .article_pay_lcard .list_pay_item li input[type=radio] {
            position: absolute
        }

            .article_pay_lcard .list_pay_item li input[type=radio] + label {
                position: relative;
                display: block;
                box-sizing: border-box;
                height: 90px;
                padding: 10px;
                color: #000;
                border: 1px solid #ddd;
                border-radius: 4px;
                background: #fff url("../../Content/images/payment/txt_lpay_27_gry_20210407.png") no-repeat 95px 70px
            }

                .article_pay_lcard .list_pay_item li input[type=radio] + label:before {
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    margin-right: 0
                }

            .article_pay_lcard .list_pay_item li input[type=radio]:disabled + label.disabled {
                pointer-events: none;
                opacity: .3
            }

        .article_pay_lcard .list_pay_item li label .tit {
            font-size: 12px;
            font-weight: bold;
            display: block;
            margin-top: 2px
        }

        .article_pay_lcard .list_pay_item li label .txt {
            font-size: 11px;
            display: block;
            margin-top: 4px;
            opacity: .6
        }

        .article_pay_lcard .list_pay_item li input[type=radio]:checked + label {
            color: #fff;
            border-color: #2b93e2;
            background-color: #2aa3fe;
            background-image: url("../../Content/images/payment/txt_lpay_27_wht_20210407.png")
        }

        .article_pay_lcard .list_pay_item li.add button {
            font-size: 11px;
            display: block;
            box-sizing: border-box;
            width: 100%;
            height: 90px;
            padding-top: 30px;
            border: 1px solid #ddd;
            border-radius: 4px;
            background: #fff url("../../Content/images/icon/plus_15.png") no-repeat center 26px
        }

.article_pay_simple {
    margin: 5px 0
}

    .article_pay_simple .list_pay_item li {
        text-align: center
    }

        .article_pay_simple .list_pay_item li button {
            height: 45px
        }

            .article_pay_simple .list_pay_item li button img {
                vertical-align: middle
            }

        .article_pay_simple .list_pay_item li span {
            font-size: 10px;
            display: block;
            margin-top: 5px;
            color: #666
        }

    .article_pay_simple .bx_con {
        margin: 20px 0 10px
    }

        .article_pay_simple .bx_con .tit {
            font-size: 13px;
            display: block;
            margin-bottom: 10px
        }

        .article_pay_simple .bx_con .txt {
            font-size: 11px;
            line-height: 1.4;
            color: #666
        }

    .article_pay_simple .pay_simple_npay_bx {
        display: none
    }

        .article_pay_simple .pay_simple_npay_bx li {
            font-size: 11px;
            line-height: 1.4;
            margin: 0 0 5px 6px;
            text-indent: -6px;
            color: #666
        }

            .article_pay_simple .pay_simple_npay_bx li:last-child {
                margin-bottom: 0
            }

    .article_pay_simple .list_pay_item li .pay_simple_btn_box {
        height: 55px
    }

    .article_pay_simple .list_pay_item li button .pay_simple_thm {
        margin-top: 0
    }

    .article_pay_simple .toggle_wrap {
        display: none
    }

        .article_pay_simple .toggle_wrap.active {
            display: block
        }

.pay_coupon_list_wrap .list_pay_coupon li {
    position: relative;
    margin-top: 10px
}

    .pay_coupon_list_wrap .list_pay_coupon li:first-child {
        margin-top: 0
    }

    .pay_coupon_list_wrap .list_pay_coupon li .list_inner:after {
        display: block;
        clear: both;
        content: ""
    }

    .pay_coupon_list_wrap .list_pay_coupon li .list_inner .bx_cate {
        float: left;
        min-width: 48px
    }

    .pay_coupon_list_wrap .list_pay_coupon li .list_inner .bx_con {
        float: left
    }

    .pay_coupon_list_wrap .list_pay_coupon li > input[type=checkbox] {
        position: absolute
    }

        .pay_coupon_list_wrap .list_pay_coupon li > input[type=checkbox] + label.ty2 {
            display: block;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 4px
        }

            .pay_coupon_list_wrap .list_pay_coupon li > input[type=checkbox] + label.ty2:before {
                position: absolute;
                top: 20px;
                right: 15px
            }

        .pay_coupon_list_wrap .list_pay_coupon li > input[type=checkbox] + label.chkdisbled {
            display: block;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 4px
        }

            .pay_coupon_list_wrap .list_pay_coupon li > input[type=checkbox] + label.chkdisbled:before {
                display: none
            }

        .pay_coupon_list_wrap .list_pay_coupon li > input[type=checkbox]:checked + label.ty2 {
            border-color: #000
        }

    .pay_coupon_list_wrap .list_pay_coupon li > label .tit {
        font-size: 13px;
        font-weight: 400;
        display: block
    }

    .pay_coupon_list_wrap .list_pay_coupon li > input[type=checkbox]:checked + label.ty2 > .tit {
        font-weight: 500
    }

    .pay_coupon_list_wrap .list_pay_coupon li > label .tit .txt_new.ty2 {
        margin-top: -1px;
        vertical-align: top
    }

    .pay_coupon_list_wrap .list_pay_coupon li > label .period {
        font-family: "Roboto";
        font-size: 11px;
        display: block;
        margin-top: 8px;
        color: #666
    }

    .pay_coupon_list_wrap .list_pay_coupon li > label .txt {
        font-size: 12px;
        display: block;
        margin-top: 8px
    }

    .pay_coupon_list_wrap .list_pay_coupon li > label select {
        position: absolute;
        top: 20px;
        right: 50px
    }

    .pay_coupon_list_wrap .list_pay_coupon li > label dl:after {
        display: block;
        clear: both;
        content: ""
    }

    .pay_coupon_list_wrap .list_pay_coupon li > label dl dt {
        font-size: 11px;
        float: left;
        clear: both;
        margin: 3px 0
    }

        .pay_coupon_list_wrap .list_pay_coupon li > label dl dt:after {
            display: inline-block;
            margin: 0 5px;
            content: ":"
        }

    .pay_coupon_list_wrap .list_pay_coupon li > label dl dd {
        font-size: 11px;
        float: left;
        margin: 3px 0
    }

        .pay_coupon_list_wrap .list_pay_coupon li > label dl dd strong.num {
            font-family: "Roboto"
        }

.pay_coupon_list_wrap .pay_coupon_nodata {
    font-size: 11px;
    padding: 15px 0;
    text-align: center;
    background-color: #f8f8f8
}

.bx_etc1 {
    margin: 10px 0
}

    .bx_etc1 .bx_notice_txt {
        font-size: 13px;
        line-height: 1.6;
        margin: 10px 0;
        text-align: center
    }

.article_payment .select_item_wrap .group_item {
    padding: 10px 0 25px 0;
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

    .article_payment .select_item_wrap .group_item .bx_item {
        position: relative;
        padding: 15px 30px 10px
    }

        .article_payment .select_item_wrap .group_item .bx_item:after {
            display: block;
            clear: both;
            content: ""
        }

        .article_payment .select_item_wrap .group_item .bx_item input[type=checkbox] {
            position: absolute
        }

            .article_payment .select_item_wrap .group_item .bx_item input[type=checkbox] + label {
                font-family: "Roboto";
                font-size: 13px;
                display: block;
                float: left;
                width: auto
            }

                .article_payment .select_item_wrap .group_item .bx_item input[type=checkbox] + label strong {
                    margin-left: 5px;
                    color: #2aa3fe
                }

        .article_payment .select_item_wrap .group_item .bx_item .area_rdo {
            position: absolute;
            top: 15px;
            right: 30px
        }

            .article_payment .select_item_wrap .group_item .bx_item .area_rdo span {
                margin-left: 10px
            }

        .article_payment .select_item_wrap .group_item .bx_item .area_inp {
            position: absolute;
            top: 7px;
            right: 30px
        }

            .article_payment .select_item_wrap .group_item .bx_item .area_inp input {
                font-family: "Roboto";
                font-size: 13px;
                font-weight: bold;
                line-height: 30px;
                width: 90px;
                height: 30px;
                padding-right: 18px;
                text-align: right
            }

            .article_payment .select_item_wrap .group_item .bx_item .area_inp span {
                font-family: "Roboto";
                font-size: 13px;
                font-weight: bold;
                line-height: 30px;
                position: absolute;
                top: 0;
                right: 10px
            }

    .article_payment .select_item_wrap .group_item .group_side {
        position: relative;
        padding: 0 30px
    }

        .article_payment .select_item_wrap .group_item .group_side .area_rdo {
            padding: 10px 0
        }

            .article_payment .select_item_wrap .group_item .group_side .area_rdo span {
                margin-right: 10px
            }

    .article_payment .select_item_wrap .group_item .tooltip_box {
        margin: 2px 0 0 5px
    }

        .article_payment .select_item_wrap .group_item .tooltip_box .tooltip {
            top: 44px;
            right: 0;
            width: auto
        }

.bx_provision {
    padding: 10px 15px;
    background-color: #f8f8f8
}

    .bx_provision .provision_list li {
        position: relative;
        padding: 5px 0
    }

        .bx_provision .provision_list li input[type=checkbox] {
            position: absolute
        }

            .bx_provision .provision_list li input[type=checkbox] + label {
                line-height: 20px
            }

    .bx_provision .provision_list .btn_txt_more {
        position: absolute;
        top: 10px;
        right: 0;
        background-position: right 4px
    }

.benifit_infor_wrap {
    padding: 30px
}

    .benifit_infor_wrap .tit_payment {
        font-size: 15px;
        margin-top: 0;
        padding-bottom: 10px
    }

    .benifit_infor_wrap dl {
        position: relative;
        margin-top: 6px
    }

        .benifit_infor_wrap dl:after {
            display: block;
            clear: both;
            content: ""
        }

    .benifit_infor_wrap dt {
        font-size: 11px;
        float: left;
        width: 95px
    }

        .benifit_infor_wrap dt .add_icon {
            width: 10px;
            height: 11px;
            margin-right: 8px;
            vertical-align: top
        }

            .benifit_infor_wrap dt .add_icon > img {
                width: 10px;
                height: 11px
            }

        .benifit_infor_wrap dt em {
            display: inline-block;
            width: 70px;
            vertical-align: top
        }

        .benifit_infor_wrap dt img {
            vertical-align: top
        }

    .benifit_infor_wrap dd {
        font-size: 11px;
        line-height: 1.3;
        float: left;
        color: #666
    }

        .benifit_infor_wrap dd strong {
            color: #000
        }

.payment_sum_wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #414141
}

    .payment_sum_wrap dl {
        padding: 10px 30px;
        border-top: 1px solid hsla(0,0%,100%,.2)
    }

        .payment_sum_wrap dl:after {
            display: block;
            clear: both;
            content: ""
        }

        .payment_sum_wrap dl:first-child {
            border-top: none
        }

        .payment_sum_wrap dl dt {
            font-size: 13px;
            line-height: 25px;
            float: left;
            clear: both;
            padding: 4px 0;
            color: #fff
        }

        .payment_sum_wrap dl dd {
            font-size: 11px;
            line-height: 25px;
            float: right;
            clear: right;
            padding: 4px 0;
            color: #fff
        }

            .payment_sum_wrap dl dd strong {
                font-family: "Roboto";
                font-size: 17px;
                font-weight: bold;
                line-height: 25px;
                display: inline-block;
                margin: 0 4px 0 8px;
                vertical-align: bottom
            }

            .payment_sum_wrap dl dd .txt_col8 {
                line-height: 25px;
                width: 68px;
                margin-right: 25px;
                vertical-align: bottom;
                border-color: hsla(0,0%,100%,.15)
            }

    .payment_sum_wrap .btn_confirm {
        font-size: 17px;
        line-height: 64px;
        display: block;
        height: 64px;
        border-radius: 0
    }

.layer_pay_term .txtarea_box {
    line-height: 1.4;
    overflow-y: scroll;
    height: 300px;
    padding: 20px;
    border-bottom: 1px solid #ccc
}

    .layer_pay_term .txtarea_box .title, .layer_pay_term .txtarea_box .sub_tit {
        font-size: 15px
    }

    .layer_pay_term .txtarea_box .sub_tit, .layer_pay_term .txtarea_box .txt, .layer_pay_term .txtarea_box .list {
        margin-top: 18px
    }

        .layer_pay_term .txtarea_box .txt + .list {
            margin-top: 0
        }

.layer_pay_term .layer_pay_term .btn_btm_wrap {
    margin: 10px 0
}

.cinema_pay_infor .infor_thm {
    margin-bottom: 20px
}

    .cinema_pay_infor .infor_thm img {
        width: 100%
    }

.cinema_pay_infor .infor_con {
    margin-top: 20px
}

    .cinema_pay_infor .infor_con .tit_infor {
        padding-bottom: 10px;
        text-align: center;
        border-bottom: 1px solid #ddd
    }

        .cinema_pay_infor .infor_con .tit_infor strong {
            font-size: 18px
        }

    .cinema_pay_infor .infor_con .con_infor {
        padding: 20px 0
    }

        .cinema_pay_infor .infor_con .con_infor .bx_article {
            margin-bottom: 20px
        }

            .cinema_pay_infor .infor_con .con_infor .bx_article .tit_article {
                font-size: 15px;
                display: block;
                margin-bottom: 8px
            }

            .cinema_pay_infor .infor_con .con_infor .bx_article .bx_con {
                padding: 0 0 0 10px
            }

                .cinema_pay_infor .infor_con .con_infor .bx_article .bx_con .tit {
                    font-size: 13px;
                    margin-bottom: 4px;
                    color: #414141
                }

                .cinema_pay_infor .infor_con .con_infor .bx_article .bx_con .txt {
                    font-size: 11px;
                    line-height: 1.4;
                    margin-bottom: 8px;
                    color: #8b8b8b
                }

.payment_fin_wrap {
    width: 685px;
    margin: 0 auto
}

    .payment_fin_wrap .btn_btm_wrap {
        margin: 50px 0 0
    }

.top_notice_ic {
    font-size: 15px;
    margin: 50px 0 20px;
    padding-top: 52px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top
}

    .top_notice_ic.ty1 {
        background-image: url("../../Content/images/icon/top_notice_ic_01.png")
    }

.reserve_result_wrap {
    position: relative;
    width: 605px;
    margin: 18px 0;
    padding: 40px 40px 25px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff
}

    .reserve_result_wrap:after {
        position: absolute;
        right: 15px;
        bottom: -1px;
        left: 15px;
        height: 6px;
        content: "";
        background: url("../../Content/images/member/bg_ticket.gif") repeat-x 0 bottom
    }

    .reserve_result_wrap .infor_wrap:after {
        display: block;
        clear: both;
        content: ""
    }

    .reserve_result_wrap .infor_wrap .bx_thm {
        float: left;
        overflow: hidden;
        width: 150px;
        height: 215px;
        margin-right: 50px;
        border-radius: 4px
    }

        .reserve_result_wrap .infor_wrap .bx_thm img {
            width: 100%
        }

    .reserve_result_wrap .infor_wrap .group_infor {
        float: left;
        margin-top: -4px
    }

        .reserve_result_wrap .infor_wrap .group_infor dl {
            margin: 0 0 10px 0
        }

            .reserve_result_wrap .infor_wrap .group_infor dl:after {
                display: block;
                clear: both;
                content: ""
            }

            .reserve_result_wrap .infor_wrap .group_infor dl dt {
                font-size: 15px;
                line-height: 1.4;
                float: left;
                clear: both;
                width: 86px;
                margin: 4px 0
            }

            .reserve_result_wrap .infor_wrap .group_infor dl dd {
                font-size: 15px;
                line-height: 1.4;
                float: left;
                width: 315px;
                margin: 4px 0;
                color: #666
            }

                .reserve_result_wrap .infor_wrap .group_infor dl dd strong.txt_num {
                    font-family: "Roboto";
                    color: #000
                }

        .reserve_result_wrap .infor_wrap .group_infor .btn_col1 {
            margin-left: 86px
        }

        .reserve_result_wrap .infor_wrap .group_infor dl:first-child {
            padding-bottom: 10px;
            border-bottom: 1px solid #333
        }

    .reserve_result_wrap .payment_wrap {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px solid #ddd
    }

        .reserve_result_wrap .payment_wrap:after {
            display: block;
            clear: both;
            content: ""
        }

        .reserve_result_wrap .payment_wrap .group_price {
            position: relative;
            float: left;
            padding: 0 25px;
            border-right: 1px dashed #ddd
        }

            .reserve_result_wrap .payment_wrap .group_price.case1 {
                width: 135px;
                padding-left: 0
            }

                .reserve_result_wrap .payment_wrap .group_price.case1:after {
                    position: absolute;
                    z-index: 1;
                    top: 0;
                    right: -10px;
                    width: 21px;
                    height: 21px;
                    content: "";
                    background: url("../../Content/images/icon/ic_rnd_21_01.png") no-repeat
                }

            .reserve_result_wrap .payment_wrap .group_price.case2 {
                width: 150px
            }

                .reserve_result_wrap .payment_wrap .group_price.case2:after {
                    position: absolute;
                    top: 0;
                    right: -10px;
                    width: 21px;
                    height: 21px;
                    content: "";
                    background: url("../../Content/images/icon/ic_rnd_21_02.png") no-repeat
                }

            .reserve_result_wrap .payment_wrap .group_price.case3 {
                width: 215px;
                padding-right: 0;
                border-right: 0
            }

        .reserve_result_wrap .payment_wrap dl:after {
            display: block;
            clear: both;
            content: ""
        }

        .reserve_result_wrap .payment_wrap dl dt {
            font-size: 13px;
            line-height: 1.4;
            float: left;
            clear: both;
            margin: 2px 0 6px
        }

        .reserve_result_wrap .payment_wrap dl dd {
            font-size: 13px;
            line-height: 1.4;
            float: right;
            margin: 2px 0 6px
        }

            .reserve_result_wrap .payment_wrap dl dd strong {
                font-family: "Roboto"
            }

        .reserve_result_wrap .payment_wrap dl.sml {
            margin-top: 10px
        }

            .reserve_result_wrap .payment_wrap dl.sml dt {
                font-size: 11px
            }

            .reserve_result_wrap .payment_wrap dl.sml dd {
                font-size: 11px
            }

                .reserve_result_wrap .payment_wrap dl.sml dd .txt_card1 {
                    margin-top: -3px
                }

        .reserve_result_wrap .payment_wrap .pay_method dl dt {
            position: absolute;
            float: left;
            overflow: hidden;
            width: 1px;
            height: 1px
        }

        .reserve_result_wrap .payment_wrap .pay_method dl dd {
            float: left
        }

            .reserve_result_wrap .payment_wrap .pay_method dl dd.last {
                float: right
            }

.layer_saving_request .top_notice_ic {
    font-size: 13px;
    margin: 0 0 30px;
    padding-top: 32px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    background-size: 28px auto
}

.group_saving_cash .bx_cate .list_pay_item li button {
    line-height: 95px;
    position: relative;
    height: 68px;
    background-repeat: no-repeat
}

    .group_saving_cash .bx_cate .list_pay_item li button.cate1 {
        background-image: url("../../Content/images/payment/method_ic_phone.png");
        background-position: center 17px
    }

    .group_saving_cash .bx_cate .list_pay_item li button.cate2 {
        background-image: url("../../Content/images/payment/method_ic_simple.png");
        background-position: center 15px
    }

    .group_saving_cash .bx_cate .list_pay_item li button.cate3 {
        background-image: url("../../Content/images/payment/method_ic_simple.png");
        background-position: center 17px
    }

    .group_saving_cash .bx_cate .list_pay_item li button img {
        margin-top: 42px
    }

    .group_saving_cash .bx_cate .list_pay_item li button.active:after {
        position: absolute;
        bottom: -5px;
        left: 50%;
        width: 7px;
        height: 5px;
        margin-left: -3px;
        content: "";
        background: url("../../Content/images/payment/bg_boxarrow.png") no-repeat
    }

.group_saving_cash .bx_method_tit {
    position: relative;
    margin: 20px -1% 10px
}

    .group_saving_cash .bx_method_tit dl:after {
        display: block;
        clear: both;
        content: ""
    }

    .group_saving_cash .bx_method_tit dl dt {
        font-size: 11px;
        float: left;
        margin: 0 1%;
        padding: 10px 0;
        text-align: center;
        background-color: #eaeaea
    }

        .group_saving_cash .bx_method_tit dl dt.tit_1_3 {
            width: 31.33%
        }

        .group_saving_cash .bx_method_tit dl dt.tit_2_3 {
            width: 64.66%
        }

    .group_saving_cash .bx_method_tit dl dd {
        position: absolute;
        top: 0;
        left: 0;
        text-indent: -9999em
    }

.nonCinemaSpecialText {
    margin: -30px 0 10px 6px
}

.vip_top_infor .my_info .profile_img {
    box-shadow: 0 5px 10px 3px #d3d3d4
}

.my_info .profile_img {
    box-shadow: 0 5px 10px 3px #d3d3d4
}

.area_gauge .infograde {
    position: relative
}

    .area_gauge .infograde li {
        font-size: 13px;
        position: absolute;
        top: 8px
    }

        .area_gauge .infograde li:first-child {
            left: 0
        }

        .area_gauge .infograde li:last-child {
            right: 0
        }

        .area_gauge .infograde li > * {
            display: inline-block
        }

        .area_gauge .infograde li strong {
            font-family: "Roboto";
            font-weight: 600;
            position: absolute;
            top: -30px;
            right: 0;
            width: 200px;
            text-align: right
        }

        .area_gauge .infograde li:first-child strong {
            font-weight: normal;
            left: 0;
            text-align: left;
            color: #666
        }

        .area_gauge .infograde li span + em {
            margin-left: 4px
        }

        .area_gauge .infograde li em {
            font-family: "Roboto";
            font-size: 13px;
            color: #000
        }

            .area_gauge .infograde li em.won {
                font-family: "Noto Sans KR"
            }

        .area_gauge .infograde li.active span, .area_gauge .infograde li.active em {
            font-weight: 400
        }

.benefit_wrap .benefit_box_ty2 {
    margin-top: 60px
}

    .benefit_wrap .benefit_box_ty2::after {
        display: block;
        clear: both;
        content: ""
    }

    .benefit_wrap .benefit_box_ty2 > li {
        font-size: 12px;
        position: relative;
        float: left;
        box-sizing: border-box;
        width: 230px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #f8f8f8;
        padding: 56px 18px 10px
    }

        .benefit_wrap .benefit_box_ty2 > li ~ li {
            margin-left: 19px
        }

    .benefit_wrap .benefit_box_ty2 .benefit .tit {
        font-size: 15px;
        padding-bottom: 8px;
        border-bottom: 1px solid #000
    }

        .benefit_wrap .benefit_box_ty2 .benefit .tit span {
            font-size: 11px;
            margin-left: 5px
        }

    .benefit_wrap .benefit_box_ty2 .benefit .list {
        padding: 15px
    }

    .benefit_wrap .benefit_box_ty2 strong + .benefit .tit + .list {
        min-height: 70px
    }

        .benefit_wrap .benefit_box_ty2 strong + .benefit .tit + .list.type1 {
            min-height: 40px
        }

    .benefit_wrap .benefit_box_ty2 .benefit .list + .list {
        min-height: 48px
    }

    .benefit_wrap .benefit_box_ty2 .benefit + .benefit {
        margin-top: 24px;
        border-bottom: 1px dashed #ddd
    }

        .benefit_wrap .benefit_box_ty2 .benefit + .benefit + .benefit {
            padding-bottom: 0;
            border-bottom: 0
        }

    .benefit_wrap .benefit_box_ty2 .benefit .list li {
        line-height: 25px;
        position: relative
    }

        .benefit_wrap .benefit_box_ty2 .benefit .list li ~ li {
            margin-top: 4px
        }

    .benefit_wrap .benefit_box_ty2 .benefit .list strong {
        font-size: 13px
    }

        .benefit_wrap .benefit_box_ty2 .benefit .list strong::before {
            display: inline-block;
            padding-right: 4px;
            content: "·"
        }

    .benefit_wrap .benefit_box_ty2 .benefit .list span {
        font-size: 13px;
        position: absolute;
        top: 0;
        right: 0
    }

        .benefit_wrap .benefit_box_ty2 .benefit .list span::before {
            position: absolute;
            top: 7px;
            right: 35px;
            width: 11px;
            height: 11px;
            content: "";
            background: url("../images/icon/cross_11.png") no-repeat
        }

        .benefit_wrap .benefit_box_ty2 .benefit .list span.bgnone::before {
            background: none
        }

        .benefit_wrap .benefit_box_ty2 .benefit .list span em {
            font-family: "Roboto";
            font-size: 18px;
            color: #ff7787
        }

    .benefit_wrap .benefit_box_ty2 .benefit .tit span {
        color: #333
    }

    .benefit_wrap .benefit_box_ty2 .benefit .list ~ .list {
        padding-top: 15px;
        border-top: 1px dashed #ddd
    }

    .benefit_wrap .benefit_box_ty2 .benefit .list li.vodinfolink {
        line-height: 20px
    }

        .benefit_wrap .benefit_box_ty2 .benefit .list li.vodinfolink .secondline {
            display: block;
            padding-left: 5px
        }

    .benefit_wrap .benefit_box_ty2 .benefit .gap_or {
        font-size: 11px;
        margin-bottom: -12px;
        padding-top: 8px;
        text-align: center;
        color: #333
    }

    .benefit_wrap .benefit_box_ty2 .listbox {
        position: relative;
        box-sizing: border-box;
        margin-top: 30px;
        border: 1px solid #333;
        border-radius: 5px;
        background-color: #fff
    }

        .benefit_wrap .benefit_box_ty2 .listbox .typetit {
            font-size: 13px;
            position: absolute;
            top: -12px;
            left: 50%;
            display: flex;
            align-items: center;
            height: 24px;
            margin-left: -30px;
            padding: 0 20px;
            color: #fff;
            border-radius: 20px;
            background-color: #ff7787
        }

            .benefit_wrap .benefit_box_ty2 .listbox .typetit strong {
                font-family: "Roboto";
                font-size: 15px
            }

.box_list dl {
    position: relative;
    box-sizing: border-box;
    padding: 18px 25px 18px 90px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff
}

.box_list.type2 dl {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 80px
}

.box_list dl dt {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
    font-family: "Roboto","Noto Sans KR","sans-serif";
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    text-align: center;
    color: #ff7787
}

    .box_list dl dt span {
        font-size: 11px;
        display: block;
        margin-top: 5px;
        opacity: .3
    }

.box_list dl dd {
    font-size: 13px;
    line-height: 25px;
    position: relative;
    color: #000
}

    .box_list dl dd ~ dd {
        margin-top: 3px
    }

    .box_list dl dd:last-child {
        margin-bottom: 0
    }

    .box_list dl dd:before {
        margin-right: 2px;
        content: "·"
    }

.box_list .quantity em {
    margin-right: 2px;
    color: #ff7787
}

.basic_list.type2 dl {
    padding: 18px 25px 18px 90px
}

    .basic_list.type2 dl dt {
        left: 25px
    }

.box_list .selectbox {
    position: relative;
    padding-top: 10px
}

.layer_wrap__todo .box_list .selectbox {
    padding-top: 0
}

.box_list .selectbox dl {
    border-color: #ddd
}

    .box_list .selectbox dl:hover {
        cursor: pointer
    }

    .box_list .selectbox dl.active {
        border-color: #ff7787
    }

.box_list .gap_or {
    font-size: 12px;
    margin-bottom: -5px;
    padding-top: 7px;
    text-align: center;
    color: #666
}

.layer_wrap__todo .box_list .gap_or {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    padding-top: 0;
    min-height: 16px;
    margin-top: 6px;
    margin-bottom: 6px;
    text-align: center;
    color: #666
}

.box_list .selectbox input[type=radio] {
    position: absolute
}

    .box_list .selectbox input[type=radio] + label:last-of-type {
        width: 100%
    }

    .box_list .selectbox input[type=radio] + label:before {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 20px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        border: 0;
        background: url(../../Content/images/common/ico_radio2_vip.png) no-repeat 0 0
    }

    .box_list .selectbox input[type=radio]:checked + label:before {
        position: absolute;
        z-index: 2;
        border: 0;
        background: url(../../Content/images/common/ico_radio2_vip_on.png) no-repeat 0 0
    }

    .box_list .selectbox input[type=radio]:checked + label dl {
        border-color: #ff7787
    }

.vip_benefit_list {
    font-family: "Roboto","Noto Sans KR","sans-serif";
    box-sizing: border-box
}

    .vip_benefit_list * {
        box-sizing: border-box
    }

    .vip_benefit_list input, .vip_benefit_list button, .vip_benefit_list select, .vip_benefit_list textarea {
        font-family: "Roboto","Noto Sans KR","sans-serif"
    }

.vip_benefit_list {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    display: flex;
    padding-top: 40px;
    margin-top: 20px
}

    .vip_benefit_list::after {
        display: block;
        clear: both;
        content: ""
    }

    .vip_benefit_list > li {
        position: relative;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #f8f8f8;
        padding: 56px 18px 10px;
        flex: 1
    }

        .vip_benefit_list > li ~ li {
            margin-left: 20px
        }

.vip_benefit_list--title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-round, 999999px);
    border: 1px solid var(--color-border-gray-gray-90, #999);
    background: var(--color-bg-white, #fff);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.1);
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

    .vip_benefit_list--title .icon {
        margin-bottom: 2px
    }

.vip_benefit_list .benefit .tit {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    padding-bottom: 3px;
    border-bottom: 1px solid #000;
    min-height: 24px;
    display: flex;
    align-items: flex-end
}

    .vip_benefit_list .benefit .tit span {
        font-size: 11px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em;
        font-size: 11px;
        margin-left: 4px;
        position: relative;
        top: -1px
    }

.vip_benefit_list .benefit .list {
    padding: 24px 18px 16px
}

    .vip_benefit_list .benefit .list + .list {
        min-height: 48px
    }

    .vip_benefit_list .benefit .list li {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 24px;
        justify-content: space-between
    }

        .vip_benefit_list .benefit .list li ~ li {
            margin-top: 4px
        }

    .vip_benefit_list .benefit .list strong {
        font-size: 13px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em
    }

        .vip_benefit_list .benefit .list strong::before {
            display: inline-block;
            padding-right: 4px;
            content: "·"
        }

    .vip_benefit_list .benefit .list span {
        font-size: 13px;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -0.03em
    }

        .vip_benefit_list .benefit .list span em {
            font-size: 18px;
            font-weight: 400;
            line-height: 1.1;
            letter-spacing: -0.03em;
            color: #ff7787
        }

    .vip_benefit_list .benefit .list ~ .list {
        padding-top: 15px;
        border-top: 1px dashed #ddd
    }

.vip_benefit_list .benefit + .benefit {
    margin-top: 24px;
    border-bottom: 1px dashed #ddd
}

    .vip_benefit_list .benefit + .benefit + .benefit {
        padding-bottom: 0;
        border-bottom: 0
    }

.vip_benefit_list .benefit .gap_or {
    font-size: 11px;
    margin-bottom: -12px;
    padding-top: 8px;
    text-align: center;
    color: #333
}

.vip_benefit_list .benefit__snack .list {
    min-height: 176px;
    padding: 18px 15px
}

.vip_benefit_list .listbox {
    position: relative;
    box-sizing: border-box;
    margin-top: 30px;
    border: 1px solid #333;
    border-radius: 5px;
    background-color: #fff
}

.vip_benefit_list .listbox--wrapper {
    min-height: 256px
}

.vip_benefit_list .listbox .typetit {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.03em;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    min-width: 56px;
    height: 26px;
    padding-left: 16px;
    padding-right: 16px;
    color: #fff;
    border-radius: 50px;
    background-color: #ff7787
}

    .vip_benefit_list .listbox .typetit strong {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.03em
    }

.mypage_event_box_ty2 {
    display: none !important
}

.txt_rank_common {
    background-color: #afafaf
}

.txt_rank_vip {
    background-color: #b27456
}

.txt_rank_vvip {
    background-color: rgba(150, 150, 151, var(--text-opacity))
}

.txt_rank_vipgold {
    background-color: #756023
}

.txt_rank_vipplatinum {
    background-color: #000
}

.txt_rank_lvip {
    background-color: #ad9b67
}

.ic_rank_vip {
    color: #b27456;
    background: url("../images/member/2020_vip.png") #fff no-repeat center 23px
}

.ic_rank_vvip {
    color: #666;
    background: url("../images/member/ic_rank_vvip.png") #fff no-repeat center 21px
}

.ic_rank_vip, .ic_rank_vvip, .ic_rank_gold, .ic_rank_platinum {
    box-shadow: 0 5px 10px 3px #e6e6e6
}

.btn_col4_ty1 {
    font-size: 11px;
    line-height: 26px;
    display: inline-block;
    box-sizing: border-box;
    min-height: 25px;
    padding: 0 17px;
    text-align: center;
    vertical-align: middle;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 52px;
    background-color: #fff
}

.btn_col2.ty6.link {
    padding: 0 45px
}

.btnwrap {
    padding-top: 50px;
    text-align: center
}

[class*=rankbox_] {
    font-family: "Roboto","Noto Sans KR","sans-serif";
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
    position: relative;
    box-sizing: border-box;
    width: 64px;
    height: 64px;
    margin-bottom: 11px;
    padding-top: 37px;
    text-align: center;
    color: #b27456;
    border-radius: 64px;
    background-color: #000
}

    [class*=rankbox_]::before {
        position: absolute;
        bottom: 29px;
        left: 50%;
        width: 29px;
        height: 15px;
        margin-left: -14px;
        content: "";
        background: url("../images/member/ic_rank_vip.png") no-repeat
    }

    [class*=rankbox_]::after {
        position: absolute;
        top: 70px;
        left: 50%;
        width: 36px;
        height: 7px;
        margin-left: -18px;
        content: "";
        background: url("../images/member/shadow_36.png") no-repeat
    }

.rankbox_vip {
    color: #b27456
}

    .rankbox_vip::before {
        width: 29px;
        height: 15px;
        margin-left: -14px;
        background: url("../images/member/ic_rank_vip.png") no-repeat
    }

.rankbox_vip__new {
    color: #b27456
}

    .rankbox_vip__new::before {
        width: 30px;
        height: 24px;
        margin-left: -15px;
        background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='24' fill='none' viewBox='0 0 30 24'><path fill='%23b27456' d='m4.078 14.4-1.036-.827 3.455-3.36 5.188 2.287-.625 1.103-4.239-1.869zM25.922 14.4l-2.742-2.667-4.24 1.869-.624-1.103 5.188-2.287 3.455 3.36z'/><path fill='%23b27456' d='M22.239 15.556 15 8l-7.24 7.556L0 11.63 2.3 24h25.4L30 11.631z'/></svg>");
        background-repeat: no-repeat
    }

.rankbox_vvip {
    color: #d4d1c9
}

    .rankbox_vvip::before {
        width: 34px;
        height: 18px;
        margin-left: -16px;
        background: url("../images/member/ic_rank_vvip2.png") no-repeat
    }

.rankbox_vvip__new {
    color: rgba(150, 150, 151, var(--text-opacity))
}

    .rankbox_vvip__new::before {
        width: 33px;
        height: 24px;
        margin-left: -16px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='33'%20height='24'%20fill='none'%20viewBox='0%200%2033%2024'%3E%3Cpath%20fill='%23969697'%20d='M29.639%2022v2h-26v-2zm-7.041-11.828-2.615%201.442c-.437.302-.8.699-1.06%201.16s-.413.973-.443%201.5a3.16%203.16%200%200%200%20.962%202.159%206.52%206.52%200%200%200%206.644.02l.01.009a3.56%203.56%200%200%200%201.208-1.297%202.09%202.09%200%200%200-.121-2.134l-1.397-1.358L33%209.879%2029.595%2021H3.405L0%209.879l7.215%201.793-1.397%201.358a2.09%202.09%200%200%200-.12%202.134c.286.526.702.972%201.208%201.297l.009-.01a5.86%205.86%200%200%200%203.31.9%205.7%205.7%200%200%200%203.4-.971%203.13%203.13%200%200%200%20.916-2.105%203.47%203.47%200%200%200-1.505-2.66l-2.615-1.443L16.51%206z'/%3E%3C/svg%3E");
        background-repeat: no-repeat
    }

.rankbox_gold {
    color: #b6a36c
}

    .rankbox_gold::before {
        width: 46px;
        height: 23px;
        margin-left: -22px;
        background: url("../images/member/ic_rank_gold2.png") no-repeat
    }

.rankbox_platinum {
    font-size: 9px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
    color: #afafae;
    padding-top: 39px
}

    .rankbox_platinum::before {
        width: 35px;
        height: 23px;
        margin-left: -16px;
        background: url("../images/member/ic_rank_platinum2.png") no-repeat
    }

.rankbox_lvip {
    color: #ad9b67
}

    .rankbox_lvip::before {
        width: 37px;
        height: 21px;
        margin-left: -18px;
        background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='37' height='21' fill='none' viewBox='0 0 37 21'><path fill='%23ad9b67' d='M31.5 19h-26v2h26zM29.152 11.357l-2.506-2.972-3.593 1.748-4.511-6.056L18.5 4l-.042.077-4.511 6.056-3.593-1.748-2.506 2.972L2 8.473 5.509 18H31.49L35 8.473zM18.5 3.498a1.75 1.75 0 1 0 .001-3.5 1.75 1.75 0 0 0-.001 3.5'/><path fill='%23ad9b67' d='M18.53.498a1.751.750100.001-3.51.751.75000-0.0013.5M1.2778.261c.70601.278-0.571.278-1.273s-0.572-1.272-1.278-1.272C.5725.71606.28606.988s.5721.2731.2771.273M35.7238.261c.70601.278-0.571.278-1.273s-0.572-1.272-1.278-1.272c-.7050-1.277.57-1.2771.272s.5721.2731.2771.273'/></svg>");
        background-repeat: no-repeat
    }

.rankbox_normal {
    color: #c5c4c3
}

    .rankbox_normal::before {
        bottom: 29px;
        width: 46px;
        height: 23px;
        margin-left: -22px;
        background: url("../images/member/ic_rank_normal.png") no-repeat
    }

.total_coupon {
    font-size: 0;
    line-height: 40px;
    position: relative;
    width: 300px;
    height: 40px;
    margin: 15px auto 0;
    border-radius: 4px;
    background-color: #fafafa
}

    .total_coupon::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1px;
        height: 13px;
        margin-top: -6px;
        content: "";
        background-color: #ddd
    }

    .total_coupon .coupon {
        font-size: 13px;
        display: inline-block;
        width: 50%;
        text-align: center
    }

        .total_coupon .coupon em {
            font-family: "Roboto";
            font-size: 11px
        }

.layer_wrap .layer_contents.ty2 {
    padding: 30px 45px
}

.basic_list dl dd.bgnone:before {
    margin-right: 0;
    content: ""
}

.layer_wrap .layer_header.ty2 {
    border-bottom: 0;
    background-color: #f5f5f5
}

.layer_wrap .notice_box.ty2 {
    background-color: #f5f5f5
}

.banner_layer_wrap.vip_into {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: rgba(0,0,0,.5)
}

    .banner_layer_wrap.vip_into .conts-wrap {
        position: relative;
        top: 12%;
        left: 50%;
        width: 470px;
        margin-left: -13%
    }

        .banner_layer_wrap.vip_into .conts-wrap .link_goto {
            font: 0/0 a;
            position: absolute;
            top: 539px;
            left: 125px;
            width: 221px;
            height: 42px
        }

        .banner_layer_wrap.vip_into .conts-wrap button {
            font: 0/0 a;
            position: absolute;
            top: 28px;
            right: 26px;
            width: 34px;
            height: 34px;
            border: 0;
            background: none
        }

    .banner_layer_wrap.vip_into img {
        width: 100%
    }

.article_sum_infor .movie_infor.new2020 .thm {
    margin-bottom: 20px;
    text-align: center
}

    .article_sum_infor .movie_infor.new2020 .thm img {
        width: 120px
    }

.article_sum_infor .addprodlistwrap {
    position: relative;
    padding: 25px 20px 25px 30px
}

    .article_sum_infor .addprodlistwrap .tit {
        font-size: 13px;
        line-height: 18px;
        padding-bottom: 5px
    }

.addprodlistwrap .mCustomScrollbar {
    width: 250px;
    height: 360px;
    padding-right: 18px
}

.addprodlistwrap .addprodlist {
    width: 240px
}

    .addprodlistwrap .addprodlist .pay_movie_infor {
        position: relative;
        display: flex;
        box-sizing: border-box;
        min-height: 80px;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        background-color: #fff
    }

.addprodlistwrap .pay_movie_infor .bx_infor .badge_wrap {
    display: inline-block;
    padding-bottom: 3px
}

.addprodlistwrap .pay_movie_infor .img_product {
    line-height: 68px;
    min-height: 68px;
    margin-right: 10px
}

    .addprodlistwrap .pay_movie_infor .img_product .thm {
        display: inline-block;
        overflow: hidden;
        width: 72px;
        height: 58px;
        vertical-align: middle
    }

        .addprodlistwrap .pay_movie_infor .img_product .thm img {
            width: 100%;
            height: 100%
        }

    .addprodlistwrap .pay_movie_infor .img_product + .bx_infor {
        display: flex;
        flex: 1;
        flex-flow: column;
        justify-content: center
    }

.addprodlistwrap .pay_movie_infor .bx_infor .between_txt {
    font-size: 11px;
    display: initial;
    text-align: right
}

    .addprodlistwrap .pay_movie_infor .bx_infor .between_txt .pay, .addprodlistwrap .pay_movie_infor .bx_infor .between_txt .num {
        font-family: "Roboto";
        font-size: 17px;
        font-weight: normal
    }

    .addprodlistwrap .pay_movie_infor .bx_infor .between_txt.type1 {
        font-size: 13px;
        display: initial;
        text-align: left
    }

.addprodlistwrap .addprodlist li {
    position: relative
}

    .addprodlistwrap .addprodlist li .pay_movie_infor .btn_close {
        font: 0 auto;
        position: absolute;
        top: 10px;
        right: 0;
        width: 20px;
        height: 20px;
        background: url("../../Content/images/icon/icon_close_addproddel.png") 0 0;
        background-size: 100%
    }

.addprodlistwrap .prodchange {
    font-size: 11px;
    position: absolute;
    top: 20px;
    right: 30px
}

.reserve_result_wrap .infor_wrap .group_infor dl dd li {
    line-height: 24px
}

.reserve_result_wrap .payment_wrap.new2020 .group_price {
    border-right: 0
}

    .reserve_result_wrap .payment_wrap.new2020 .group_price.case1:after {
        display: none
    }

    .reserve_result_wrap .payment_wrap.new2020 .group_price.case2 {
        border-right: 1px solid #ddd;
        border-left: 1px dashed #ddd
    }

    .reserve_result_wrap .payment_wrap.new2020 .group_price .minus, .reserve_result_wrap .payment_wrap.new2020 .group_price .plus {
        position: relative
    }

        .reserve_result_wrap .payment_wrap.new2020 .group_price .minus::before, .reserve_result_wrap .payment_wrap.new2020 .group_price .plus::before {
            position: absolute;
            top: 0;
            left: -36px;
            width: 21px;
            height: 21px;
            content: ""
        }

        .reserve_result_wrap .payment_wrap.new2020 .group_price .minus::before {
            background: url("../../Content/images/icon/ic_rnd_21_01.png") no-repeat
        }

        .reserve_result_wrap .payment_wrap.new2020 .group_price .plus::before {
            background: url("../../Content/images/icon/icon_rnd_plus.png") no-repeat
        }

        .reserve_result_wrap .payment_wrap.new2020 .group_price .plus dt {
            margin-bottom: 15px
        }

.layer_wrap.active.layer_pay_addprodbuy_infor {
    position: absolute;
    top: 55px;
    left: 50%;
    width: 700px;
    margin-left: -405px
}

    .layer_wrap.active.layer_pay_addprodbuy_infor .layer_contents.scroll {
        overflow-y: hidden;
        padding: 10px 0 5px 25px
    }

        .layer_wrap.active.layer_pay_addprodbuy_infor .layer_contents.scroll .mCustomScrollbar {
            height: 400px;
            padding-right: 30px
        }

.layer_wrap .layer_foot {
    padding: 15px 30px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.addprodpay:after {
    display: block;
    clear: both;
    content: ""
}

.addprodpay .tit, .addprodpay .desc {
    position: relative
}

.addprodpay .tit {
    font-size: 15px;
    line-height: 33px;
    float: left
}

.addprodpay .desc {
    font-size: 20px;
    float: right
}

    .addprodpay .desc .paysum {
        font-family: "Roboto";
        font-size: 30px;
        padding-right: 5px;
        padding-left: 10px;
        vertical-align: -3px
    }

.txt_redcolor02 {
    color: #e5153c
}

.layer_pay_addprodbuy_infor .pay_addprodbuy_info {
    position: relative;
    display: flex;
    box-sizing: border-box;
    min-height: 80px;
    padding: 20px 0 30px 0;
    background-color: #fff
}

    .layer_pay_addprodbuy_infor .pay_addprodbuy_info .img_product {
        line-height: 68px;
        min-height: 68px;
        margin-right: 25px
    }

        .layer_pay_addprodbuy_infor .pay_addprodbuy_info .img_product .thm {
            display: inline-block;
            overflow: hidden;
            width: 150px;
            height: 122px;
            vertical-align: middle
        }

            .layer_pay_addprodbuy_infor .pay_addprodbuy_info .img_product .thm img {
                width: 100%;
                height: 100%
            }

        .layer_pay_addprodbuy_infor .pay_addprodbuy_info .img_product + .bx_infor {
            display: flex;
            flex: 1;
            flex-flow: column;
            justify-content: center
        }

    .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_infor .badge_wrap {
        display: inline-block;
        padding-bottom: 5px
    }

    .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_infor .between_txt {
        font-size: 11px;
        display: initial;
        padding-top: 10px
    }

        .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_infor .between_txt .pay, .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_infor .between_txt .num {
            font-family: "Roboto";
            font-size: 17px;
            font-weight: 600
        }

    .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_infor .badge_wrap, .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_infor .between_txt, .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_infor .tit, .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_infor .txt {
        width: 260px
    }

    .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_infor .tit {
        font-size: 20px;
        overflow: hidden;
        padding-bottom: 10px;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_infor .txt {
        font-size: 12px;
        line-height: 18px
    }

    .layer_pay_addprodbuy_infor .pay_addprodbuy_info .inner {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -24px
    }

    .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_num {
        width: 148px
    }

        .layer_pay_addprodbuy_infor .pay_addprodbuy_info .bx_num .txt_num {
            padding: 15px 0
        }

.layer_pay_addprodbuy_infor .wrap_pay_addprodbuy_info {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

    .layer_pay_addprodbuy_infor .wrap_pay_addprodbuy_info .icon_arrowup, .layer_pay_addprodbuy_infor .wrap_pay_addprodbuy_info .icon_arrowdown {
        position: absolute;
        top: 90%;
        right: 0;
        display: inline-block;
        width: 11px;
        height: 36px;
        margin-top: -10px;
        margin-left: 5px;
        transition: all ease .3s;
        transform: rotate(0deg);
        background: url("../../Content/images/icon/icon_arrowup.png") no-repeat 0 50%;
        background-size: 100%
    }

        .layer_pay_addprodbuy_infor .wrap_pay_addprodbuy_info .icon_arrowup.active {
            transform: rotate(180deg)
        }

    .layer_pay_addprodbuy_infor .wrap_pay_addprodbuy_info .useinfo {
        display: none;
        margin: 10px 0;
        padding: 20px 20px 15px 20px;
        border: 1px solid #eee;
        border-radius: 4px;
        background-color: #f8f8f8
    }

        .layer_pay_addprodbuy_infor .wrap_pay_addprodbuy_info .useinfo.active {
            display: block
        }

        .layer_pay_addprodbuy_infor .wrap_pay_addprodbuy_info .useinfo .noti_box {
            position: relative;
            padding: 0
        }

            .layer_pay_addprodbuy_infor .wrap_pay_addprodbuy_info .useinfo .noti_box .addnoti {
                font-size: 12px;
                position: absolute;
                top: 0;
                right: 0;
                padding: 0 20px;
                border: 1px solid #ddd;
                background-color: #fff
            }

            .layer_pay_addprodbuy_infor .wrap_pay_addprodbuy_info .useinfo .noti_box .tit {
                line-height: 25px;
                height: 25px;
                margin-bottom: 10px
            }

            .layer_pay_addprodbuy_infor .wrap_pay_addprodbuy_info .useinfo .noti_box .list_txt {
                font-size: 11px
            }

.layer_pay_addprodbuy_infor .box_info {
    width: 645px;
    padding: 15px 0;
    border-bottom: 1px solid #ccc
}

.ticket_info.new2020 .ticket .info_area .info dd .addinfo {
    font-size: 11px;
    line-height: 18px;
    display: block
}

.ticket_info.new2020 .payment_area .total_pay .pay_area .pay, .ticket_info.new2020 .payment_area .total_pay .pay_area .minus, .ticket_info.new2020 .payment_area .total_pay .pay_area .plus {
    position: relative
}

    .ticket_info.new2020 .payment_area .total_pay .pay_area .minus::before, .ticket_info.new2020 .payment_area .total_pay .pay_area .plus::before {
        position: absolute;
        top: -3px;
        left: -34px;
        width: 21px;
        height: 21px;
        content: ""
    }

    .ticket_info.new2020 .payment_area .total_pay .pay_area .pay::before, .ticket_info.new2020 .payment_area .total_pay .pay_area .minus::before {
        background: url("../../Content/images/icon/ic_rnd_21_01.png") no-repeat
    }

    .ticket_info.new2020 .payment_area .total_pay .pay_area .plus::before {
        background: url("../../Content/images/icon/icon_rnd_plus.png") no-repeat
    }

    .ticket_info.new2020 .payment_area .total_pay .pay_area .minus::after, .ticket_info.new2020 .payment_area .total_pay .pay_area .plus::after {
        display: block;
        clear: both;
        content: ""
    }

.ticket_info.new2020 .payment_area .total_pay .pay_area dt {
    float: left
}

.ticket_info.new2020 .payment_area .total_pay .pay_area .minus dt, .ticket_info.new2020 .payment_area .total_pay .pay_area .plus dt {
    font-size: 13px
}

.ticket_info.new2020 .payment_area .total_pay .pay_area .minus dd, .ticket_info.new2020 .payment_area .total_pay .pay_area .plus dd {
    float: right
}

.ticket_info.new2020 .payment_area .total_pay .pay_area .minus em, .ticket_info.new2020 .payment_area .total_pay .pay_area .plus em {
    font-family: "Roboto";
    font-weight: bold
}

.ticket_info.new2020 .payment_area .pay_area.dotline {
    border-right: 1px dashed #e6e6e6;
    border-left: 1px dashed #e6e6e6
}

    .ticket_info.new2020 .payment_area .pay_area.dotline::before {
        border-left: 0
    }

.ticket_info.new2020 .payment_area .pay_area.bgnone::after {
    background: none
}

.ticket_info.new2020 .payment_area .date_pay {
    margin-top: 10px
}
/* 마이페이지 : 멤버십 Friends */
.area_gauge.friendslv .infograde li strong.active {
    color: #F53B3C;
}

.area_gauge.friendslv .infograde li:nth-of-type(2) {
    left: 29%;
}

.area_gauge.friendslv .infograde li:nth-of-type(3) {
    left: 62%;
}

.area_gauge.friendslv .infograde li:last-child {
    left: auto;
    right: 0;
}

.area_gauge.friendslv .gauge {
    background-color: #F53B3C;
}

.txt_rank_level1,
.txt_rank_level2,
.txt_rank_level3 {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border: 0;
}

.txt_rank_level1 {
    background-color: #FCB17F;
}

.txt_rank_level2 {
    background-color: #F97C61;
}

.txt_rank_level3 {
    background-color: #F53B3C;
}

.font22 {
    font-size: 22px !important
}

.minw190 {
    min-width: 190px;
}

.h2_memtit {
    padding: 20px 0 10px;
    margin-bottom: 10px;
    font-size: 24px;
    border-bottom: 1px solid #eee;
}

#contents .contents_friends > .friends_title {
    position: relative;
    height: 130px;
    margin-bottom: 50px;
    text-align: center;
    font: 0 auto;
}

    #contents .contents_friends > .friends_title img {
        position: absolute;
        top: 40px;
        right: 135px;
    }

#contents .contents_friends:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: -200%;
    right: -200%;
    top: -10px;
    height: 280px;
    background: #fff3c9 url('../../Content/images/member/bg_contents_friends.jpg') 50% 50% no-repeat;
}

.contents_friends .txt_list_wrap {
    margin-top: 60px;
}

.freindsmeminfo_box {
    position: relative;
    padding: 50px 0;
    margin: 18px 0 40px 0;
    background-color: #F5F5F5;
    border-radius: 5px;
    text-align: center;
    opacity: .9;
}

    .freindsmeminfo_box .tip {
        font-size: 18px;
        color: #000;
    }

.vip_top_infor .mypage_box .my_info .btn_txt_list.new {
    top: 40px;
}

.benefit_wrap .friendsbenefit_box:after {
    display: block;
    content: '';
    clear: both;
}

.benefit_wrap .friendsbenefit_box > li {
    display: inline;
    position: relative;
    float: left;
    padding: 20px 20px;
    width: 310px;
    height: 150px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #eae9e4;
    background-color: #fffcef;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .benefit_wrap .friendsbenefit_box > li ~ li {
        margin-left: 25px;
    }

    .benefit_wrap .friendsbenefit_box > li .benefit {
        min-height: 90px;
        padding-left: 90px;
    }

        .benefit_wrap .friendsbenefit_box > li .benefit .tit {
            padding-bottom: 8px;
            font-size: 15px;
            color: #000;
        }

            .benefit_wrap .friendsbenefit_box > li .benefit .tit span {
                margin-left: 5px;
                font-size: 11px;
            }

    .benefit_wrap .friendsbenefit_box > li .icon_lv {
        position: absolute;
        top: 50%;
        margin-top: -36px;
    }

    .benefit_wrap .friendsbenefit_box > li .benefit.item1 {
        padding-top: 30px;
    }

    .benefit_wrap .friendsbenefit_box > li .benefit.item2 {
        padding-top: 20px;
    }

    .benefit_wrap .friendsbenefit_box > li .benefit.item3 {
        padding-top: 10px;
    }

.benefit_wrap .friendsbenefit_box strong + .benefit .tit + .list {
    min-height: 70px;
}

    .benefit_wrap .friendsbenefit_box strong + .benefit .tit + .list.type1 {
        min-height: 40px;
    }

.benefit_wrap .friendsbenefit_box .benefit .list + .list {
    min-height: 48px;
}

.benefit_wrap .friendsbenefit_box .benefit + .benefit {
    margin-top: 28px;
}

.benefit_wrap .friendsbenefit_box .benefit .list li {
    position: relative;
    line-height: 20px;
}

    .benefit_wrap .friendsbenefit_box .benefit .list li ~ li {
        margin-top: 4px;
    }

.benefit_wrap .friendsbenefit_box .benefit .list strong {
    font-size: 13px;
}

    .benefit_wrap .friendsbenefit_box .benefit .list strong::before {
        display: inline-block;
        content: '·';
        padding-right: 4px;
    }

.benefit_wrap .friendsbenefit_box .benefit .list span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
}

    .benefit_wrap .friendsbenefit_box .benefit .list span::before {
        content: '';
        position: absolute;
        right: 38px;
        top: 7px;
        width: 11px;
        height: 11px;
        background: url('../../Content/images/icon/cross_11.png') no-repeat;
    }

    .benefit_wrap .friendsbenefit_box .benefit .list span.bgnone::before {
        background: none
    }

    .benefit_wrap .friendsbenefit_box .benefit .list span em {
        font-size: 18px;
        font-family: "Roboto";
    }

.basic_list.type0 dl {
    position: relative;
    padding: 12px 15px 12px 12px;
    min-height: 50px;
    border-bottom: 0px dashed #ddd;
    box-sizing: border-box;
}

    .basic_list.type0 dl dt {
        display: none
    }

.saving_selectitem {
    margin: 0 0 10px 0;
    text-align: right;
}
/* 적립내역 팝업 : Friends 등급 */
.layer_wrap.layer_saving_breakdown .layer_contents.scroll.type3 .my_rank_history ul {
    display: table;
    width: 100%;
}

.layer_wrap.layer_saving_breakdown .layer_contents.scroll.type3 .my_rank_history > ul > li {
    display: table-cell;
    float: none;
    min-width: 68.5px;
}

    .layer_wrap.layer_saving_breakdown .layer_contents.scroll.type3 .my_rank_history > ul > li .rankbx {
        margin-top: 10px;
        margin-bottom: -13px;
    }

    .layer_wrap.layer_saving_breakdown .layer_contents.scroll.type3 .my_rank_history > ul > li ~ li:after {
        left: 0
    }

.layer_wrap.layer_saving_breakdown .layer_contents.scroll.type3 .my_rank_history {
    padding: 30px 10px;
}

.my_rank_history > ul > li .year {
    display: block;
}

.my_rank_history > ul > li [class*="rankbox_"] {
    display: inline-block;
}

.my_rank_history > ul > li .tot {
    display: block;
    margin-top: 4px;
    font-size: 11px;
}

    .my_rank_history > ul > li .tot em {
        font-size: 13px;
    }

select.ty5 {
    min-width: 130px;
    padding: 0 0 0 18px;
    background-image: url('../../Content/images/icon/arr_dw_9.png');
}

    select.ty5 ~ select.ty5 {
        margin-left: 5px;
    }

.benefit_wrap .banner_friendslv3 {
    margin: 20px 0 50px;
}

    .benefit_wrap .banner_friendslv3 li {
        display: inline-block;
    }

        .benefit_wrap .banner_friendslv3 li:first-child {
            padding-right: 17px;
        }
/* 마이페이지 : 당첨경품 */
.mypage_coupon .box_info {
    padding: 20px 0;
    background-color: #F8F8F8;
    text-align: center;
    font-size: 13px;
}

    .mypage_coupon .box_info h3.tit {
        margin-bottom: 5px;
        font-size: 20px
    }

    .mypage_coupon .box_info .desc {
        padding-left: 250px;
        opacity: .8;
    }

        .mypage_coupon .box_info .desc li {
            padding-left: 20px;
            text-align: left;
            line-height: 1.8;
            background: url('../../Content/images/icon/caution_15_2.png') no-repeat 0 50%;
        }
/* 비회원 로그인, 비회원 예매확인 */
.member_login_wrap.tab_nomem {
    padding-top: 30px;
}

    .member_login_wrap.tab_nomem .tab_wrap.outer {
        padding-top: 40px;
    }

        .member_login_wrap.tab_nomem .tab_wrap.outer .tab_tit {
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            background-color: transparent
        }

        .member_login_wrap.tab_nomem .tab_wrap.outer > li:first-child .tab_tit {
            padding-left: 0;
        }

        .member_login_wrap.tab_nomem .tab_wrap.outer > li:nth-child(n+2) > .tab_tit {
            padding-left: 8px;
        }

            .member_login_wrap.tab_nomem .tab_wrap.outer > li:nth-child(n+2) > .tab_tit:before {
                content: '';
                position: absolute;
                top: 9px;
                left: 0;
                width: 1px;
                height: 14px;
                background-color: #e0e0e0;
            }

.member_login_wrap .login_input_box .login_form_wrap.type1 {
    padding-top: 65px;
}

.pos_relative {
    position: relative
}

.club_overview {
    --teenteen-bottom-space: 75px
}

.club_overview {
    position: relative;
    text-align: center
}

    .club_overview img {
        vertical-align: top
    }

    .club_overview .linkteen_faq {
        position: absolute;
        bottom: var(--teenteen-bottom-space);
        left: 395px;
        overflow: hidden;
        width: 191px;
        height: 57px;
        text-indent: -999rem
    }

    .club_overview.club_overview__tobe {
        --teenteen-bottom-space: 80px
    }
/* 굿즈 수령 */
.remainingnum_tit {
    padding: 50px 0 20px;
    font-size: 18px;
    color: #000
}

.remainingnum_list {
}

    .remainingnum_list li {
        position: relative;
        padding: 30px 50px;
        margin-bottom: 8px;
        background-color: #F8F8F8;
        border: 1px solid #ddd;
    }

        .remainingnum_list li .list {
            width: 80%;
            font-size: 18px;
            color: #000;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .remainingnum_list li .list .tit {
                display: inline-block;
                padding-right: 10px;
                font-size: 18px;
                color: #000
            }

        .remainingnum_list li a.btn_col2.ty5 {
            position: absolute;
            top: 50%;
            right: 50px;
            margin-top: -20px;
            padding: 0 50px;
        }
/* 굿즈 수령 : 영화관 레이어팝업 */
.layer_wrap.layer_select_cinema.goodsreceipt > .tit {
    padding: 0 40px 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layer_wrap.layer_select_cinema.goodsreceipt > .titbox {
    padding: 12px 10px 14px;
    text-align: center;
    font-size: 12px;
    color: #000;
    background-color: #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layer_wrap.layer_select_cinema.goodsreceipt .cinema_select_wrap .depth2 li.active > a:after {
    display: none
}

.layer_wrap.layer_select_cinema.goodsreceipt .cinema_select_wrap > ul .depth2 ul li.active a {
    color: inherit
}

.layer_wrap.layer_select_cinema.goodsreceipt .cinema_select_wrap > ul .depth2 ul li a {
    cursor: default;
}

    .layer_wrap.layer_select_cinema.goodsreceipt .cinema_select_wrap > ul .depth2 ul li a .tit {
        display: block;
    }

    .layer_wrap.layer_select_cinema.goodsreceipt .cinema_select_wrap > ul .depth2 ul li a .desc {
        display: block;
        position: relative;
        padding-top: 4px;
        padding-left: 15px;
        font-size: 11px;
    }

        .layer_wrap.layer_select_cinema.goodsreceipt .cinema_select_wrap > ul .depth2 ul li a .desc:before {
            content: '';
            position: absolute;
            top: 9px;
            left: 0;
            display: block;
            width: 12px;
            height: 12px;
            background: url('../../Content/images/icon/icon_blackchk.svg') 0 0 no-repeat;
            background-size: 100%;
        }

        .layer_wrap.layer_select_cinema.goodsreceipt .cinema_select_wrap > ul .depth2 ul li a .desc .num {
            padding-right: 1px;
            font-size: 18px;
            color: #ED4C6B
        }

.goodsreceipt .layer_foot {
    padding: 20px 15px;
    text-align: center;
}

    .goodsreceipt .layer_foot .desc {
        letter-spacing: -1px
    }

        .goodsreceipt .layer_foot .desc .ico_imp {
            vertical-align: -3px;
        }

.layer_wrap.layer_select_cinema.goodsreceipt .cinema_select_wrap > ul > li.depth1 > a {
    padding: 20px 16px;
    min-height: 57px;
}
/* 드라이브 영화관 팝업 */
.box_driveosia {
    padding: 25px 0 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    text-align: center;
    background: #f6f6f6;
    opacity: .9;
}

    .box_driveosia .desc {
        padding-top: 20px;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
    }

.box_driveosia_line {
    padding: 20px 0;
    text-align: center;
    border: 1px solid #DDD;
    border-radius: 10px;
}

.box_driveosia_desc {
    font-size: 16px;
    line-height: 24px
}
/* 정보보호 수준진단 개선 2021.07.09 */
.group_item .bx_item.tit_field {
    margin-bottom: 10px;
}

    .group_item .bx_item.tit_field input[type="checkbox"] + label {
        font-size: 15px;
        color: #000
    }

.bx_provision .txtarea {
    height: 137px;
    padding: 0 9px 0 0;
    border: 0;
    background-color: #f8f8f8;
    font-size: 11px;
    word-break: keep-all;
}

.coupon_gift_con .bx_provision .txtarea {
    height: 90px;
}

.layer_wrap.active.layer_monitor_gift {
    width: 500px;
}
/* 개인정보동의 개선 추가 2021.07.13 */
.box_psinfocollectagree .inner {
    position: relative;
    padding: 60px 40px 0;
}

    .box_psinfocollectagree .inner:after {
        content: '';
        position: absolute;
        display: block;
        clear: both;
    }

    .box_psinfocollectagree .inner.pad_0 {
        padding: 0 20px;
    }

.box_psinfocollectagree label {
    font-size: 15px
}

.box_psinfocollectagree .link {
    float: right;
    font-size: 15px;
    text-decoration: underline
}

.box_psinfocollectagree .btn_btm_wrap {
    margin: 50px 0 90px;
    padding-top: 60px;
    border-top: 1px solid #eee;
}

#psinfocollectagreelayerPopup .layer_contents {
    padding: 30px 25px 0 25px
}

    #psinfocollectagreelayerPopup .layer_contents .h2_tit {
        padding: 25px 0 35px;
        font-size: 32px
    }

    #psinfocollectagreelayerPopup .layer_contents .dt_tit {
        padding-bottom: 5px;
        font-size: 16px
    }

    #psinfocollectagreelayerPopup .layer_contents .dd_desc {
        padding-bottom: 25px;
        font-size: 13px;
        color: #777;
        line-height: 22px;
    }
/* 관람권 90% 환불기능 개발 2021.08.20 */
.contents_mypage .mypage_myinfo .tab_wrap.mid > li.active > .tab_tit span {
    border-bottom: 1px solid #000;
}

.contents_mypage .mypage_myinfo .bx_category_slct {
    position: relative;
    margin-top: 70px;
    margin-bottom: 25px;
}

    .contents_mypage .mypage_myinfo .bx_category_slct .tab_wrap.outer {
        padding-top: 60px;
    }

        .contents_mypage .mypage_myinfo .bx_category_slct .tab_wrap.outer > li > .tab_tit {
            height: 30px;
            line-height: 30px;
        }

    .contents_mypage .mypage_myinfo .bx_category_slct .btn_only_txt {
        border: 0 none;
        margin-right: 20px;
        padding: 0;
        font-size: 15px;
        line-height: 17px;
        color: #666;
    }

        .contents_mypage .mypage_myinfo .bx_category_slct .btn_only_txt:last-child {
            margin: 0;
        }

    .contents_mypage .mypage_myinfo .bx_category_slct .slct_group {
        display: inline-block;
        width: 100%;
    }

        .contents_mypage .mypage_myinfo .bx_category_slct .slct_group .btn_only_txt {
            border-bottom: 1px solid transparent;
        }

    .contents_mypage .mypage_myinfo .bx_category_slct .slct_align {
        position: absolute;
        right: 0;
        top: 20px;
    }

        .contents_mypage .mypage_myinfo .bx_category_slct .slct_align.mod2 {
            top: -45px;
        }

    .contents_mypage .mypage_myinfo .bx_category_slct .btn_only_txt.active {
        color: #000;
    }

.contents_mypage .mypage_myinfo .search_wrap .btn_text {
    border: 0 none;
    background: none;
    font-size: 15px;
    margin-right: 40px;
}

.contents_mypage .mypage_myinfo .acc_head td .tg_wrap {
    font-size: 13px;
    color: #666666;
}

.contents_mypage .mypage_myinfo .acc_head td .txt_ic_mall {
    vertical-align: top;
    margin: 3px 5px 0 0;
}

    .contents_mypage .mypage_myinfo .acc_head td .txt_ic_mall ~ .tg_wrap {
        padding-left: 45px;
    }

.contents_mypage .mypage_myinfo .acc_head.active td,
.contents_mypage .mypage_myinfo .acc_body.active td {
    border-bottom: 0 none;
}

.contents_mypage .mypage_myinfo .acc_body.active td {
    padding-bottom: 5px;
}

.contents_mypage .mypage_myinfo .acc_body.active .cp_dtl_wrap:after {
    content: '';
    display: table;
    clear: both;
}

.contents_mypage .mypage_myinfo .cp_is.ty1 {
    color: #FF243E;
}

.contents_mypage .mypage_myinfo .cp_is.ty2 {
    color: #233CA3;
}

.contents_mypage .mypage_myinfo .cp_is.ty3 {
    color: #666666;
}

.contents_mypage .mypage_myinfo .cp_dtl_wrap {
    position: relative;
    border-radius: 0 0 4px 4px;
    border: 1px solid #EEE;
    padding: 15px 40px;
    text-align: left;
}

    .contents_mypage .mypage_myinfo .cp_dtl_wrap::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 25px;
        margin-left: -1px;
        width: 1px;
        height: calc(100% - 50px);
        border-right: 1px dashed #EEE;
    }

    .contents_mypage .mypage_myinfo .cp_dtl_wrap:after,
    .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_itm:after {
        content: '';
        display: table;
        clear: both;
    }

    .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_info {
        float: left;
        width: 385px;
        padding-right: 64px;
        ;
    }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_info:before,
        .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_info:after {
            content: '';
            position: absolute;
            left: 50%;
            width: 30px;
            height: 15px;
            margin-left: -15px;
            border: 1px solid #EEE;
            background-color: #FFF;
        }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_info:before {
            top: -1px;
            border-top: none;
            border-radius: 0 0 30px 30px;
        }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_info:after {
            bottom: -1px;
            border-bottom: none;
            border-radius: 30px 30px 0 0;
        }

    .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_itm {
        padding: 10px 0;
        border-bottom: 1px dashed #E6E6E6;
        line-height: 33px;
    }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_itm:last-child {
            border-bottom: 0 none;
        }

    .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_tit {
        float: left;
        width: 100px;
        text-align: left;
    }

    .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_txt {
        float: right;
        width: 280px;
        color: #414141;
        text-align: right;
    }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_txt button {
            margin-left: 5px;
        }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_txt .btn_txt_detail {
            font-size: 15px;
        }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_txt strong {
            color: #FF243E;
        }

    .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule {
        float: right;
        width: 400px;
    }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .list_txt {
            margin: 10px 0 0;
        }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .list_txt + p {
                margin: 52px 0 20px;
                font-size: 14px;
            }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .bx_article {
            margin: 17px 0;
            padding-top: 17px;
            border-top: 1px solid #EEE;
        }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .bx_article:first-child {
                padding-top: 0;
                border-top: none;
            }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .bx_article .tit_article {
                display: block;
                margin-bottom: 4px;
                font-size: 15px;
            }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .bx_article dl:after {
                content: "";
                display: block;
                clear: both;
            }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .bx_article dl dt {
                clear: both;
                float: left;
                font-size: 14px;
            }

                .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .bx_article dl dt:before {
                    content: "";
                    display: inline-block;
                    width: 1px;
                    height: 1px;
                    margin: 12px 5px 0 1px;
                    vertical-align: top;
                    background-color: #000;
                }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .bx_article dl dd {
                float: right;
                font-size: 14px;
            }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .bx_article .list_txt {
                margin-top: 4px;
            }

                .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule .bx_article .list_txt.ty2 li {
                    color: #666;
                }

    .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_itm.bdb0 {
        border-bottom: 0
    }

    .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list,
    .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list {
        position: relative;
        padding: 10px 0 15px;
        font-size: 14px
    }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list:after,
        .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list:after {
            content: '';
            display: block;
            clear: both
        }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list .tit,
        .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list .tit {
            position: relative;
            float: left;
            width: 100px;
            padding-left: 8px;
            text-align: left
        }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list .tit:before,
            .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list .tit:before {
                content: '';
                position: absolute;
                top: 12px;
                left: 0;
                display: inline-block;
                width: 1px;
                height: 1px;
                background-color: #000;
                border-radius: 50%;
                vertical-align: top;
            }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list .desc,
        .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list .desc {
            float: right;
            width: 280px;
            text-align: right
        }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list .desc .txt,
            .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list .desc .txt {
                font-family: "Roboto";
            }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list.bdb1,
        .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list.bdb1 {
            border-bottom: 1px dashed #E6E6E6
        }

        .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list.type1,
        .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list.type1 {
            padding-left: 0;
        }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list.type1 .tit,
            .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list.type1 .tit {
                padding-left: 0;
                font-size: 16px
            }

                .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list.type1 .tit:before,
                .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list.type1 .tit:before {
                    width: 0;
                    height: 0;
                }

            .contents_mypage .mypage_myinfo .cp_dtl_wrap .dl_list.type1 .desc,
            .contents_mypage .mypage_coupon .cp_dtl_wrap .dl_list.type1 .desc {
                font-size: 16px
            }

    .contents_mypage .mypage_myinfo .cp_dtl_wrap .cp_rule > .btn_wrap [class^="btn_col"],
    .contents_mypage .mypage_coupon .cp_dtl_wrap .cp_rule > .btn_wrap [class^="btn_col"] {
        width: 146px;
    }

.contents_mypage .mypage_myinfo .infotxt,
.contents_mypage .mypage_coupon .infotxt {
    padding-bottom: 20px;
    font-size: 16px;
}

.tbl_list + .area_totalrefund {
    margin-top: 40px;
}

.contents_mypage .mypage_myinfo .area_totalrefund,
.contents_mypage .mypage_coupon .area_totalrefund {
    padding: 20px 40px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    text-align: right
}

    .contents_mypage .mypage_myinfo .area_totalrefund .tit,
    .contents_mypage .mypage_coupon .area_totalrefund .tit {
        display: inline-block;
        padding-right: 10px;
        font-size: 16px;
        color: #000
    }

    .contents_mypage .mypage_myinfo .area_totalrefund .desc,
    .contents_mypage .mypage_coupon .area_totalrefund .desc {
        display: inline-block;
        min-width: 120px;
        color: #FF243E;
    }

        .contents_mypage .mypage_myinfo .area_totalrefund .desc .txt,
        .contents_mypage .mypage_coupon .area_totalrefund .desc .txt {
            font-family: "Roboto";
            font-size: 24px;
        }

        .contents_mypage .mypage_myinfo .area_totalrefund .desc .won,
        .contents_mypage .mypage_coupon .area_totalrefund .desc .won {
            font-size: 15px;
            padding: 3px;
        }

    .contents_mypage .mypage_myinfo .area_totalrefund + .btn_wrap [class^="btn_col"],
    .contents_mypage .mypage_coupon .area_totalrefund + .btn_wrap [class^="btn_col"] {
        width: 146px;
        margin-top: 40px;
    }

.contents_mypage .mypage_myinfo .cp_is.ty05 {
    color: #233CA3
}

.contents_mypage .mypage_myinfo .cp_is.ty06 {
    color: #000
}

.contents_mypage .mypage_myinfo .cp_is.ty07 {
    color: #000;
    opacity: .6
}

.contents_mypage .mypage_myinfo .cp_is.ty08 {
    color: #FF243E;
    opacity: .6
}
/* 관람권 90% 환불기능 개발 : 환불정보입력 */
.contents_mypage .con_tit {
    overflow: hidden;
    font-size: 20px;
    margin: 10px 0;
}

    .contents_mypage .con_tit.ty2 .tit {
        display: inline-block;
    }

    .contents_mypage .con_tit .group_rgt {
        float: right;
        margin-top: 4px;
    }

    .contents_mypage .con_tit .txt_req {
        font-size: 14px;
        color: #FF243E;
    }

        .contents_mypage .con_tit .txt_req:before {
            content: '*';
            margin-right: 4px;
            font-size: 14px;
            color: #FF243E;
        }

.contents_mypage .refundnum .txt {
    font-family: "Roboto";
    font-size: 18px;
}

.contents_mypage .refundnum .won {
    font-size: 15px;
}

.contents_mypage .refundaccount {
    width: 600px
}

    .contents_mypage .refundaccount .dt_tit {
        display: inline-block;
        min-width: 80px;
    }

    .contents_mypage .refundaccount .dd_desc {
        display: inline-block;
        min-width: 440px;
        margin-bottom: 13px;
    }

        .contents_mypage .refundaccount .dd_desc [class^="btn_col"] {
            width: auto;
            margin-left: 5px;
        }

        .contents_mypage .refundaccount .dd_desc > .inp_name {
            width: 420px;
        }

        .contents_mypage .refundaccount .dd_desc select.ty2 {
            width: 280px
        }

    .contents_mypage .refundaccount + .txt_caution1 {
        margin-left: 85px;
    }

.contents_mypage .tbl_form th.va_top {
    vertical-align: top;
}

.tbl_form.type1 th, .tbl_form.type1 td {
    height: auto;
    padding: 17px 4px;
}

.contents_mypage .privacy_wrap {
    background: transparent;
    margin-bottom: 50px;
}

    .contents_mypage .privacy_wrap .agree_box {
        overflow-y: auto;
        height: 170px;
        width: 100%;
        padding: 21px 33px;
        border: 1px solid #ddd;
        border-radius: 3px;
        background: #f8f8f8;
        font-size: 14px;
        line-height: 1.5;
        box-sizing: border-box;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }

        .contents_mypage .privacy_wrap .agree_box .tit_info {
            display: block;
            margin-bottom: 10px;
            font-size: 16px;
        }

        .contents_mypage .privacy_wrap .agree_box .list_info {
            margin-bottom: 10px;
        }

        .contents_mypage .privacy_wrap .agree_box .txt_info {
            margin-bottom: 10px;
        }

    .contents_mypage .privacy_wrap .bx_inp {
        margin: 30px 0;
        text-align: right;
    }

.lineh18 {
    line-height: 18px;
}

.contents_mypage .mypage_coupon .cp_is.type2 {
    display: inline-block;
    line-height: 17px;
}
/* 백신전용관 얼럿 노출 */
.time_select_wrap ul.list_hall li .vaccinehalltype {
    padding: 0 3px;
    border-radius: 3px;
    background-color: #d7562a;
    color: white
}

.time_select_wrap ul.list_time li.active > a.vaccinehalltype, .time_select_wrap ul.list_time li > a.vaccinehalltype:focus {
    border: 1px solid #d7562a
}
/* 가장 가까운 국립극장 동영상 */
.movie_onnationaltheater {
    position: relative;
    height: 430px;
    margin-top: 60px;
}

    .movie_onnationaltheater .evt_player {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 790px;
        margin: 0 auto;
    }

        .movie_onnationaltheater .evt_player .video-js .vjs-big-play-button {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 60px;
            height: 68px;
            margin-left: -30px;
            margin-top: -29px;
            background: url('../../Content/images/icon/icon_play_movie_nationaltheater.png') 0 0 no-repeat;
            background-size: 100%;
            box-sizing: border-box;
            border: 0;
            border-color: transparent;
            background-color: transparent;
        }

    .movie_onnationaltheater .video-js .vjs-big-play-button:focus, .movie_onnationaltheater .video-js:hover .vjs-big-play-button {
        border-color: transparent !important;
        background-color: transparent !important;
        background-color: rgba(115, 133, 159, 0);
        transition: all 0s
    }

    .movie_onnationaltheater .movie_onnationaltheater .evt_player .video-js .vjs-big-play-button .vjs-icon-placeholder {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        line-height: 0
    }

    .movie_onnationaltheater .evt_player .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
        display: none;
        line-height: 0;
        vertical-align: middle;
        top: 50%;
        height: auto;
    }

    .movie_onnationaltheater .evt_player .video-js .vjs-play-progress:before {
        display: block;
        width: 4px;
        height: 4px;
        background: #c62424;
        border: 5px solid #fff;
        border-radius: 50% 50%;
        font-size: 0;
        box-sizing: content-box;
        top: 50%;
        right: -7px;
        margin: -7px 0 0 0;
    }

    .movie_onnationaltheater .evt_player .video-js .vjs-control-bar {
        background-color: #000;
        background-color: rgba(25, 25, 25, 0.8);
    }

    .movie_onnationaltheater .evt_player .video-js .vjs-load-progress div {
        background: white;
        background: rgba(100, 100, 100, 0.75);
    }

    .movie_onnationaltheater .evt_player .video-js button .vjs-icon-placeholder {
        position: static
    }

    .movie_onnationaltheater .evt_player .video-js .vjs-remaining-time-display {
        line-height: 3em;
    }
/* 가까운 국립극장 2022.01.07 */
.nationaltheater_area {
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 70px;
    background: #fafafa
}

.nationaltheater_desc {
    position: relative;
    width: 800px;
    min-height: 600px;
    padding: 50px 95px 0;
    text-align: left;
}

    .nationaltheater_desc .h5_tit {
        padding-bottom: 20px;
        font-size: 21px;
        letter-spacing: -1px;
    }

        .nationaltheater_desc .h5_tit .title {
            font-size: 40px;
            font-weight: bolder;
            letter-spacing: -2px;
        }

    .nationaltheater_desc .desc_left {
        width: 540px;
        font-size: 16px;
        color: #000;
        line-height: 1.5;
    }

    .nationaltheater_desc .desc_right {
        position: absolute;
        top: 50px;
        left: 680px;
        font-size: 14px;
        letter-spacing: -1px;
    }

        .nationaltheater_desc .desc_right .h5_tit {
            padding-bottom: 10px;
            font-size: 16px;
            font-weight: bold
        }

        .nationaltheater_desc .desc_right .desc_top {
            line-height: 1.3;
        }

            .nationaltheater_desc .desc_right .desc_top dt {
                display: inline-block;
                width: 116px;
                vertical-align: top;
                font-weight: bold;
                line-height: 1.5;
            }

            .nationaltheater_desc .desc_right .desc_top dd {
                display: inline-block;
                width: 94px;
                padding-bottom: 10px;
                font-weight: lighter;
                line-height: 1.5;
            }

        .nationaltheater_desc .desc_right .desc_bottom {
            padding-bottom: 15px;
            line-height: 1.3;
        }

        .nationaltheater_desc .desc_right .txt {
            width: 210px;
            font-size: 13px;
            font-weight: lighter;
            color: #333;
            line-height: 1.3;
        }

.nationaltheater_area .movie_info {
    position: relative;
    min-height: 310px;
    margin: 50px 95px;
    padding: 50px 0;
    border-top: 1px solid #000;
    color: #000;
    letter-spacing: -1px;
}

    .nationaltheater_area .movie_info .h5_tit {
        padding-bottom: 5px;
        font-size: 22px;
        font-weight: bold;
        line-height: 1.3;
    }

    .nationaltheater_area .movie_info .desc_left {
        width: 390px;
        line-height: 1.8;
    }

        .nationaltheater_area .movie_info .desc_left .desc {
            font-size: 16px;
            letter-spacing: -1px;
        }

    .nationaltheater_area .movie_info .noti {
        position: relative;
        padding-left: 15px;
        font-size: 13px;
        color: #333;
        line-height: 1.5;
    }

        .nationaltheater_area .movie_info .noti::before {
            content: '※';
            position: absolute;
            left: 0
        }

    .nationaltheater_area .movie_info .desc_right {
        position: absolute;
        top: 50px;
        left: 440px;
    }

        .nationaltheater_area .movie_info .desc_right .h6_tit {
            padding-bottom: 8px;
            font-size: 16px;
            font-weight: bold;
        }

        .nationaltheater_area .movie_info .desc_right .zone {
            width: 350px;
            font-size: 14px;
            line-height: 1.8;
        }

            .nationaltheater_area .movie_info .desc_right .zone dt {
                display: inline-block;
                width: 88px;
                font-weight: bold;
                vertical-align: top;
            }

            .nationaltheater_area .movie_info .desc_right .zone dd {
                display: inline-block;
                width: 250px;
                color: #333;
                word-break: keep-all;
            }

    .nationaltheater_area .movie_info .desc_list li {
        font-size: 14px;
        line-height: 1.8
    }

.nationaltheater_area .slide_nationaltheater {
    width: 980px
}

.nationaltheater_area .owl-carousel .owl-item .item {
    text-align: center
}

.nationaltheater_area .owl-carousel .owl-item img {
    display: initial;
    width: auto;
}

.nationaltheater_area .notice_box {
    padding: 30px 40px;
    margin: 0 95px;
    border: 1px solid #000;
}

    .nationaltheater_area .notice_box .txt {
        font-size: 16px;
        line-height: 1.5;
        word-break: keep-all;
    }

    .nationaltheater_area .notice_box .tit {
        padding: 20px 0 10px;
        font-size: 14px;
    }

.nationaltheater_area .owl-carousel .owl-dots {
    bottom: 80px
}

    .nationaltheater_area .owl-carousel .owl-dots .owl-dot span {
        width: 7px;
        height: 7px;
        margin: 0 9px;
        background-color: transparent;
        border: 1px solid #333;
        opacity: 1;
    }

    .nationaltheater_area .owl-carousel .owl-dots .owl-dot.active span,
    .nationaltheater_area .owl-carousel .owl-dots .owl-dot:hover span {
        width: 7px;
        height: 7px;
        margin: 0 9px;
        background-color: #333;
    }

.nationaltheater_area .owl-carousel .owl-nav .owl-next {
    right: 15px;
    background: url(../../Content/images/icon/arr_rg_15.png) no-repeat center center;
}

.nationaltheater_area .owl-carousel .owl-nav .owl-prev {
    left: 15px;
    background: url(../../Content/images/icon/arr_lf_15.png) no-repeat center center;
}

.nationaltheater_area .owl-carousel .owl-nav {
    height: 0;
}

.nationaltheater_desc .color_pink {
    color: #E92867 !important;
}

.nationaltheater_desc .color_brown {
    color: #B10C0C !important;
}

.nationaltheater_desc .color_blue {
    color: #4369E4 !important;
}
/* 설세뱃돈 팝업 */
#layerPopupnewyear21money.layer_wrap.active {
    border-radius: 0;
}

#layerPopupnewyear21money .layer_contents .txt_info {
    padding: 60px 0 40px;
    color: #333;
    font-size: 26px
}

    #layerPopupnewyear21money .layer_contents .txt_info .h2_tit {
        font-size: 70px
    }

#layerPopupnewyear21money .layer_contents .btn_col10 {
    height: 75px;
    line-height: 72px;
    padding: 0 75px;
    margin-top: 30px;
    border-radius: 0;
    font-size: 30px;
}

#layerPopupnewyear21money .layer_contents .closebtn {
    position: absolute;
    right: 15px;
    top: -45px;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: -9999em;
    background: transparent url("../../Content/images/event/img_newyear21close.png") no-repeat 0 0;
}

#layerPopupnewyear21money.layer_wrap .layer_contents .wrap_alertimg .popalertnewyear21img {
    position: absolute;
    top: -180px;
    left: 50%;
    width: 440px;
    height: 227px;
    margin-left: -220px;
}

#layerPopupnewyear21money .layer_contents .box_evtdesc {
    background-color: #f9f9f9;
}
/* 관람권 선물하기 UI 개선 */
.monitor_gift > .gift_con.type2 {
    height: 500px
}

.monitor_gift > .gift_con li ~ li {
    margin-top: 15px;
}

.font13 {
    font-size: 13px !important
}
/* 영화관 정보 내 단체/대관문의 버튼 추가 */
.contents_theater_detail .theater_top_wrap .info_wrap .pop_wrap > li:last-child {
    margin-right: 0;
}

.contents_theater_detail .theater_top_wrap .info_wrap .theater_info dd.adr .link_viewmap {
    position: relative;
    padding-left: 15px;
    margin-left: 13px;
}

    .contents_theater_detail .theater_top_wrap .info_wrap .theater_info dd.adr .link_viewmap:before {
        content: '';
        position: absolute;
        top: 5px;
        left: 0;
        width: 1px;
        height: 14px;
        background: #ddd;
    }

.icon_viewmap {
    display: inline-block;
    width: 15px;
    height: 19px;
    background: url('../../Content/images/icon/icon_viewmap.jpg') 0 0 no-repeat;
    background-size: 100%;
    vertical-align: -4px;
}

.icon_groupvisit {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../../Content/images/icon/icon_groupvisit.jpg") 0 0 no-repeat;
    vertical-align: middle;
}

.contents_theater_detail .theater_top_wrap .theater_tit {
    margin-bottom: 34px;
}

    .contents_theater_detail .theater_top_wrap .theater_tit .tit {
        display: inline-block;
        margin-right: 10px;
        font-size: 32px;
        vertical-align: middle;
    }
/* 이벤트 당첨자 이름 및 아이디 검색 */
.box_winnersearch {
    float: right;
    margin: 20px 0;
}

    .box_winnersearch:after {
        content: '';
        display: block;
        clear: both;
    }

    .box_winnersearch > .bx_search.ty2 input {
        width: 210px;
    }
    /* 이벤트 당첨 확인 조회 기능 개선 */
    .box_winnersearch.centertype {
        display: flex;
        justify-content: center;
        align-items: center;
        float: none;
        padding: 25px 0 0;
        margin: 25px 0 0;
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #EEEEEE
    }

        .box_winnersearch.centertype .btn_col3 {
            min-width: 75px;
            height: 30px;
            margin-left: 15px;
        }

        .box_winnersearch.centertype .desc_type1 {
            opacity: .8;
        }
/* 채널별 관리자화 개발 : 팝업 제목 24자 적용 */
.layer_wrap.layerMultiType .layer_header {
    overflow: hidden;
    padding: 0 14px;
}

    .layer_wrap.layerMultiType .layer_header .tit {
        overflow: hidden;
        height: 50px;
        padding: 0 36px;
    }
/* 대관문의 팝업 수정 */
#layerCinemaGroupNum.layer_wrap.cinemagroupnum .layer_header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 70px;
    line-height: 20px;
}

    #layerCinemaGroupNum.layer_wrap.cinemagroupnum .layer_header .desc {
        display: block;
        font-size: 14px;
        font-weight: lighter
    }
/* 관람평 별점 5개 : 영화 상세 */
.tab_wrap.outer.new22 > li > .tab_tit {
    font-size: 18px
}

.tab_wrap.outer.new22 > li .wrap_reviewstarscore {
    padding: 30px;
    margin-top: -30px;
    background: #f8f8f8
}

.tab_wrap.outer.new22 .movi_review_box {
    margin-bottom: 0;
    background: #fff
}

    .tab_wrap.outer.new22 .movi_review_box .review_write_box {
        width: 799px;
        background: #fff
    }

    .tab_wrap.outer.new22 .movi_review_box .btn_submit {
        background: #414141;
    }

    .tab_wrap.outer.new22 .movi_review_box .review_write_box .byte_info {
        margin: 0 10px 5px 0;
        margin-top: -3px;
        background: #fff
    }

.tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box .h4_tit {
    padding: 10px 0;
    font-size: 18px;
    text-align: center;
}

.tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box .star_info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box .score_info {
    width: 70px;
    padding-left: 5px;
    font-family: "Roboto";
    font-size: 46px;
}

.tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box .txt_info {
    padding: 15px 0 40px;
    font-size: 15px;
    color: #999;
    text-align: center;
}

    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box .txt_info .num {
        color: #666;
        font-family: "Roboto";
    }

.tab_wrap.outer.new22 .movi_review_list {
    padding-top: 30px;
}

    .tab_wrap.outer.new22 .movi_review_list .review_top {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }

        .tab_wrap.outer.new22 .movi_review_list .review_top .tit {
            font-family: "Roboto";
            color: #999
        }

            .tab_wrap.outer.new22 .movi_review_list .review_top .tit .txt_ic_score {
                font-size: 12px;
                vertical-align: baseline;
            }

                .tab_wrap.outer.new22 .movi_review_list .review_top .tit .txt_ic_score .starimg {
                    position: relative;
                    padding-left: 40px;
                    font-family: "Noto Sans KR";
                    font-size: 13px
                }

                    .tab_wrap.outer.new22 .movi_review_list .review_top .tit .txt_ic_score .starimg:before {
                        content: '';
                        display: block;
                        position: absolute;
                        left: 10px;
                        top: 50%;
                        margin-top: -13px;
                        width: 26px;
                        height: 26px;
                        background: url('../../Content/images/icon/icon_star_new22.svg') no-repeat 0 0;
                        background-size: 100%;
                    }

                .tab_wrap.outer.new22 .movi_review_list .review_top .tit .txt_ic_score .num {
                    padding-left: 8px;
                    font-family: "Roboto";
                    font-size: 18px;
                    color: #333
                }

        .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right {
            display: flex;
            align-items: center;
            margin-left: auto;
        }

            .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right .total_num {
                font-size: 15px
            }

                .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right .total_num em {
                    font-family: "Roboto";
                    font-weight: bold
                }

            .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right .sort_list {
                position: relative;
                margin-left: 5px;
            }

                .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right .sort_list:before {
                    content: '';
                    display: block;
                    position: absolute;
                    left: 5px;
                    top: 2px;
                    width: 1px;
                    height: 18px;
                    background-color: #eee;
                }

                .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right .sort_list > li {
                    margin-left: 15px;
                }

                    .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right .sort_list > li button {
                        color: #999
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right .sort_list > li.active button {
                        color: #000;
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right .sort_list > li button.latest:before {
                        content: '';
                        display: inline-block;
                        width: 10px;
                        height: 11px;
                        margin: 0;
                        margin-right: 4px;
                        border: 0;
                        vertical-align: -1px;
                        background: url('../../Content/images/icon/icon_sort_latest.svg') no-repeat 0 0;
                        background-size: 100%;
                        opacity: .5;
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right .sort_list > li button.empathy:before {
                        content: '';
                        display: inline-block;
                        width: 11px;
                        height: 17px;
                        margin: 0;
                        margin-right: 4px;
                        border: 0;
                        vertical-align: -4px;
                        background: url('../../Content/images/icon/icon_sort_empathy.svg') no-repeat 0 0;
                        background-size: 100%;
                        opacity: .5;
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_top .wrap_sort_right .sort_list > li.active button:before {
                        opacity: 1;
                    }

    .tab_wrap.outer.new22 .movi_review_list .review_con_list .review_info {
        margin-bottom: 0;
        line-height: 20px;
    }

    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info {
        position: relative;
        margin-bottom: 6px;
    }

        .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .name {
            display: block;
            font-size: 14px;
            padding-bottom: 8px;
        }

        .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .date_info {
            position: absolute;
            top: 0;
            right: 10px;
            font-family: "Roboto";
            font-size: 14px;
            color: #999
        }

        .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score {
            position: relative;
        }

            .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .gradenum {
                font-size: 14px;
                font-family: "Roboto";
                vertical-align: 3px;
            }

            .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg {
                display: inline-block;
                width: 78px;
                height: 14px;
                background: url('../../Content/images/icon/ic_star_00.svg') no-repeat 0 0;
                background-size: 100%;
            }

                .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .stargradecolor {
                    display: inline-block;
                    width: 78px;
                    height: 14px;
                    background: url('../../Content/images/icon/ic_star_10.svg') no-repeat 0 0;
                    background-size: 100%;
                }

                .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg {
                    overflow: hidden;
                    display: inline-block;
                }

                    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg.grade10 {
                        width: 78px
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg.grade9 {
                        width: 71px
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg.grade8 {
                        width: 63px
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg.grade7 {
                        width: 55px
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg.grade6 {
                        width: 47px
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg.grade5 {
                        width: 39px
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg.grade4 {
                        width: 31px
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg.grade3 {
                        width: 23px
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg.grade2 {
                        width: 15px
                    }

                    .tab_wrap.outer.new22 .movi_review_list .review_con_list .top_info .txt_ic_score .stargradebg .blindbg.grade1 {
                        width: 7px
                    }

    .tab_wrap.outer.new22 .movi_review_list .review_con_list .btm_info {
        display: flex;
        align-items: center;
        padding-right: 10px;
    }

        .tab_wrap.outer.new22 .movi_review_list .review_con_list .btm_info .btn_ic_good {
            margin-left: auto;
            padding: 0
        }

        .tab_wrap.outer.new22 .movi_review_list .review_con_list .btm_info .edit_review .btn_review_edit,
        .tab_wrap.outer.new22 .movi_review_list .review_con_list .btm_info .edit_review .btn_review_delete {
            position: relative;
            padding-left: 4px;
            font-size: 11px;
            color: #767676
        }

            .tab_wrap.outer.new22 .movi_review_list .review_con_list .btm_info .edit_review .btn_review_edit:before {
                content: '';
                display: inline-block;
                width: 15px;
                height: 15px;
                padding-right: 1px;
                background: url('../../Content/images/icon/ic_btn_edit.svg') no-repeat 0 0;
                vertical-align: -3px;
            }

            .tab_wrap.outer.new22 .movi_review_list .review_con_list .btm_info .edit_review .btn_review_delete:before {
                content: '';
                display: inline-block;
                width: 15px;
                height: 15px;
                padding-right: 2px;
                background: url('../../Content/images/icon/ic_btn_delete.svg') no-repeat 0 0;
                vertical-align: -3px;
            }

    .tab_wrap.outer.new22 .movi_review_list .review_con_list > li:last-child {
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
    }

    .tab_wrap.outer.new22 .movi_review_list .review_con_list#review_con_list1 > li:last-child {
        border-bottom: 0
    }

.star_rate.type5 .starR1 {
    background: url("../../Content/images/icon/ico_star50_off.png") no-repeat 0 0;
    background-size: auto 100%;
    width: 25px;
    height: 50px;
    float: left;
    cursor: pointer;
    padding: 0;
}

.star_rate.type5 .starR2 {
    background: url("../../Content/images/icon/ico_star50_off.png") no-repeat 100% 0;
    background-size: auto 100%;
    width: 25px;
    height: 50px;
    float: left;
    cursor: pointer;
    padding: 0;
}

.star_rate.type5 .starR1.on {
    background: url("../../Content/images/icon/ico_star50_on.png") no-repeat 0 0;
    background-size: auto 100%;
    width: 25px;
    height: 50px;
}

.star_rate.type5 .starR2.on {
    background: url("../../Content/images/icon/ico_star50_on.png") no-repeat 100% 0;
    background-size: auto 100%;
    width: 25px;
    height: 50px;
}

.star_rate.type5 .star {
    margin-right: 0;
}

    .star_rate.type5 .star.starR2 {
        margin-right: 10px;
    }
/* 관람평 별점 5개 : MY 영화관리 내가 본 영화, 관람평 작성 팝업 */
.review_write .star_score_box {
    padding: 10px 0 15px;
    color: #000;
    text-align: center;
}

    .review_write .star_score_box .score_info em {
        display: inline-block;
        width: 50px;
        height: 50px;
        padding-left: 5px;
        font-family: "Roboto";
        font-size: 46px;
    }

.review_write.new22 .star_score_box .star_info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.review_write .star_rate.type6 {
    display: inline-block;
}

.star_rate.type6 .starR1 {
    background: url("../../Content/images/icon/ico_star50_off.png") no-repeat 0 0;
    background-size: auto 100%;
    width: 25px;
    height: 50px;
    float: left;
    cursor: pointer;
    padding: 0;
}

.star_rate.type6 .starR2 {
    background: url("../../Content/images/icon/ico_star50_off.png") no-repeat 100% 0;
    background-size: auto 100%;
    width: 25px;
    height: 50px;
    float: left;
    cursor: pointer;
    padding: 0;
}

.star_rate.type6 .starR1.on {
    background: url("../../Content/images/icon/ico_star50_on.png") no-repeat 0 0;
    background-size: auto 100%;
    width: 25px;
    height: 50px;
}

.star_rate.type6 .starR2.on {
    background: url("../../Content/images/icon/ico_star50_on.png") no-repeat 100% 0;
    background-size: auto 100%;
    width: 25px;
    height: 50px;
}

.star_rate.type6 .star {
    margin-right: 0;
}

    .star_rate.type6 .star.starR2 {
        margin-right: 10px;
    }

.mypage_wrap .my_movie_list .tit {
    height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mypage_wrap .my_movie_list .user_review_box {
    position: initial
}

.mypage_wrap .my_movie_list .detail_info + .review_box dd {
    margin-top: 5px;
    margin-bottom: 5px;
    letter-spacing: -.8px;
}

.mypage_wrap .my_movie_list .detail_info > .txt {
    line-height: 22px
}
/* 스페셜관 UI 개선 2022.07.12 */
.detail_top_wrap.new22 .spacial_hall_info span {
    width: 89px;
    margin-bottom: 0;
    padding: 0 5px 6px 0;
}

    .detail_top_wrap.new22 .spacial_hall_info span img {
        height: 28px
    }

.detail_top_wrap.new22 .movie_detail_aside_menu.type1 {
    padding-top: 15px;
}
/* 1줄일 경우 */
.detail_top_wrap.new22 .movie_detail_aside_menu.type2 {
    padding-top: 25px;
}
/* 2줄일 경우 */
.detail_top_wrap.new22 .detail_info2 {
    margin: 24px;
}
/* 대관/단체 번호 문구 변경 및 기능 추가 */
.layer_wrap.new22 .layer_header .tit {
    font-size: 16px;
}

.numfont {
    font-family: "Roboto";
}

#layerCinemaGroupNum.layer_wrap.cinemagroupnum.new22 .layer_header {
    height: 90px
}

    #layerCinemaGroupNum.layer_wrap.cinemagroupnum.new22 .layer_header .desc .numfont {
        font-size: 15px
    }

    #layerCinemaGroupNum.layer_wrap.cinemagroupnum.new22 .layer_header .desc_sub {
        padding-top: 5px;
        font-weight: lighter;
        font-size: 11px
    }

        #layerCinemaGroupNum.layer_wrap.cinemagroupnum.new22 .layer_header .desc_sub .numfont {
            font-size: 12px
        }
/* Friends 멤버십 안내 추가 개발 */
.area_friends_desc {
    margin-top: -30px;
}
/* faq 롯시패스 추가 */
.faq_icon_wrap.lotcipassfaq {
    padding: 12px
}

    .faq_icon_wrap.lotcipassfaq button {
        width: 90px;
        margin-left: 4px;
        padding: 54px 0 14px
    }

    .faq_icon_wrap.lotcipassfaq .ico_01 {
        background-image: url('../images/customer/ic_faq_cate_01_202209.png');
        background-position: center 20px;
        margin-left: 0;
    }

    .faq_icon_wrap.lotcipassfaq .ico_02 {
        background-image: url('../images/customer/ic_faq_cate_02_202209.png');
        background-position: center 20px;
    }

    .faq_icon_wrap.lotcipassfaq .ico_03 {
        background-image: url('../images/customer/ic_faq_cate_03_202209.png');
        background-position: center 20px;
    }

    .faq_icon_wrap.lotcipassfaq .ico_04 {
        background-image: url('../images/customer/ic_faq_cate_04_202209.png');
        background-position: center 19px;
    }

    .faq_icon_wrap.lotcipassfaq .ico_05 {
        background-image: url('../images/customer/ic_faq_cate_05_202209.png');
        background-position: center 21px;
    }

    .faq_icon_wrap.lotcipassfaq .ico_06 {
        background-image: url('../images/customer/ic_faq_cate_06_202209.png');
        background-position: center 24px;
    }

    .faq_icon_wrap.lotcipassfaq .ico_07 {
        background-image: url('../images/customer/ic_faq_cate_07_202209.png');
        background-position: center 22px;
    }

    .faq_icon_wrap.lotcipassfaq .ico_08 {
        background-image: url('../images/customer/ic_faq_cate_08_202209.png');
        background-position: center 28px;
    }

    .faq_icon_wrap.lotcipassfaq .ico_09 {
        background-image: url('../images/customer/ic_faq_cate_09_202209.png');
        background-position: center 21px;
    }

    .faq_icon_wrap.lotcipassfaq .ico_10 {
        background-image: url("../images/customer/ic_faq_cate_10_202209.png");
        background-position: center 20px;
    }
/* 스페셜관 리뉴얼 2022 */
.special_theater_home.new22 .special_tit_wrap {
    position: relative;
    padding-bottom: 38px;
}

.special_theater_home.new22 .special_banner a {
    display: block
}

.special_theater_home.new22 .special_list > li:last-child {
    top: 0
}

.special_theater_home.new22 .special_list_wrap {
    margin-top: 98px;
}
/* 롯시패스 태그 추가 */
.wrap_coupontag {
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

.input_type2 .info .wrap_coupontag {
    display: inline-flex;
    align-items: center;
}

.tag_lotcipass {
    position: relative;
    display: inline-block;
    height: 16px;
    line-height: 15px;
    padding: 0 10px;
    margin: 0 2px;
    color: #FE5867;
    font-size: 10px;
    border: 1px solid #BEBEBE;
    background: #FFF;
    white-space: nowrap;
    border-radius: 15px;
}

.tag_addpayment {
    position: relative;
    display: inline-block;
    height: 16px;
    line-height: 15px;
    padding: 0 5px 2px;
    margin: 0 2px;
    color: #fff;
    font-size: 10px;
    color: #fff;
    background: #FF243E;
    white-space: nowrap;
    border-radius: 15px;
}
/* ==============================
* 좌석 new22
*
** 빈백 : beanbag
** 베드 : bed
** 디럭스(리클라이너) : deluxe
** 로열(리클라이너) : royal
** 캐빈(독립부스) : cabin
============================== */
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape {
    position: relative;
    display: block;
    overflow: hidden;
    width: 21px;
    height: 16px;
    line-height: 17px;
    background: #E8E8E8;
    color: #fff;
    font-size: 10px;
    text-align: center;
    letter-spacing: -0.5px;
    box-sizing: border-box;
    font-family: 'Roboto', "Noto Sans KR";
}
    /* 디폴트 */
    .mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.disabled {
        background: none;
    }

.mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .type1 {
    overflow: hidden;
    text-indent: -7000000em;
    font-size: 0;
    line-height: 0;
    cursor: inherit;
    opacity: 1;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: -10%;
        width: 25px;
        height: 1px;
        background-color: #000;
        transform: rotate(143deg);
        opacity: 1
    }

.mseat_inner .floor_bx .seat_area.new22 .sel.no_select .wrap_seatshape {
    background: transparent
}
/* 좌석 : beanbag ============================== */
/* 디폴트 */
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.beanbag {
    background: #5E908F url("../../Content/images/payment/icon_seatmask_beanbag2.png") 0 0 no-repeat;
    background-size: 100%;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.beanbag .type1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 16px;
        background: url("../../Content/images/payment/icon_seatmask_beanbag.png") 0 0 no-repeat;
        background-size: 100%;
    }
/* 예매완료 */
.mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.beanbag {
    cursor: inherit;
    background: #fff;
    opacity: 0.5;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.beanbag .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 16px;
        background-color: #000;
        opacity: 0.5;
        z-index: 1;
    }
/* 선택불가 */
.mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .wrap_seatshape.beanbag .type1 {
    background: #000 url("../../Content/images/payment/icon_seatmask_beanbag_noselect.png") 0 0 no-repeat;
    background-size: 100%;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .wrap_seatshape.beanbag .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: -10%;
        width: 25px;
        height: 1px;
        background-color: #000;
        transform: rotate(143deg);
        opacity: 1
    }
/* 거리두기석 */
.mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.beanbag.Impossible {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 16px;
    background: #c28721 url(../../Content/images/icon/bg_no_select_distance.png) no-repeat center center;
    opacity: inherit;
    z-index: 9;
    font: 0 auto
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.beanbag.Impossible:before {
        background: #333;
        opacity: 0.25;
    }

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.beanbag.Impossible .type1:before {
        content: '';
        opacity: 0;
    }
/* 선택좌석  */
.mseat_inner .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.beanbag {
    background: #FF243E;
}
/* 좌석 : bed ============================== */
/* 디폴트 */
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.bed {
    background-color: #B49C84
}

    .mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.bed .type1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 16px;
        background: url("../../Content/images/payment/icon_seatmask_bed.png") 0 0 no-repeat;
        background-size: 100%;
    }
/* 예매완료 */
.mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.bed {
    cursor: inherit;
    background: #fff;
    opacity: 0.5;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.bed .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 16px;
        background-color: #000;
        opacity: 0.5;
        z-index: 1;
    }
/* 선택불가 */
.mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .wrap_seatshape.bed .type1 {
    background: #000 url("../../Content/images/payment/icon_seatmask_bed_noselect.png") 0 0 no-repeat;
    background-size: 100%;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .wrap_seatshape.bed .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: -10%;
        width: 25px;
        height: 1px;
        background-color: #000;
        transform: rotate(143deg);
        opacity: 1
    }
/* 거리두기석 */
.mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.bed.Impossible {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 16px;
    background: #c28721 url(../../Content/images/icon/bg_no_select_distance.png) no-repeat center center;
    opacity: inherit;
    z-index: 9;
    font: 0 auto
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.bed.Impossible:before {
        background: #333;
        opacity: 0.25;
    }

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.bed.Impossible .type1:before {
        content: '';
        opacity: 0;
    }
/* 선택좌석  */
.mseat_inner .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.bed {
    background: #FF243E;
}
/* 좌석 : deluxe ============================== */
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.deluxe {
    background-color: #4C69A4
}
/* 디폴트 */
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.deluxe {
    background: #4C69A4 url("../../Content/images/payment/icon_seatmask_deluxe2.png") 0 0 no-repeat;
    background-size: 100%;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.deluxe .type1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 16px;
        background: url("../../Content/images/payment/icon_seatmask_deluxe.png") 0 0 no-repeat;
        background-size: 100%;
    }
/* 예매완료 */
.mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.deluxe {
    cursor: inherit;
    background: #fff;
    opacity: 0.5;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.deluxe .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 16px;
        background-color: #000;
        opacity: 0.5;
        z-index: 1;
    }
/* 선택불가 */
.mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .wrap_seatshape.deluxe .type1 {
    background: #000 url("../../Content/images/payment/icon_seatmask_deluxe_noselect.png") 0 0 no-repeat;
    background-size: 100%;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .wrap_seatshape.deluxe .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: -10%;
        width: 25px;
        height: 1px;
        background-color: #000;
        transform: rotate(143deg);
        opacity: 1
    }
/* 거리두기석 */
.mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.deluxe.Impossible {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 16px;
    background: #c28721 url(../../Content/images/icon/bg_no_select_distance.png) no-repeat center center;
    opacity: inherit;
    z-index: 9;
    font: 0 auto
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.deluxe.Impossible:before {
        background: #333;
        opacity: 0.25;
    }

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.deluxe.Impossible .type1:before {
        content: '';
        opacity: 0;
    }
/* 선택좌석  */
.mseat_inner .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.deluxe {
    background: #FF243E;
}
/* 좌석 : royal ============================== */
/* 디폴트 */
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.royal {
    background: #E3A84F url("../../Content/images/payment/icon_seatmask_royal2.png") 0 0 no-repeat;
    background-size: 100%;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.royal .type1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 16px;
        background: url("../../Content/images/payment/icon_seatmask_royal.png") 0 0 no-repeat;
        background-size: 100%;
    }
/* 예매완료 */
.mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.royal {
    cursor: inherit;
    background: #fff;
    opacity: 0.5;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.royal .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 16px;
        background-color: #000;
        opacity: 0.5;
        z-index: 1;
    }
/* 선택불가 */
.mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .wrap_seatshape.royal .type1 {
    background: #000 url("../../Content/images/payment/icon_seatmask_royal_noselect.png") 0 0 no-repeat;
    background-size: 100%;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .wrap_seatshape.royal .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: -10%;
        width: 25px;
        height: 1px;
        background-color: #000;
        transform: rotate(143deg);
        opacity: 1
    }
/* 거리두기석 */
.mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.royal.Impossible {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 16px;
    background: #c28721 url(../../Content/images/icon/bg_no_select_distance.png) no-repeat center center;
    opacity: inherit;
    z-index: 9;
    font: 0 auto
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.royal.Impossible:before {
        background: #333;
        opacity: 0.25;
    }

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.royal.Impossible .type1:before {
        content: '';
        opacity: 0;
    }
/* 선택좌석  */
.mseat_inner .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.royal {
    background: #FF243E;
}
/* 좌석 : cabin ============================== */
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.cabin {
    background-color: #7263B1
}

    .mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.cabin.private4 {
        background: #9B76B2;
    }

    .mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.cabin.private2 {
        background: #CB6BA8;
    }
    /* 디폴트 */
    .mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.cabin .type1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 16px;
        background: url("../../Content/images/payment/icon_seatmask_cabin.png") 0 0 no-repeat;
        background-size: 100%;
    }
/* 예매완료 */
.mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.cabin {
    cursor: inherit;
    background: #fff;
    opacity: 0.5;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.cabin .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 21px;
        height: 16px;
        background-color: #000;
        opacity: 0.5;
        z-index: 1;
    }
/* 선택불가 */
.mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .wrap_seatshape.cabin .type1 {
    background: #000 url("../../Content/images/payment/icon_seatmask_cabin_noselect.png") 0 0 no-repeat;
    background-size: 100%;
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.no_select:not(.disabled):not(.on) .wrap_seatshape.cabin .type1:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: -10%;
        width: 25px;
        height: 1px;
        background-color: #000;
        transform: rotate(143deg);
        opacity: 1
    }
/* 거리두기석 */
.mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.cabin.Impossible {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 16px;
    background: #c28721 url(../../Content/images/icon/bg_no_select_distance.png) no-repeat center center;
    opacity: inherit;
    z-index: 9;
    font: 0 auto
}

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.cabin.Impossible:before {
        background: #333;
        opacity: 0.25;
    }

    .mseat_inner .floor_bx .seat_area.new22 .sel.completed .wrap_seatshape.cabin.Impossible .type1:before {
        content: '';
        opacity: 0;
    }
/* 선택좌석  */
.mseat_inner .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.cabin {
    background: #FF243E;
}
/* 장애인석 */
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.handicapped {
    background: #427652;
    border-radius: 7px 7px 2px 0px;
}
/* sweet spot  ============================== */
.mseat_inner .floor_bx .seat_area .sel > .cine_couple.sweet_spot {
    background: #EF3D7B url("../../Content/images/payment/icon_seatmask_cinecouple_swsp.png") 0 0 no-repeat;
    background-size: 100%;
    line-height: 1.7;
}

.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.bed.sweet_spot {
    background: #B49C84 url("../../Content/images/payment/icon_seatmask_bed_swsp.png") 0 0 no-repeat;
    background-size: 100%;
}

.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.beanbag.sweet_spot {
    background: #5E908F url("../../Content/images/payment/icon_seatmask_beanbag2_swsp.png") 0 0 no-repeat;
    background-size: 100%;
}

.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.deluxe.sweet_spot {
    background: #4C69A4 url("../../Content/images/payment/icon_seatmask_deluxe2_swsp.png") 0 0 no-repeat;
    background-size: 100%;
    border: 0;
}

.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.royal.sweet_spot {
    background: #E3A84F url("../../Content/images/payment/icon_seatmask_royal2_swsp.png") 0 0 no-repeat;
    background-size: 100%;
}

.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.cabin.sweet_spot {
    background: url("../../Content/images/payment/icon_seatmask_cabin_swsp.png") 0 0 no-repeat;
    background-size: 100%;
}

.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.cabin.private4.sweet_spot {
    background: url("../../Content/images/payment/icon_seatmask_cabinpv4_swsp.png") 0 0 no-repeat;
    background-size: 100%;
}

.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.cabin.private2.sweet_spot {
    background: url("../../Content/images/payment/icon_seatmask_cabinpv2_swsp.png") 0 0 no-repeat;
    background-size: 100%;
}

.mseat_inner .floor_bx .seat_area .sel > .cine_couple.sweet_spot,
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.bed.sweet_spot,
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.beanbag.sweet_spot,
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.deluxe.sweet_spot,
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.royal.sweet_spot,
.mseat_inner .floor_bx .seat_area.new22 .sel .wrap_seatshape.cabin.sweet_spot {
    border: 0;
}
/* 좌석도_미니 : PC 적용안함 */
.smallScreenSeat .floor_bx .seat_area.new22 .sel .wrap_seatshape.beanbag {
    background: #5E908F url("../../Content/images/payment/icon_seatmask_beanbag2.png") 0 0 no-repeat;
    background-size: 100%;
}

.smallScreenSeat .floor_bx .seat_area.new22 .sel .wrap_seatshape.bed {
    background: #B49C84 url("../../Content/images/payment/icon_seatmask_bed.png") 0 0 no-repeat;
    background-size: 100%;
}

.smallScreenSeat .floor_bx .seat_area.new22 .sel .wrap_seatshape.deluxe {
    background: #4C69A4 url("../../Content/images/payment/icon_seatmask_deluxe2.png") 0 0 no-repeat;
    background-size: 100%;
}

.smallScreenSeat .floor_bx .seat_area.new22 .sel .wrap_seatshape.royal {
    background: #E3A84F url("../../Content/images/payment/icon_seatmask_royal2.png") 0 0 no-repeat;
    background-size: 100%;
}

.smallScreenSeat .floor_bx .seat_area.new22 .sel .wrap_seatshape.cabin {
    background: #7263B1 url("../../Content/images/payment/icon_seatmask_cabin.png") 0 0 no-repeat;
    background-size: 100%;
}

.smallScreenSeat .floor_bx .seat_area.new22 .sel .wrap_seatshape.handicapped {
    background: #427652
}

.smallScreenSeat .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.beanbag,
.smallScreenSeat .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.bed,
.smallScreenSeat .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.deluxe,
.smallScreenSeat .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.royal,
.smallScreenSeat .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.cabin,
.smallScreenSeat .floor_bx .seat_area.new22 .sel.on .wrap_seatshape.handicapped {
    background: #FF243E;
}

.smallScreenSeat .floor_bx .seat_area.new22 .sel .wrap_seatshape {
    width: 4px;
    height: 3px;
    color: #fff
}

.smallScreenSeat .floor_bx .seat_area.new22 .sel > em {
    display: block;
    color: #fff;
    font-size: 0;
    text-indent: -7000000em;
    border-radius: 1px 1px 0 0;
}
/* 범례  ============================== */
.seat_btm_box .seat_type_box span.seat_type21 {
    background: url('../../Content/images/icon/ic_seat_type21.png') no-repeat 0 4px;
}

.seat_btm_box .seat_type_box span.seat_type22 {
    background: url('../../Content/images/icon/ic_seat_type22.png') no-repeat 0 4px;
}

.seat_btm_box .seat_type_box span.seat_type23 {
    background: url('../../Content/images/icon/ic_seat_type23.png') no-repeat 0 4px;
}

.seat_btm_box .seat_type_box span.seat_type24 {
    background: url('../../Content/images/icon/ic_seat_type24.png') no-repeat 0 4px;
}

.seat_btm_box .seat_type_box span.seat_type25 {
    background: url('../../Content/images/icon/ic_seat_type25.png') no-repeat 0 4px;
}

.seat_btm_box .seat_type_box span.seat_type26 {
    background: url('../../Content/images/icon/ic_seat_type26.png') no-repeat 0 4px;
}

.seat_btm_box .seat_type_box span.seat_type27 {
    background: url('../../Content/images/icon/ic_seat_type27.png') no-repeat 0 4px;
}

.seat_btm_box .seat_type_box {
    width: 690px;
}
/* 팝업 : 좌석안내 */
.select_num_people_wrap.new22 .count_people > ul > li .btn_seatinfowrap {
    margin-left: 10px;
}

.select_num_people_wrap.new22 .count_people {
    width: 755px
}

.select_num_people_wrap.new22 .movie_infor {
    width: 320px
}
/* 롯시패스 이용약관 추가 및 탭형식 변경 */
#contents .tab_con .title_top.type2 {
    padding: 30px 0 25px;
    text-align: right
}

    #contents .tab_con .title_top.type2 select {
        height: 28px;
        margin-right: 8px;
        line-height: 28px;
        font-size: 13px;
        color: #000;
    }

#contents.area__movingbar.litype2 > .tit {
    padding: 30px 0 10px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #000;
    border-bottom: 1px solid #eee;
}
/* 수퍼플렉스 2022 */
.visual_special.superplex.new22 .special_txt {
    bottom: 220px;
    margin-left: -210px;
    text-align: center;
}

    .visual_special.superplex.new22 .special_txt > img {
        margin-bottom: 20px;
    }

    .visual_special.superplex.new22 .special_txt > p {
        font-size: 22px;
        font-weight: 600;
        padding: 0;
    }

.special_theater.superplex.new22 .tab_wrap.outer {
    padding-top: 110px
}

.special_theater.superplex.new22 .section.first {
    margin-bottom: 80px;
}

.special_theater.superplex.new22 .section .sec_tit .tit_primary {
    position: relative;
    margin-bottom: 30px
}

    .special_theater.superplex.new22 .section .sec_tit .tit_primary .desc1 {
        position: absolute;
        left: 190px;
        top: 20px;
        font-family: "Roboto";
        font-size: 72px;
        color: #C0BFBE;
        opacity: .2;
    }

    .special_theater.superplex.new22 .section .sec_tit .tit_primary .desc2 {
        font-size: 29px
    }

.special_theater.superplex.new22 .section .sec_tit .tit_secondary .desc1 {
    font-family: "Roboto";
    font-weight: 100
}

.special_theater.superplex.new22 .section .sec_imgbox980 {
    width: 980px
}

    .special_theater.superplex.new22 .section .sec_imgbox980 > img {
        width: 100%
    }

.special_theater.superplex.new22 .section.img_04 {
    margin-bottom: 90px;
}

.special_theater.superplex.new22 .section.img_05 {
    margin-bottom: 50px;
    text-align: center;
}

.special_theater.superplex.new22 .section.img_06 {
    margin-bottom: 0;
}

.special_theater.superplex.new22 .section .sec_tit .sec_content .desc1 {
    font-family: "Roboto";
    font-size: 16px
}

.gap35 {
    display: block;
    padding-top: 35px;
    font: 0 auto;
    text-indent: -999999em
}

.gap40 {
    display: block;
    padding-top: 40px;
    font: 0 auto;
    text-indent: -999999em
}

.gap45 {
    display: block;
    padding-top: 45px;
    font: 0 auto;
    text-indent: -999999em
}

.gap50 {
    display: block;
    padding-top: 50px;
    font: 0 auto;
    text-indent: -999999em
}

.gap100 {
    display: block;
    padding-top: 100px;
    font: 0 auto;
    text-indent: -999999em
}

.special_theater.superplex.new22 .section .wrap_seatinfo {
    display: flex;
    justify-content: center;
}

    .special_theater.superplex.new22 .section .wrap_seatinfo li {
        width: 290px;
        padding: 0 0 55px 55px;
        text-align: center;
        color: #000
    }

        .special_theater.superplex.new22 .section .wrap_seatinfo li:first-child {
            padding-left: 0;
        }

    .special_theater.superplex.new22 .section .wrap_seatinfo .tit {
        padding: 20px 0 10px;
        font-size: 26px;
        font-weight: bold
    }

    .special_theater.superplex.new22 .section .wrap_seatinfo .desc {
        font-size: 15px;
        line-height: 22px;
    }

.visual_special.superplex.new22 .visual_slide .swiper-slide .itm.img01 {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/3945972e3d4c4023864afceb65403fe9.jpg');
    background-size: auto 696px;
}

.visual_special.superplex.new22 .visual_slide .swiper-slide .itm.img02 {
    background-image: url('../../Content/images/movie/visual_special_superplex_04.jpg');
    background-size: auto 796px;
}

.visual_special.superplex.new22 .owl-carousel .item .itm.img01 {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/3945972e3d4c4023864afceb65403fe9.jpg');
    background-size: auto 696px;
}

.visual_special.superplex.new22 .owl-carousel .item .itm.img02 {
    background-image: url('../../Content/images/movie/visual_special_superplex_04.jpg');
    background-size: auto 796px;
}
/* 스토어 > 포토카드 출력 선택 영화관 팝업 */
.layer_select_print_cinema .cinema_select_wrap > ul {
    overflow-y: auto
}

.layer_wrap .layer_header .tit > img {
    vertical-align: middle;
}

/* 상영등급안내 이미지 변경 */
.txt_grade.gr_all:before,
.txt_grade.gr_12:before,
.txt_grade.gr_15:before,
.txt_grade.gr_18:before,
.txt_grade.gr_19:before,
.txt_grade.gr_non:before,
.txt_grade:before {
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 3px;
    margin-bottom: 3px;
}

.txt_grade.gr_all:before {
    background: #229c56 url("../../Content/images/common/grade_all.png") 0 0 no-repeat;
    background-size: 100%;
}

.txt_grade.gr_12:before {
    background: #e9b630 url("../../Content/images/common/grade_12.png") 0 0 no-repeat;
    background-size: 100%;
}

.txt_grade.gr_15:before {
    background: #dd7430 url("../../Content/images/common/grade_15.png") 0 0 no-repeat;
    background-size: 100%;
}

.txt_grade.gr_18:before {
    background: #d92b36 url("../../Content/images/common/grade_18.png") 0 0 no-repeat;
    background-size: 100%;
}

.txt_grade.gr_19:before {
    background: #CD1327 url("../../Content/images/common/pc_grade_19.png") 0 0 no-repeat;
    background-size: 100%;
}

.txt_grade.gr_non:before {
    background: #484848 url("../../Content/images/common/grade_non.png") 0 0 no-repeat;
    background-size: 100%;
}

.ic_grade.gr_all {
    background-color: transparent
}

.ic_grade.gr_12 {
    background-color: transparent
}

.ic_grade.gr_15 {
    background-color: transparent
}

.ic_grade.gr_18 {
    background-color: transparent
}

.ic_grade.gr_19 {
    background-color: transparent
}

.ic_grade.gr_non {
    background-color: transparent
}

    .ic_grade.gr_all:before,
    .ic_grade.gr_12:before,
    .ic_grade.gr_15:before,
    .ic_grade.gr_18:before,
    .ic_grade.gr_19:before,
    .ic_grade.gr_non:before,
    .ic_grade:before {
        content: "";
        display: block;
        width: 22px;
        height: 22px;
        border-radius: 3px
    }

.ic_grade.gr_all:before {
    background: #229c56 url("../../Content/images/common/grade_all.png") 0 0 no-repeat;
    background-size: 100%;
}

.ic_grade.gr_12:before {
    background: #e9b630 url("../../Content/images/common/grade_12.png") 0 0 no-repeat;
    background-size: 100%;
}

.ic_grade.gr_15:before {
    background: #dd7430 url("../../Content/images/common/grade_15.png") 0 0 no-repeat;
    background-size: 100%;
}

.ic_grade.gr_18:before {
    background: #d92b36 url("../../Content/images/common/grade_18.png") 0 0 no-repeat;
    background-size: 100%;
}

.ic_grade.gr_19:before {
    background: #CD1327 url("../../Content/images/common/pc_grade_19.png") 0 0 no-repeat;
    background-size: 100%;
}

.ic_grade.gr_non:before {
    background: #484848 url("../../Content/images/common/grade_non.png") 0 0 no-repeat;
    background-size: 100%;
}

.detail_top_wrap.new22 .ic_grade:before {
    margin: 7px 0 0 7px;
}

.seat_infor_sum .group_btm .txt_notice.gr_all strong {
    border-bottom: 1px solid #229c56;
    color: #229c56;
}

.seat_infor_sum .group_btm .txt_notice.gr_12 strong {
    border-bottom: 1px solid #e9b630;
    color: #e9b630;
}

.seat_infor_sum .group_btm .txt_notice.gr_15 strong {
    border-bottom: 1px solid #dd7430;
    color: #dd7430;
}

.seat_infor_sum .group_btm .txt_notice.gr_18 strong {
    border-bottom: 1px solid #d92b36;
    color: #d92b36;
}

.seat_infor_sum .group_btm .txt_notice.gr_19 strong {
    border-bottom: 1px solid #CD1327;
    color: #CD1327;
}

.seat_infor_sum .group_btm .txt_notice.gr_non strong {
    border-bottom: 1px solid #484848;
    color: #484848;
}

/* 영화관 스페셜관 수퍼플렉스 팝업 실사 이미지  */
.slide_wrap.slide_special_superflexpop .bx_ctrl {
    bottom: 19px;
    margin-left: 17px;
}

    .slide_wrap.slide_special_superflexpop .bx_ctrl .stop {
        margin-left: 10px;
    }

.slide_special_superflexpop {
    width: 100%;
    text-align: center;
}

    .slide_special_superflexpop .owl-carousel {
        margin: 20px 10px 0
    }

        .slide_special_superflexpop .owl-carousel .owl-dots {
            bottom: 15px
        }

            .slide_special_superflexpop .owl-carousel .owl-dots .owl-dot span {
                background-color: #fff;
            }

    .slide_special_superflexpop .item > img {
        width: 451px;
        border-radius: 10px;
    }

.special_theater.superplex.new22 .section .seat_info .seatinfobtn {
    animation: scaleInOut 2s infinite cubic-bezier(.36, .11, .89, .32);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 30px;
    transform-origin: center
}

    .special_theater.superplex.new22 .section .seat_info .seatinfobtn:hover {
        border: 5px solid rgba(255,255,255,.4);
        border-radius: 30px;
        margin-left: -4px;
        margin-top: -4px;
        transition: all .3s;
    }

@keyframes scaleInOut {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(0.8)
    }

    60% {
        transform: scale(1)
    }

    90% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

a.txt_underline {
    text-decoration: underline;
}

.font16 {
    font-size: 16px;
}

.wordbreak_keepall {
    word-break: keep-all;
}

.ic_grade.bigsize {
    width: 60px;
    height: 60px;
}

.ic_grade.gr_18.bigsize:before {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    background: #d92b36 url("../../Content/images/common/gradebig_18.png") 0 0 no-repeat;
    background-size: 100%;
}

.ic_grade.gr_19.bigsize:before {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    background: #CD1327 url("../../Content/images/common/pc_gradebig_19.png") 0 0 no-repeat;
    background-size: 100%;
}

.layer_alert .btn_wrap > a.pointcolor {
    color: #fff;
    background-color: #FF243E;
}

    .layer_alert .btn_wrap > a.pointcolor:after {
        background: #f96279
    }

.ratedrinfo {
    text-align: center;
    line-height: 20px;
}

    .ratedrinfo .tit {
        font-size: 15px
    }

    .ratedrinfo .desc {
        padding-top: 20px;
        font-size: 13px;
    }

/* 분기회원제(VIP) 승급 기준 개편 202305 */
.area_gauge .gauge {
    width: 0;
    transition: all .5s ease-in-out;
}

#contents.contents_mypage.new2023:before {
    height: 235px;
    background: linear-gradient(135deg, rgba(255,36,62,1) 0%, rgba(237,82,231,1) 100%);
    opacity: .7
}

.contents_mypage.new2023 .my_theater .btn_setup {
    top: 31px
}

.contents_mypage.new2023 .my_info {
    padding-top: 62px;
    text-align: center
}

.contents_mypage.new2023 .mygrade {
    color: #AFAFAF;
    font-weight: bold;
    border-bottom: 1px solid #AFAFAF
}

.contents_mypage.new2023 .my_info .profile_set {
    right: 30px;
    top: 62px;
}

.contents_mypage.new2023 .my_info .next_rank > p {
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    color: #fff;
    font-size: 14px;
    background: linear-gradient(90deg, rgba(255,36,62,1) 0%, rgba(217,120,250,1) 100%);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.contents_mypage.new2023 .my_info .next_rank {
    padding: 40px 0 0
}

    .contents_mypage.new2023 .my_info .next_rank > p em {
        padding-top: 2px;
        color: #fff;
        font-size: 14px
    }

.contents_mypage.new2023 .mypage_box {
    min-height: 305px
}

    .contents_mypage.new2023 .mypage_box .btn_wrap {
        border-top: 0;
    }

    .contents_mypage.new2023 .mypage_box .btn_wrap {
        bottom: initial;
    }

.contents_mypage.new2023 .bx_grade {
    padding: 0 55px;
    margin-top: -6px;
}

.contents_mypage.new2023 .area_gauge::after {
    height: 0;
}

.contents_mypage.new2023 .my_theater {
    padding: 30px 0
}

    .contents_mypage.new2023 .my_theater > .tit {
        font-size: 15px
    }

.gaugebox {
    position: relative;
}

    .gaugebox:after {
        content: '';
        display: block;
        position: relative;
        left: 0;
        top: -17px;
        height: 2px;
        background-color: #DDDDDD;
    }

    .gaugebox .gauge {
        position: relative;
        width: 0;
        height: 6px;
        background: linear-gradient(90deg, rgba(255,36,62,1) 0%, rgba(217,120,250,1) 100%);
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        z-index: 1;
        transition: all .5s ease-in;
    }

        .gaugebox .gauge.common:before,
        .gaugebox .gauge.vipstarter:before,
        .gaugebox .gauge.vip:before,
        .gaugebox .gauge.vvip:before,
        .gaugebox .gauge.vipgold:before,
        .gaugebox .gauge.vipplatinum:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            margin: -12px -12px 0 0;
            width: 24px;
            height: 24px;
        }

        .gaugebox .gauge.common:before {
            background: url("../../Content/images/icon/icon_grade_common.svg") 0 0 no-repeat;
            background-size: 100%;
        }

        .gaugebox .gauge.vipstarter:before {
            background: url("../../Content/images/icon/icon_grade_vipstarter.svg") 0 0 no-repeat;
            background-size: 100%;
        }

        .gaugebox .gauge.vip:before {
            background: url("../../Content/images/icon/icon_grade_vip.svg") 0 0 no-repeat;
            background-size: 100%;
        }

        .gaugebox .gauge.vvip:before {
            background: url("../../Content/images/icon/icon_grade_vvip.svg") 0 0 no-repeat;
            background-size: 100%;
        }

        .gaugebox .gauge.vipgold:before {
            background: url("../../Content/images/icon/icon_grade_vipgold.svg") 0 0 no-repeat;
            background-size: 100%;
        }

        .gaugebox .gauge.vipplatinum:before {
            background: url("../../Content/images/icon/icon_grade_vipplatinum.svg") 0 0 no-repeat;
            background-size: 100%;
        }

    .gaugebox .gradebox {
        position: relative;
        display: inline-flex;
        justify-content: space-around;
        width: 100%;
    }

        .gaugebox .gradebox li {
            position: absolute;
            top: 3px;
            width: 50%;
            font-size: 12px;
            color: #666;
            text-align: center;
        }

        .gaugebox .gradebox.type3 li {
            width: 33.3%
        }

        .gaugebox .gradebox.type4 li {
            width: 25%
        }

            .gaugebox .gradebox.type4 li:nth-child(2) {
                left: 22%
            }

            .gaugebox .gradebox.type4 li:nth-child(3) {
                left: 56%
            }

        .gaugebox .gradebox.type5 li {
            width: 20%
        }

            .gaugebox .gradebox.type5 li:nth-child(2) {
                left: 15%
            }

            .gaugebox .gradebox.type5 li:nth-child(3) {
                left: 40%
            }

            .gaugebox .gradebox.type5 li:nth-child(4) {
                left: 65%
            }

        .gaugebox .gradebox li em {
            font-family: "Roboto"
        }

        .gaugebox .gradebox li:first-child {
            left: -7px;
            text-align: left
        }

        .gaugebox .gradebox li:last-child {
            right: -14px;
            text-align: right;
        }

        .gaugebox .gradebox li:before {
            content: '';
            display: block;
            position: absolute;
            top: -15px;
            left: 50%;
            margin: -6px -3px -3px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #ddd;
        }

        .gaugebox .gradebox li:first-child:before {
            left: 10px
        }

        .gaugebox .gradebox li:last-child:before {
            right: 16px;
            left: auto;
        }

.my_theaterevent {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    .my_theaterevent .tit {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 150px;
        font-size: 13px;
        color: #000
    }

    .my_theaterevent .desc {
        font-family: "Roboto";
        font-size: 11px;
        color: #999
    }

.clubareainfo {
    margin: 25px 0 0;
    padding: 30px 2px 0;
    border-top: 1px solid #E8E8E8;
}

    .clubareainfo .list {
        display: inline-flex;
        justify-content: space-around;
        width: 100%;
        text-align: center;
        gap: 4px;
    }

        .clubareainfo .list span {
            display: block;
            width: 74px;
            height: 25px;
            margin-bottom: 15px;
            text-indent: -999999em;
        }

        .clubareainfo .list .lotci {
            background: url("../../Content/images/member/txt_lotcilogo_off.svg") 0 0 no-repeat;
            background-size: 100%
        }

        .clubareainfo .list .couple {
            background: url("../../Content/images/member/txt_couplelogo_off.svg") 0 0 no-repeat;
            background-size: 100%
        }

        .clubareainfo .list .teen {
            background: url("../../Content/images/member/txt_teenlogo_off.svg") 0 0 no-repeat;
            background-size: 100%
        }

        .clubareainfo .list .bravo {
            background: url("../../Content/images/member/txt_bravologo_off.svg") 0 0 no-repeat;
            background-size: 100%
        }

        .clubareainfo .list .active .lotci {
            background: url("../../Content/images/member/txt_lotcilogo_on.svg") 0 0 no-repeat;
            background-size: 100%
        }

        .clubareainfo .list .active .couple {
            background: url("../../Content/images/member/txt_couplelogo_on.svg") 0 0 no-repeat;
            background-size: 100%
        }

        .clubareainfo .list .active .teen {
            background: url("../../Content/images/member/txt_teenlogo_on.svg") 0 0 no-repeat;
            background-size: 100%
        }

        .clubareainfo .list .active .bravo {
            background: url("../../Content/images/member/txt_bravologo_on.svg") 0 0 no-repeat;
            background-size: 100%
        }

.btn_col21 {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #707070;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    height: 20px;
    line-height: 18px;
    padding: 0 8px;
}

    .btn_col21.rnd {
        border-radius: 52px;
    }

    .btn_col21.ty1 {
        border-color: #707070;
        color: #000;
    }

    .btn_col21.ty2 {
        border-color: #DE6EE3;
        color: #DE6EE3;
    }

.contents_mypage.new2023 .nomember_box {
    margin: 30px 40px;
    padding: 60px 0;
}

.contents_mypage.new2023 .theater_box li.add a {
    color: #999
}

/* 메인 박스오피스 UI 개선 */
.main_movie_list.new23 .item .btm_info .tit_info .ic_grade,
.movie_list li .btm_info .tit_info .ic_grade {
    padding-right: 6px;
}

.main_movie_list.new23 .item .btm_info .sub_info1 .time {
    position: relative;
    padding-left: 15px;
}

    .main_movie_list.new23 .item .btm_info .sub_info1 .time:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 12px;
        height: 12px;
        background: url("../../Content/images/icon/icon_clock.svg") 0 0 no-repeat;
        background-size: 100%;
    }

.main_movie_list.new23 .item .btm_info .sub_info1 .dday {
    position: relative;
    padding-left: 7px;
    margin-left: 6px;
}

    .main_movie_list.new23 .item .btm_info .sub_info1 .dday:before {
        content: '';
        position: absolute;
        top: 1px;
        left: 0;
        display: block;
        width: 1px;
        height: 10px;
        background: #E8E8E8;
        opacity: .7;
    }

.innerfull {
    width: 100%
}

    .innerfull.gray {
        background: #F8F8F8
    }

.inner980 {
    width: 980px;
    margin: 0 auto;
}

    .inner980 .movi_tab_info1 {
        padding: 50px 0;
        margin-top: -30px;
    }

#contents_new23 {
    margin-top: 90px;
}

    #contents_new23 .detail_top_wrap {
        min-height: 460px;
        padding-left: 363px;
    }

        #contents_new23 .detail_top_wrap .poster_info {
            top: -30px;
            width: 316px;
            height: 468px;
        }

            #contents_new23 .detail_top_wrap .poster_info img {
                border-radius: 20px;
            }

            #contents_new23 .detail_top_wrap .poster_info .spacial_hall {
                position: absolute;
                bottom: 20px;
                left: 20px;
            }

                #contents_new23 .detail_top_wrap .poster_info .spacial_hall li {
                    padding-top: 5px;
                }

                    #contents_new23 .detail_top_wrap .poster_info .spacial_hall li img {
                        border-radius: 0;
                    }

    #contents_new23 .contents_movie_detail .tit_info {
        margin-bottom: 10px;
        padding-top: 10px;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -2px; /*height:84px;  overflow: hidden; white-space: normal; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/
    }

.innerfull .no_data {
    padding: 110px 0 140px;
    background: #F8F8F8;
    text-align: center;
    color: #999;
    font-size: 19px;
}

.mov_info1 li {
    display: inline-block;
    position: relative;
    padding-left: 12px;
    margin-left: 12px;
    font-size: 18px
}

    .mov_info1 li:first-child {
        margin-left: 0;
        padding-left: 0;
    }

        .mov_info1 li:first-child:before {
            width: 0
        }

    .mov_info1 li:before {
        content: '';
        display: block;
        width: 1px;
        height: 15px;
        background: #000;
        opacity: .7;
        position: absolute;
        top: 4px;
        left: 0;
    }

    .mov_info1 li .roboto {
        font-size: 20px;
        font-weight: 600;
    }

.roboto {
    font-family: "Roboto"
}

.grade_txt.gr_non {
    color: #484848;
}

.grade_txt.gr_all {
    color: #229c56;
}

.grade_txt.gr_12 {
    color: #FFA200;
}

.grade_txt.gr_15 {
    color: #dd7430;
}

.grade_txt.gr_18 {
    color: #d92b36;
}

.grade_txt.gr_19 {
    color: #CD1327;
}

.mov_info2 {
    margin-top: 50px;
}

    .mov_info2 li {
        display: inline-block;
        margin-right: 8px;
    }

.icon_trailerplay {
    display: inline-block;
    width: 8.5px;
    height: 13px;
    background: url("../../Content/images/icon/icon_trailerplay.svg") 0 0 no-repeat;
    background-size: 100%;
}

.btn_trailer .icon_trailerplay {
    margin-right: 6px;
}

.btn_trailer {
    display: inline-block;
    box-sizing: border-box;
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    border: 1px solid #000;
    border-radius: 50px;
    background-color: #fff;
    color: #000;
    font-size: 19px;
    text-align: center;
    vertical-align: middle;
}

.btn_icon_wish {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 88px;
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    border: 1px solid #000;
    border-radius: 50px;
    background-color: #fff;
    color: #000;
    font-size: 19px;
    text-align: center;
    vertical-align: middle;
}

.icon_wishheart {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 22px;
    height: 18px;
    background: url("../../Content/images/icon/heart_bdr_black_off.svg") no-repeat 0 0;
    border: none;
    font: 0 auto;
    text-indent: -999999em
}

.btn_icon_wish.active .icon_wishheart {
    background: url("../../Content/images/icon/heart_bdr_black_on.svg") no-repeat 0 0;
}

.btn_icon_wish em {
    padding-left: 5px;
    font-family: "Roboto";
    font-size: 12px
}

.btn_icon_share {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #000;
    border-radius: 50px;
    background-color: #fff;
    color: #000;
    font: 0 auto;
    text-align: center;
    vertical-align: middle;
}

.icon_share {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../../Content/images/icon/btn_icon_share.svg") 0 0 no-repeat;
}

.icon_clock_black {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../../Content/images/icon/icon_clock_black.svg") 0 0 no-repeat;
    margin-right: 3px;
    transform: translateY(3px);
}

.txtarea_box.movdetailtxt {
    margin: 20px 0 27px
}

    .txtarea_box.movdetailtxt .txtarea {
        overflow-y: scroll;
        height: 115px;
        line-height: 1.6;
        font-size: 18px;
        border: 0;
        padding: 0 20px 0 0;
    }

#contents_new23 .detail_top_wrap .btn_col1.ty7.rnd.movreservation {
    width: 323px;
    height: 60px;
    line-height: 58px;
    font-size: 24px;
    border-radius: 60px;
}

#contents_new23 .tit_info.type1 {
    font-size: 26px;
    z-index: 2;
}

    #contents_new23 .tit_info.type1 em {
        font-family: "Roboto";
        font-size: 17px;
        opacity: .8;
    }

.inner980 .movi_tab_info1 .detail_info2 {
    color: #191919;
    font-size: 21px
}

    .inner980 .movi_tab_info1 .detail_info2 li {
        position: relative;
        margin-top: 12px;
        padding-left: 10px;
        line-height: 32px;
    }

        .inner980 .movi_tab_info1 .detail_info2 li:before {
            content: '';
            display: block;
            width: 3px;
            height: 3px;
            border-radius: 100%;
            background: #7c7c7c;
            position: absolute;
            top: 15px;
            left: 0;
        }

        .inner980 .movi_tab_info1 .detail_info2 li:first-child {
            margin-top: 20px;
        }

    .inner980 .movi_tab_info1 .detail_info2 em {
        padding-right: 10px;
        color: #7c7c7c;
    }

    .inner980 .movi_tab_info1 .detail_info2 .line_type a {
        border-bottom: 1px solid #181818;
        word-break: keep-all;
    }

#contents_new23 .movi_tab_info2 .slide_movie_detail_trailer .item strong {
    text-align: left;
}

.stillcut_list {
    position: relative;
    margin-bottom: 30px;
}

    .stillcut_list .gridlist {
        margin-top: 20px;
    }

        .stillcut_list .gridlist .gridlist_item {
            width: 321px;
            padding-bottom: 8px;
        }

            .stillcut_list .gridlist .gridlist_item a {
                display: block;
                width: 100%;
            }

                .stillcut_list .gridlist .gridlist_item a img {
                    width: 100%;
                    border-radius: 8px;
                    box-shadow: 0px 0px 0px rgba(0,0,0,.2);
                }

.layer_stillcut_view {
    display: none;
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 400;
    width: 100%;
    height: 100%;
    min-height: 400px;
    background: rgba(0,0,0,.8);
}

    .layer_stillcut_view.active {
        display: block
    }

    .layer_stillcut_view .view_item {
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        width: 100%;
        height: 100vh;
        margin-top: -50px;
    }

        .layer_stillcut_view .view_item .cell {
            width: 100%;
            height: 640px;
            text-align: center;
            vertical-align: middle;
        }

            .layer_stillcut_view .view_item .cell a {
                display: block;
            }

                .layer_stillcut_view .view_item .cell a img {
                    max-height: 640px;
                }

.movdetailsteelcut_slide {
    text-align: center;
}

.layer_wrap.darktype {
    background-color: transparent
}

    .layer_wrap.darktype .layer_contents {
        padding: 40px 0;
        margin: 0 -10px;
    }

        .layer_wrap.darktype .layer_contents .btn_close {
            position: absolute;
            right: 50%;
            top: 0;
            width: 32px;
            height: 32px;
            margin-right: -16px;
            border: none;
            text-indent: -9999em;
            background: transparent url("../../Content/images/icon/close_white32.png") no-repeat center center;
            background-size: 80%;
        }

    .layer_wrap.darktype .movdetailsteelcut_slide .swiper-button-prev, .layer_wrap.darktype .movdetailsteelcut_slide .swiper-button-next {
        width: 64px;
        height: 64px;
        background-size: 100%
    }

    .layer_wrap.darktype .movdetailsteelcut_slide .swiper-button-prev, .layer_wrap.darktype .movdetailsteelcut_slide .swiper-container-rtl .swiper-button-next {
        background-image: url("../../Content/images/icon/icon_swiperarrow_left.png");
        left: 10px;
        right: auto;
    }

    .layer_wrap.darktype .movdetailsteelcut_slide .swiper-button-next, .layer_wrap.darktype .movdetailsteelcut_slide .swiper-container-rtl .swiper-button-prev {
        background-image: url("../../Content/images/icon/icon_swiperarrow_right.png");
        right: 10px;
        left: auto;
    }

    .layer_wrap.darktype .movdetailsteelcut_slide .swiper-slide > img {
        max-width: 820px;
        width: auto;
        box-shadow: 0px 3px 10px rgba(0,0,0,.8);
        vertical-align: middle;
    }

    .layer_wrap.darktype .movdetailsteelcut_slide .swiper-wrapper {
        align-items: center;
    }

.tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type1 {
    text-align: center;
}

    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type1 .txt_info {
        padding: 74px 0 23px;
        color: #000;
        font-size: 19px
    }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type1 .txt_info .num {
            color: #000;
            font-family: "Roboto";
        }

    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type1 .btn_col2.ty7 {
        width: 380px;
        height: 50px;
        margin-bottom: 35px;
    }

.tab_wrap.outer.new22 .movi_review_list .review_con_list.type1 .top_info .btn_ic_good {
    position: absolute;
    top: 0;
    right: 10px;
}

    .tab_wrap.outer.new22 .movi_review_list .review_con_list.type1 .top_info .btn_ic_good.active em {
        background: url("../../Content/images/icon/ic_review_goodred_on.png") no-repeat center center;
    }

.tab_wrap.outer.new22 .movi_review_list .review_con_list.type1 .top_info .txt_ic_score .date {
    display: inline-block;
    font-family: "Roboto";
    font-size: 14px;
}

.review_con_list.type1 > li .img_info, .review_con_list.type1 > li .img_info img {
    border-radius: 0
}

.review_con_list.type1 .review_info {
    padding-bottom: 5px;
    font-size: 15px
}

.review_con_list.type1 .txt_cpn2.ty3.active {
    border-color: #FF243E;
    background-color: #FF243E;
}

#contents_new23 .list_bdr_box {
    margin-top: 60px;
}

#contents_new23 .movi_review_box, #contents_new23 .movi_review_box .btn_submit {
    height: 119px;
    margin-bottom: 20px;
}

    #contents_new23 .movi_review_box .review_write_box textarea {
        height: 100px
    }

.tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 {
    position: relative;
    margin-top: 30px;
    padding-top: 70px;
}

    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .txt_info {
        padding: 17px 0 34px;
        color: #000;
        font-size: 19px
    }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .txt_info .num {
            color: #000;
            font-family: "Roboto";
        }

    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1 {
        background: url("../../Content/images/icon/ico_star64_off.png") no-repeat 0 0;
        background-size: auto 100%;
        width: 32px;
        height: 62px;
        float: left;
        cursor: pointer;
        padding: 0;
    }

    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2 {
        background: url("../../Content/images/icon/ico_star64_off.png") no-repeat 100% 0;
        background-size: auto 100%;
        width: 32px;
        height: 62px;
        float: left;
        cursor: pointer;
        padding: 0;
    }

    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1.on {
        background: url("../../Content/images/icon/ico_star64_on.png") no-repeat 0 0;
        background-size: auto 100%;
        width: 32px;
        height: 62px;
    }

    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2.on {
        background: url("../../Content/images/icon/ico_star64_on.png") no-repeat 100% 0;
        background-size: auto 100%;
        width: 32px;
        height: 62px;
    }

    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .star {
        margin-right: 0;
    }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .star.starR2 {
            margin-right: 10px;
        }

    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1,
    .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2 {
        position: absolute;
        top: -4px;
        left: 50%;
    }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1.pos1,
        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2.pos1,
        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1.pos5,
        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2.pos5 {
            top: 82px;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1.pos2,
        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2.pos2,
        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1.pos4,
        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2.pos4 {
            top: 21px;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1.pos1 {
            margin-left: -162px;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2.pos1 {
            margin-left: -130px;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1.pos2 {
            margin-left: -117px;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2.pos2 {
            margin-left: -85px;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1.pos3 {
            margin-left: -30px;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2.pos3 {
            margin-left: 0;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1.pos4 {
            margin-left: 50px;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2.pos4 {
            margin-left: 82px;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR1.pos5 {
            margin-left: 100px;
        }

        .tab_wrap.outer.new22 .wrap_reviewstarscore .star_score_box.type2 .star_rate.type5 .starR2.pos5 {
            margin-left: 132px;
        }

.movie_list li .btm_info .sub_info1 .dday {
    padding-left: 8px;
    font-weight: 600
}

    .movie_list li .btm_info .sub_info1 .dday:before {
        background: #d9d9d9;
    }

.contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info dd .dday {
    position: relative;
    padding-left: 8px;
    font-weight: 600
}

    .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info dd .dday:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 9px;
        background: #d9d9d9;
        position: absolute;
        top: 6px;
        left: 0;
    }

.movi_tab_info2 .slide_movie_detail_trailer .owl-carousel .item a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 49px;
    height: 54px;
    margin: -44px 0 0 -24px;
    padding: 0;
    font: 0/0 a;
    border: 0;
    background-image: url("../images/main/btn_main_visual_play.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: rgba(255,255,255,0);
    cursor: pointer;
}
/* 영화관람료 소득공제 적용 : 포토카드 2023.06 */
.addprodlistwrap .pay_movie_infor.type1 {
    display: flex;
    position: relative;
    min-height: 80px;
    padding: 8px 12px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
}

    .addprodlistwrap .pay_movie_infor.type1 .tit {
        font-size: 15px;
    }

    .addprodlistwrap .pay_movie_infor.type1 .between_txt.type1 {
        line-height: 1.5;
    }
/* 틴틴브라보클럽 페이지 만 나이 적용 수정 2023.06 */
.pos_relative {
    position: relative;
}

.linkbravo_faq {
    position: absolute;
    left: 395px;
    bottom: 84px;
    width: 191px;
    height: 57px;
    font: 0 auto;
}

.linkteen_faq {
    position: absolute;
    left: 395px;
    bottom: 84px;
    width: 191px;
    height: 57px;
    font: 0 auto;
}
/* 러닝타임 추가 */
.movie_list li .btm_info .sub_info1 .time.blacktype {
    position: relative;
    padding-left: 15px;
    font-weight: 600;
}

    .movie_list li .btm_info .sub_info1 .time.blacktype:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 12px;
        height: 12px;
        background: url("../../Content/images/icon/icon_clock_black.svg") 0 0 no-repeat;
        background-size: 100%;
    }

.movie_select_wrap.thm ul > li > a .time.blacktype {
    position: relative;
    padding-left: 15px;
    font-weight: 600;
    line-height: 18px;
}

    .movie_select_wrap.thm ul > li > a .time.blacktype:before {
        content: '';
        position: absolute;
        top: 4px;
        left: 0;
        display: block;
        width: 12px;
        height: 12px;
        background: url("../../Content/images/icon/icon_clock_black.svg") 0 0 no-repeat;
        background-size: 100%;
    }

.movie_select_wrap.thm ul > li > a .expired {
    position: relative;
    margin-left: 8px;
    padding-left: 10px;
    color: #ED4C6B;
    font-family: "Roboto";
    font-size: 11px;
}

    .movie_select_wrap.thm ul > li > a .expired:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 2px;
        left: 0;
        width: 1px;
        height: 8px;
        background: #B2B2B2
    }

.movie_select_wrap.thm ul > li .group_infor dl .txt_ic_score em {
    margin-top: -7px;
}

.my_movie_list .detail_info.ty1 > .remain_info + .txt_lastday {
    font-size: 14px;
}

.my_movie_list .detail_info.ty1 > .remain_info {
    position: relative;
    padding-left: 10px;
    font-family: "Roboto";
    font-size: 14px;
    color: #ED4C6B;
}

    .my_movie_list .detail_info.ty1 > .remain_info:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 4px;
        left: 0;
        width: 1px;
        height: 8px;
        background: #B2B2B2
    }

    .my_movie_list .detail_info.ty1 > .noline,
    .my_movie_list .detail_info.ty1 > .remain_info.noline {
        padding-left: 0;
    }

        .my_movie_list .detail_info.ty1 > .noline:before,
        .my_movie_list .detail_info.ty1 > .remain_info.noline:before {
            width: 0
        }

.my_movie_list .detail_info.ty1 > .time.blacktype {
    position: relative;
    padding-left: 17px;
    font-weight: 600;
    font-size: 14px
}

    .my_movie_list .detail_info.ty1 > .time.blacktype:before {
        content: '';
        position: absolute;
        top: 1px;
        left: 0;
        display: block;
        width: 14px;
        height: 14px;
        background: url("../../Content/images/icon/icon_clock_black.svg") 0 0 no-repeat;
        background-size: 100%;
    }

.contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info dd .time.blacktype {
    position: relative;
    padding-left: 15px;
    font-weight: 600;
}

    .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info dd .time.blacktype.blacktype:before {
        content: '';
        position: absolute;
        top: 5px;
        left: 0;
        display: block;
        width: 12px;
        height: 12px;
        background: url("../../Content/images/icon/icon_clock_black.svg") 0 0 no-repeat;
        background-size: 100%;
    }

.contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info dd .remain_info {
    position: relative;
    padding-left: 8px;
    font-family: "Roboto";
    color: #ED4C6B;
}

    .contents_theater_detail .theater_top_wrap .rcm_wrap .rcm_txt_wrap .rcm_info dd .remain_info:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 9px;
        background: #d9d9d9;
        position: absolute;
        top: 3px;
        left: 0;
    }

.movi_tab_info2 .slide_movie_detail_trailer .item img {
    border-radius: 8px;
}
/* 영화 상세 추가 개발 */
#layerMovieTrailer.layer_wrap .layer_header .btn_close {
    top: 8px
}

.content.darktype .tab_inner_wrap.new22 .tab_inner_tit.ty3 > ul > li a span.empathy:before {
    height: 1.4rem;
}
/* 팝업창 관람평 별점 */
.layer_wrap.active.layer_reg_review {
    width: 690px
}

.layer_contents .review_write .tit_movie {
    margin-bottom: 50px;
}

.layer_contents .review_write .star_rate {
    margin: 0
}

.layer_contents .star_score_box.type2 {
    position: relative;
    margin-top: 5px;
    padding: 60px 0 0;
}

    .layer_contents .star_score_box.type2 .txt_info {
        padding: 17px 0 34px;
        color: #000;
        font-size: 19px
    }

        .layer_contents .star_score_box.type2 .txt_info .num {
            color: #000;
            font-family: "Roboto";
        }

    .layer_contents .star_score_box.type2 .star_rate.type5 .starR1 {
        background: url("../../Content/images/icon/ico_star64_off.png") no-repeat 0 0;
        background-size: auto 100%;
        width: 32px;
        height: 62px;
        float: left;
        cursor: pointer;
        padding: 0;
    }

    .layer_contents .star_score_box.type2 .star_rate.type5 .starR2 {
        background: url("../../Content/images/icon/ico_star64_off.png") no-repeat 100% 0;
        background-size: auto 100%;
        width: 32px;
        height: 62px;
        float: left;
        cursor: pointer;
        padding: 0;
    }

    .layer_contents .star_score_box.type2 .star_rate.type5 .starR1.on {
        background: url("../../Content/images/icon/ico_star64_on.png") no-repeat 0 0;
        background-size: auto 100%;
        width: 32px;
        height: 62px;
    }

    .layer_contents .star_score_box.type2 .star_rate.type5 .starR2.on {
        background: url("../../Content/images/icon/ico_star64_on.png") no-repeat 100% 0;
        background-size: auto 100%;
        width: 32px;
        height: 62px;
    }

    .layer_contents .star_score_box.type2 .star_rate.type5 .star {
        margin-right: 0;
    }

        .layer_contents .star_score_box.type2 .star_rate.type5 .star.starR2 {
            margin-right: 10px;
        }

    .layer_contents .star_score_box.type2 .star_rate.type5 .starR1,
    .layer_contents .star_score_box.type2 .star_rate.type5 .starR2 {
        position: absolute;
        top: -4px;
        left: 50%;
    }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR1.pos1,
        .layer_contents .star_score_box.type2 .star_rate.type5 .starR2.pos1,
        .layer_contents .star_score_box.type2 .star_rate.type5 .starR1.pos5,
        .layer_contents .star_score_box.type2 .star_rate.type5 .starR2.pos5 {
            top: 82px;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR1.pos2,
        .layer_contents .star_score_box.type2 .star_rate.type5 .starR2.pos2,
        .layer_contents .star_score_box.type2 .star_rate.type5 .starR1.pos4,
        .layer_contents .star_score_box.type2 .star_rate.type5 .starR2.pos4 {
            top: 21px;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR1.pos1 {
            margin-left: -162px;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR2.pos1 {
            margin-left: -130px;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR1.pos2 {
            margin-left: -117px;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR2.pos2 {
            margin-left: -85px;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR1.pos3 {
            margin-left: -30px;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR2.pos3 {
            margin-left: 0;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR1.pos4 {
            margin-left: 50px;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR2.pos4 {
            margin-left: 82px;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR1.pos5 {
            margin-left: 100px;
        }

        .layer_contents .star_score_box.type2 .star_rate.type5 .starR2.pos5 {
            margin-left: 132px;
        }

.movi_tab_info2 .slide_movie_detail_trailer .owl-nav .owl-prev {
    width: 20px;
    right: 25px;
    background: url(../images/icon/arr_lf_black_11.png) no-repeat center center;
    opacity: 1;
}

.movi_tab_info2 .slide_movie_detail_trailer .owl-nav .owl-next {
    width: 20px;
    right: 0;
    background: url(../images/icon/arr_rg_black_11.png) no-repeat center center;
    opacity: 1;
}

.movi_tab_info2 .slide_movie_detail_trailer .owl-carousel .owl-nav .owl-prev.disabled, .movi_tab_info2 .slide_movie_detail_trailer .owl-carousel .owl-nav .owl-next.disabled {
    opacity: .35;
}
/* 스토어 상세 개선 */
.contents_mall_detail .pd_wrap .pd_detail .btn_col4 {
    padding: 0 25px;
    margin-right: 5px;
}

.contents_mall_detail .pd_wrap .pd_detail .bx_num .btn_plus, .contents_mall_detail .pd_wrap .pd_detail .bx_num .btn_mins {
    padding: 0 40px
}
/* popup : 예매/03결제/할인포인트/해피포인트 */
.layer_wrap.active.layer_admt_happypoing {
    position: absolute;
    z-index: 80;
    right: 10px;
    top: 55px;
    width: 390px;
}

.field_wrap .group_item .bx_item.inp_ty1 .bx_num button {
    padding: 0 25px;
}

.field_wrap .group_item dl.useable_point.font15 dt,
.field_wrap .group_item dl.useable_point.font15 dd {
    font-size: 15px
}

.field_wrap .group_item dl.useable_point.font15 dd {
    padding: 10px 0
}

.field_wrap .group_item dl.useable_point dd .point {
    font-family: "Roboto";
    font-weight: bold;
}

.field_wrap .group_item dl.useable_point select.pointselect {
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    font-weight: bold;
}

.field_wrap .group_item dl.useable_point.flexstart {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .field_wrap .group_item dl.useable_point.flexstart dt {
        width: 50%
    }

    .field_wrap .group_item dl.useable_point.flexstart dd {
        width: 50%;
        text-align: right;
    }

.appbannermain_wrap {
    position: relative;
    width: 100%;
    text-align: center;
    opacity: .95;
    background-color: #ffd1d1
}

    .appbannermain_wrap.fixed {
        position: fixed;
        z-index: 12;
        bottom: 0
    }

    .appbannermain_wrap .btn_close {
        font: 0 auto;
        position: absolute;
        right: 50%;
        bottom: 40px;
        width: 50px;
        height: 50px;
        margin-right: -505px;
        border: 0;
        background: rgba(0,0,0,0)
    }

.mainAppBannerbg_blank {
    display: none;
    width: 100%;
    height: 128px;
    background-color: rgba(0,0,0,0)
}

    .mainAppBannerbg_blank.active {
        display: block
    }
/* 결제 페이지 이벤트 태그 */
.ic_txt_new {
    display: none;
    position: absolute;
    right: -5px;
    top: -8px;
    line-height: 1;
    padding: 3px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Roboto';
    font-size: 8px;
    color: #FFF;
    background-color: #FF243E;
}

    .ic_txt_new:after {
        content: "";
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        bottom: -5px;
        left: 7px;
        width: 5px;
        height: 5px;
        border: 5px solid rgba(0, 0, 0, 0);
        border-left: 5px solid #FF243E;
    }

    .ic_txt_new.active {
        display: block;
    }

    .ic_txt_new.type2,
    .ic_txt_event.type2,
    .ic_txt_sale.type2 {
        right: 5px;
        top: -7px;
        border-radius: 5px;
        border-bottom-left-radius: 0;
        font-size: 8px;
    }

        .ic_txt_new.type2:after,
        .ic_txt_event.type2:after,
        .ic_txt_sale.type2:after {
            display: none
        }

.bx_coupon .ic_txt_new.type2,
.bx_coupon .ic_txt_event.type2,
.bx_coupon .ic_txt_sale.type2 {
    top: -4px
}

/* 영화 스틸컷 owl carousel */
.slider_stealcut.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.slider_stealcut.owl-carousel .owl-item img {
    max-width: 820px;
    max-height: 546px;
    width: auto;
    height: 100%;
    margin: 0 auto;
    box-shadow: 0px 3px 10px rgba(0,0,0,.8);
    vertical-align: middle;
}

.slider_stealcut.owl-carousel .owl-nav .owl-prev, .slider_stealcut.owl-carousel .owl-nav .owl-next {
    width: 64px;
    height: 64px;
    background-size: 100%;
}

.slider_stealcut.owl-carousel .owl-nav button.owl-next {
    background-image: url(../../Content/images/icon/icon_swiperarrow_right.png);
    right: 10px;
    left: auto;
}

.slider_stealcut.owl-carousel .owl-nav button.owl-prev {
    background-image: url(../../Content/images/icon/icon_swiperarrow_left.png);
    left: 10px;
    right: auto;
}

.slider_stealcut.owl-carousel .owl-dots {
    display: none;
    counter-reset: slides-num;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    margin-top: 15px;
    color: #fff;
}

    .slider_stealcut.owl-carousel .owl-dots:after {
        content: counter(slides-num);
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        vertical-align: middle;
        position: absolute;
        left: 50%;
        margin-left: 20px;
    }

.slider_stealcut.owl-carousel .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    margin-right: 5px;
}

    .slider_stealcut.owl-carousel .owl-dot span {
        display: none;
    }

    .slider_stealcut.owl-carousel .owl-dot.active:before {
        content: counter(slides-num) " / ";
        top: 0;
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        position: absolute;
        left: 50%;
        margin-left: -10px;
    }

.slider_stealcut.owl-carousel .owl-dots .owl-dot span,
.slider_stealcut.owl-carousel .owl-dots .owl-dot.active span, .slider_stealcut.owl-carousel .owl-dots .owl-dot:hover span {
    opacity: 0;
}
/* 월드타워MX4D 신규 런칭 */
.mx4d_hline {
    display: inline-block;
    width: 1px;
    height: 9px;
    margin: 0 1px;
    background: #BEBEBE
}

.special_theater.supermx4d .section.img_01 {
    position: relative;
    margin: 40px 0 150px;
    background: url('//cf.lottecinema.co.kr/Media/Online/05d03460f61545dfbddfd1029e3c50d4.jpg') right center no-repeat;
}

    .special_theater.supermx4d .section.img_01::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background: url('//cf.lottecinema.co.kr/Media/Online/05d03460f61545dfbddfd1029e3c50d4.jpg');
    }

.special_theater.supermx4d .section .sec_tit .tit_primary {
    font-family: 'Roboto';
    font-size: 48px;
    line-height: 1.2;
    font-weight: 600;
    color: #000;
}

.special_theater.supermx4d .section {
    margin-bottom: 140px;
}

    .special_theater.supermx4d .section .contxt .type1 {
        padding: 50px 0 20px;
        font-size: 28px;
    }

        .special_theater.supermx4d .section .contxt .type1 .roboto {
            font-size: 30px;
        }

    .special_theater.supermx4d .section .contxt .type2 {
        font-size: 30px;
    }

        .special_theater.supermx4d .section .contxt .type2 .mx4d_hline {
            width: 2px;
            height: 21px;
        }
/* 히든페이지 및 제3자 정보제공 동의 팝업 */
.txtarea.graytype {
    background-color: #F8F8F8;
    border: 0;
    border-radius: 10px;
}

.layer_wrap.darktype .movdetailsteelcut_slide .swiper-wrapper .swiper-slide img {
    max-width: 820px;
    max-height: 546px;
}
/* 24년도 Friends 멤버십 종료 및 VIP 혜택 변경 */
.txt_list_wrap .vip_ab_banner li {
    display: inline-block;
    padding-left: 7px;
}

    .txt_list_wrap .vip_ab_banner li:first-child {
        padding-left: 0;
    }

    .txt_list_wrap .vip_ab_banner li img {
        border-radius: 4px;
    }
/* 개인정보처리방침 UI 변경 개정 2023.12.19 */
.privacy_con.type1 {
    word-break: keep-all;
}

    .privacy_con.type1 h3.privacy_tit2, .privacy_con.type1 h4.privacy_tit {
        padding-top: 0;
        font-size: 26px
    }

    .privacy_con.type1 .privacy_list li,
    .privacy_con.type1 .privacy_list2 li,
    .privacy_con.type1 h5.privacy_tit,
    .privacy_con.type1 .privacy_tb tbody th,
    .privacy_con.type1 .privacy_tb tbody td,
    .privacy_con.type1 .default_txt {
        font-size: 15px;
        color: #666;
        line-height: 28px;
    }

    .privacy_con.type1 h5.privacy_tit,
    .privacy_con.type1 .privacy_list2 {
        padding-left: 0;
        margin-bottom: 0;
    }

    .privacy_con.type1 .privacy_list {
        padding-left: 20px;
    }

    .privacy_con.type1 .subdesc {
        font-size: 18px;
        color: #000;
        line-height: 30px;
    }

    .privacy_con.type1 .privcayiconbox {
        display: flex;
        align-items: center;
        position: relative;
        min-height: 90px;
        padding-left: 85px;
    }

        .privacy_con.type1 .privcayiconbox .privacyiconbox {
            display: flex;
            align-items: center;
            position: absolute;
            left: 0;
            top: 52%;
            min-width: 59.5px;
            min-height: 70px;
            padding-left: 10.5px;
            background-color: #f3f3f3;
            border-radius: 8px;
        }

            .privacy_con.type1 .privcayiconbox .privacyiconbox .privacyicon {
                max-height: 57.5px;
            }

                .privacy_con.type1 .privcayiconbox .privacyiconbox .privacyicon.type1 {
                    max-height: 50px;
                }

    .privacy_con.type1 .privcaybox,
    .privacy_con.type1 .privcayiconbox {
        position: relative;
        padding-top: 84px;
    }

        .privacy_con.type1 .privcaybox::before,
        .privacy_con.type1 .privcayiconbox::before {
            content: '';
            position: absolute;
            top: 42px;
            left: 0;
            display: block;
            width: 100%;
            height: 1px;
            background-color: #eee;
        }

        .privacy_con.type1 .privcaybox.bdnone::before,
        .privacy_con.type1 .privcayiconbox.bdnone::before {
            height: 0;
        }

    .privacy_con.type1 .privacy_listlinebox {
        width: 100%;
        margin-bottom: 40px;
        overflow: hidden;
    }

        .privacy_con.type1 .privacy_listlinebox ol {
            float: left;
            width: 50%;
        }

        .privacy_con.type1 .privacy_listlinebox li {
            padding: 15px 12px;
            border-right: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }

            .privacy_con.type1 .privacy_listlinebox li:first-child {
                border-top: 1px solid #ddd;
            }

        .privacy_con.type1 .privacy_listlinebox ol:first-child li {
            border-left: 1px solid #ddd;
        }

        .privacy_con.type1 .privacy_listlinebox li a {
            display: inline-flex;
            font-size: 17px;
            color: #000;
            line-height: 19px;
            letter-spacing: -1px;
        }

            .privacy_con.type1 .privacy_listlinebox li a span {
                display: inline-block;
            }

    .privacy_con.type1 .privacy_tb {
        margin: 30px 0 0;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .privacy_con.type1 .privacy_versionbox {
        padding: 30px 50px 50px;
        margin-top: 60px;
        background: #fcfcfc;
    }

        .privacy_con.type1 .privacy_versionbox dt {
            padding-top: 20px;
            color: #000;
            font-weight: bold;
            font-size: 16px;
        }

        .privacy_con.type1 .privacy_versionbox .tit {
            margin-left: 0;
        }

        .privacy_con.type1 .privacy_versionbox dd {
            display: inline-block;
            position: relative;
            padding-left: 8px;
            margin: 10px 15px 0 0;
            color: #666;
            font-size: 14px;
        }

            .privacy_con.type1 .privacy_versionbox dd:before {
                content: '';
                position: absolute;
                left: 0;
                top: 6px;
                display: block;
                width: 2px;
                height: 2px;
                border-radius: 1px;
                background: #858585;
            }

    .privacy_con.type1 .privacy_tb .cellcolor1 {
        background-color: #FCFCFC;
    }

    .privacy_con.type1 .privacy_tb .cellitemcolor,
    .privacy_con.type1 .privacy_tb.tbp3 thead.center th {
        background-color: #F3F3F3
    }

.privacylabel {
    padding-bottom: 50px;
    text-align: center;
}

    .privacylabel .tit {
        padding: 60px 0 32px;
        font-size: 22px;
        color: #000;
    }

    .privacylabel .desc {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

        .privacylabel .desc li {
            min-width: 155px;
            min-height: 190px;
            margin-left: 30px;
            margin-bottom: 28px;
        }

            .privacylabel .desc li:first-child {
                padding-left: 0;
            }

        .privacylabel .desc .item {
            display: block;
            position: relative;
            padding-top: 173px;
            font-size: 18px;
        }

            .privacylabel .desc .item::before {
                content: '';
                display: block;
                width: 120px;
                height: 138px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -60px;
                margin-top: -80px;
            }

            .privacylabel .desc .item.type8::before,
            .privacylabel .desc .item.type9::before,
            .privacylabel .desc .item.type10::before {
                margin-top: -71px;
            }

            .privacylabel .desc .item.type1::before {
                background: url('../../Content/images/icon/pc_icon_privacy_01.png') 0 0 no-repeat;
            }

            .privacylabel .desc .item.type2::before {
                background: url('../../Content/images/icon/pc_icon_privacy_02.png') 0 0 no-repeat;
            }

            .privacylabel .desc .item.type3::before {
                background: url('../../Content/images/icon/pc_icon_privacy_03.png') 0 0 no-repeat;
            }

            .privacylabel .desc .item.type4::before {
                background: url('../../Content/images/icon/pc_icon_privacy_04.png') 0 0 no-repeat;
            }

            .privacylabel .desc .item.type5::before {
                background: url('../../Content/images/icon/pc_icon_privacy_05.png') 0 0 no-repeat;
            }

            .privacylabel .desc .item.type6::before {
                background: url('../../Content/images/icon/pc_icon_privacy_06.png') 0 0 no-repeat;
            }

            .privacylabel .desc .item.type7::before {
                background: url('../../Content/images/icon/pc_icon_privacy_07.png') 0 0 no-repeat;
            }

            .privacylabel .desc .item.type8::before {
                background: url('../../Content/images/icon/pc_icon_privacy_08.png') 0 0 no-repeat;
            }

            .privacylabel .desc .item.type9::before {
                background: url('../../Content/images/icon/pc_icon_privacy_09.png') 0 0 no-repeat;
            }

            .privacylabel .desc .item.type10::before {
                background: url('../../Content/images/icon/pc_icon_privacy_10.png') 0 0 no-repeat;
            }

    .privacylabel .infodesc {
        padding: 9px 0 25px;
        color: #999;
        font-size: 15px;
    }

        .privacylabel .infodesc span {
            padding: 7px 21px;
            background: #fcfcfc;
        }

.txtnone {
    font: 0 auto;
    text-indent: -999999em;
}
/* 결제내역-이메일 하단 내 문구 추가 및 변경 */
.list_define a.txt_underline .arrowright {
    font-size: 18px;
}
/* 멀티경품제공 신규 이벤트 템플릿 */
.btn_col4.type8 {
    height: 28px;
    line-height: 26px;
    padding: 0 7px;
    font-size: 11px;
}

.btn_col10.type8 {
    height: 28px;
    line-height: 26px;
    padding: 0 19px;
    font-size: 11px;
}
/* 롯시스탬프 */
.mypage_box .btn_wrap.flextype3 {
    display: flex;
}

    .mypage_box .btn_wrap.flextype3 > a {
        display: block;
        position: relative;
        width: 33.33333%
    }

        .mypage_box .btn_wrap.flextype3 > a:before {
            content: '';
            position: absolute;
            top: 50%;
            display: block;
            width: 1px;
            height: 20px;
            margin-top: -10px;
            background-color: #ddd;
        }

        .mypage_box .btn_wrap.flextype3 > a:first-child:before,
        .mypage_box .btn_wrap.flextype3:after {
            display: none
        }
/* 고객센터 수정 : 1:1 문의작성 */
.contents_customer .con_top .ico_tit.qus a {
    display: block;
    color: #000;
    font-size: 15px;
    text-decoration: underline;
}
/* 쿠폰함 : 쿠폰사용 수정 추가 */
.contents_mypage .mypage_coupon .period_coupon {
    display: flex;
    justify-content: center;
}

    .contents_mypage .mypage_coupon .period_coupon .dd_desc {
        padding-left: 3px;
        text-align: left;
    }
/* 네이버플러스 멤버십 로그인 */
.login_naverplus_bg {
    background: #010C28;
}

.login_naverplus_container {
    width: 100%;
    height: 100vh;
    background: #010C28;
}

    .login_naverplus_container .login_inner {
        position: relative;
        width: 980px;
        margin: 0 auto;
        padding-top: 417px;
        color: #fff;
        background: url('../../Content/images/common/pc_naverplusloginbg.jpg') 0 0 no-repeat;
        animation: loginnaverplugbgMotion 2s ease-in;
        letter-spacing: -1px;
    }

        .login_naverplus_container .login_inner .logoplus,
        .login_naverplus_container .login_inner .infowrap {
            padding-left: 78px;
        }

        .login_naverplus_container .login_inner .infowrap {
            display: flex;
        }

            .login_naverplus_container .login_inner .infowrap .info {
                width: 50%;
                color: #fff;
            }

                .login_naverplus_container .login_inner .infowrap .info .tit {
                    padding-top: 19px;
                    font-size: 34px;
                    line-height: 1.27;
                }

                .login_naverplus_container .login_inner .infowrap .info .desc {
                    padding-top: 15px;
                    font-size: 22px;
                    line-height: 1.27;
                }

            .login_naverplus_container .login_inner .infowrap .iteminfo {
                display: inline-flex;
                width: 50%;
                padding-left: 28px;
            }

                .login_naverplus_container .login_inner .infowrap .iteminfo li {
                    position: relative;
                    padding-left: 10px;
                    font-size: 20px;
                    color: rgba(255, 255, 255, .8);
                    text-align: center;
                    line-height: 1.3;
                }

                    .login_naverplus_container .login_inner .infowrap .iteminfo li:first-child {
                        padding-left: 0;
                    }

                .login_naverplus_container .login_inner .infowrap .iteminfo .item_giftticket,
                .login_naverplus_container .login_inner .infowrap .iteminfo .item_combo {
                    display: block;
                    width: 185px;
                    padding-top: 152px;
                }

                    .login_naverplus_container .login_inner .infowrap .iteminfo .item_giftticket:before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 50%;
                        margin-left: -92.5px;
                        display: block;
                        width: 185px;
                        height: 150px;
                        background: url("../../Content/images/common/pc_naverpluslogin_item_giftticket.png") 0 0 no-repeat;
                    }

                    .login_naverplus_container .login_inner .infowrap .iteminfo .item_combo:before {
                        content: '';
                        position: absolute;
                        top: -5px;
                        left: 50%;
                        margin-left: -87.5px;
                        width: 185px;
                        height: 150px;
                        background: url("../../Content/images/common/pc__naverpluslogin_item_combo.png") 0 0 no-repeat;
                    }

        .login_naverplus_container .login_inner .btn_wrap {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 75px;
        }

            .login_naverplus_container .login_inner .btn_wrap a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 452px;
                height: 61px;
                font-size: 26px;
                color: #fff;
                border: 1px solid #fff;
                border-radius: 4px;
            }

                .login_naverplus_container .login_inner .btn_wrap a .txt {
                    padding: 0 6px 4px 7px;
                }

                .login_naverplus_container .login_inner .btn_wrap a .counting {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 27px;
                    height: 27px;
                    padding: 1px 1px 0 0;
                    border-radius: 28px;
                    font-family: "Roboto";
                    font-size: 19px;
                    color: #000;
                    background: #fff;
                }

        .login_naverplus_container .login_inner .logindesc {
            padding-top: 12px;
            font-size: 14px;
            color: rgba(255, 255, 255, .8);
            text-align: center;
        }

@keyframes loginnaverplugbgMotion {
    0% {
        background-position-y: -10px;
    }

    100% {
        background-position-y: 0;
    }
}
/* 네이버플러스 멤버십 연동 개발 수정 */
.login_naverplus_container .login_inner .btn_wrap.navertype a {
    position: relative;
    background: #03C75A;
    border: 0;
}

    .login_naverplus_container .login_inner .btn_wrap.navertype a img {
        width: 19px;
        height: 19px;
    }

    .login_naverplus_container .login_inner .btn_wrap.navertype a .counting {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -14px;
        margin-left: 84px;
        height: 26px;
        padding: 2px 1px 0 0;
        font-size: 15px;
    }

    .login_naverplus_container .login_inner .btn_wrap.navertype a .txt {
        padding: 0 0 4px 16.5px;
        font-size: 22px;
    }
/* 수퍼LED 신규관 런칭 */
.colorium.superledtype .img_03 {
    margin-bottom: 186px;
}

    .colorium.superledtype .img_03 .sec_tit {
        width: 880px;
        margin: 50px 50px 50px 0;
        text-align: right;
    }

    .colorium.superledtype .img_03 .sec_img {
        width: 524px;
        height: 338px;
    }

        .colorium.superledtype .img_03 .sec_img .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/83d930dbdec24d7ba3d25b50dcadb74c.jpg');
        }

    .colorium.superledtype .img_03 .img_secondary.type1 {
        bottom: auto;
        top: 452px;
        left: 105px
    }

    .colorium.superledtype .img_03 .img_primary .img_itm.grayhorimg {
        top: 388px;
        left: 405px;
        width: 524px;
        height: 75px;
    }

        .colorium.superledtype .img_03 .img_primary .img_itm.grayhorimg .bx_img {
            background: url('//cf.lottecinema.co.kr/Media/Online/c80b082fe06f4ca2a3d85b9f44fa7bfc.jpg') 0 0 no-repeat;
        }

    .colorium.superledtype .img_03 .img_primary .img_itm {
        left: 55px
    }

        .colorium.superledtype .img_03 .img_primary .img_itm.ico_arr {
            left: 355px
        }

.colorium.superledtype .img_06 .sec_img .bx_img {
    background-image: url('//cf.lottecinema.co.kr/Media/Online/32c60b3e5e7c4281a92d3713244facdc.jpg');
}

.colorium.superledtype .img_03 .sec_tit {
    margin: -40px 0 50px;
}

.colorium.superledtype .img_03 .sec_img {
    margin-right: 0;
}

.colorium.superledtype .img_03 .img_primary {
    margin-left: 50px;
}

.colorium.superledtype .img_04 {
    margin-bottom: 135px;
}

    .colorium.superledtype .img_04 .sec_img {
        position: relative;
        right: auto;
    }

    .colorium.superledtype .img_04 .sec_tit {
        position: absolute;
        left: 650px;
    }

.hr100d6 {
    width: 100%;
    height: 1px;
    background: #D6D6D6;
    border: 0;
}

.mb100 {
    margin-bottom: 100px
}

.colorium.superledtype .h3_tit {
    padding-bottom: 70px;
    font-size: 50px;
    letter-spacing: -2px;
    line-height: 130%
}

.colorium.superledtype .img_07 .sec_tit {
    position: relative;
    top: 80px;
}

.colorium.superledtype .img_07 .sec_img {
    width: 427px;
    height: 474px;
}

    .colorium.superledtype .img_07 .sec_img .bx_img {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/5a870580231a48f6af9d2f5ae3930fd2.jpg');
    }

.colorium.superledtype .img_07 .img_primary {
    text-align: right;
}

    .colorium.superledtype .img_07 .img_primary .img_itm {
        bottom: 0;
        left: 265px;
        width: 226px;
        height: 250px;
    }

        .colorium.superledtype .img_07 .img_primary .img_itm .bx_img {
            background-image: url('//cf.lottecinema.co.kr/Media/Online/16999f72ec72468d9e54a94cc0c66e0b.jpg');
        }

        .colorium.superledtype .img_07 .img_primary .img_itm.ico_arr {
            top: 340px;
            left: 508px;
            width: 30px;
            height: 6px;
            transition-delay: .3s;
        }

            .colorium.superledtype .img_07 .img_primary .img_itm.ico_arr .bx_img {
                background-image: url('//cf.lottecinema.co.kr/Media/Online/9b6cab126be140b1a51d180d4443f027.jpg');
            }

    .colorium.superledtype .img_07 .img_primary .sec_img.motion {
        transition-delay: .5s;
    }

    .colorium.superledtype .img_07 .img_primary .sec_img.motion {
        transition-delay: .5s;
    }

.colorium.superledtype .img_07 .img_secondary {
    bottom: -6px;
    left: -20px;
    width: 244px;
    height: 147px;
}

    .colorium.superledtype .img_07 .img_secondary .bx_img:first-child {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/2ac4b45e70dd4edc9038e8dff8093b16.jpg');
    }

    .colorium.superledtype .img_07 .img_secondary .bx_img.motion {
        background-image: url('//cf.lottecinema.co.kr/Media/Online/cbf2c313dd3f43d889bea20e2e101502.jpg');
        transition-delay: 1.05s;
        transition-duration: 0.55s;
    }
/* LG U+ 결제 할인 수단 추가 온라인 채널 개발 */
.infobox_gray15 {
    padding: 15px;
    border-radius: 4px;
    background: #f8f8f8;
}

    .infobox_gray15 .txtcenter {
        color: #666;
        line-height: 18px;
    }

        .infobox_gray15 .txtcenter strong {
            color: #707070
        }

    .infobox_gray15 .list_txt strong {
        color: #000
    }

.benefitsavailable_box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 4px;
}

    .benefitsavailable_box .dl_info {
        display: flex;
        justify-content: space-between;
        width: 50%;
        height: 45px;
        padding: 0 15px;
        line-height: 45px;
    }

    .benefitsavailable_box .dt_tit {
        text-align: left;
    }

    .benefitsavailable_box .dd_num {
        text-align: right;
    }

        .benefitsavailable_box .dd_num em {
            padding-right: 2px;
            font-family: "Roboto";
            font-size: 15px;
            font-weight: bold
        }

    .benefitsavailable_box .dl_info + .dl_info {
        border-left: 1px solid #ddd
    }
/* 수원 수퍼플렉스 : 신규 좌석 유형추가 스페셜관 */
.special_theater .section.type50 {
    margin-bottom: 60px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -.5px
}

    .special_theater .section.type50.flexbox {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 50px;
    }

    .special_theater .section.type50 .sec_left,
    .special_theater .section.type50 .sec_right {
        width: 50%;
    }

        .special_theater .section.type50 .sec_left .pic {
            display: block;
            text-align: left;
        }

        .special_theater .section.type50 .sec_left .dl_box {
            padding-right: 17px;
            text-align: right;
        }

        .special_theater .section.type50 .sec_right .pic {
            display: block;
            text-align: right;
        }

        .special_theater .section.type50 .sec_right .dl_box {
            padding-left: 17px;
            text-align: left;
        }

        .special_theater .section.type50 .sec_left .dl_box .tit .num {
            margin-left: 10px;
        }

        .special_theater .section.type50 .sec_right .dl_box .tit .num {
            margin-right: 10px;
        }

    .special_theater .section.type50 .dl_box .tit {
        display: inline-flex;
        align-items: center;
        margin-bottom: 15px;
        font-family: "Roboto";
        font-size: 40px;
    }

        .special_theater .section.type50 .dl_box .tit .num {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 5px 10px 3px;
            box-sizing: border-box;
            border-radius: 50%;
            font-size: 18px;
            font-weight: 500;
            background: #000;
            color: #fff;
        }

    .special_theater .section.type50 .dl_box.private .tit {
        color: #CB6BA8;
    }

        .special_theater .section.type50 .dl_box.private .tit .num {
            background: #CB6BA8
        }

    .special_theater .section.type50 .dl_box.suite .tit {
        color: #E3A84F;
    }

        .special_theater .section.type50 .dl_box.suite .tit .num {
            background: #E3A84F
        }

    .special_theater .section.type50 .dl_box.standard .tit {
        color: #4C69A4;
    }

        .special_theater .section.type50 .dl_box.standard .tit .num {
            background: #4C69A4
        }

    .special_theater .section.type50 .dl_box .desc {
        padding-bottom: 10px;
    }

    .special_theater .section.type50 .subdesc {
        color: #888
    }

.font60 {
    font-size: 60px;
}

.hrmt-40mb125 {
    width: 100%;
    height: 1px;
    background: #D6D6D6;
    border: 0;
    margin: -40px 0 125px;
}
/* 리클라이너 클럽 및 결제 할인 개발 */
.club_list_new24 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .club_list_new24 li {
        position: relative;
        width: 480px;
        margin: 20px 0 0 20px;
    }

        .club_list_new24 li:nth-child(odd) {
            margin-left: 0;
        }

        .club_list_new24 li a {
            display: block;
        }

            .club_list_new24 li a .info img {
                border-radius: 8px;
            }

        .club_list_new24 li .state {
            position: absolute;
            right: 0;
            top: 0;
            width: 56px;
            height: 25px;
            color: #fff;
            line-height: 25px;
            font-size: 11px;
            font-weight: bold;
            text-align: center;
            background-color: rgba(0, 0, 0, .3);
        }
/* 롯시픽,롯시플,위드키즈 포스터 뱃지 추가 */
.box__tag {
    position: absolute;
    top: 4px;
    left: 4px;
}

    .box__tag .wrap__tag {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .box__tag .wrap__tag li {
            width: auto;
            margin: 0;
            padding: 0 2px 2px 0;
            font: 0 auto;
        }

            .box__tag .wrap__tag li .tag__widthkids,
            .box__tag .wrap__tag li .tag__lotcipick,
            .box__tag .wrap__tag li .tag__lotiple,
            .box__tag .wrap__tag li .tag__artte {
                display: inline-block;
                border-radius: 3px
            }

                .box__tag .wrap__tag li .tag__widthkids img {
                    width: 86px;
                    height: 24px;
                }

                .box__tag .wrap__tag li .tag__lotcipick img {
                    width: 46px;
                    height: 24px;
                }

                .box__tag .wrap__tag li .tag__lotiple img {
                    width: 46px;
                    height: 24px;
                }

                .box__tag .wrap__tag li .tag__artte img {
                    width: 46px;
                    height: 24px;
                }

                .box__tag .wrap__tag li .tag__widthkids img,
                .box__tag .wrap__tag li .tag__lotcipick img,
                .box__tag .wrap__tag li .tag__lotiple img,
                .box__tag .wrap__tag li .tag__artte img {
                    border-radius: 2px !important
                }

.detail_top_wrap .poster_info .box__tag {
    top: 20px;
    left: 20px;
}

    .detail_top_wrap .poster_info .box__tag .wrap__tag li {
        padding: 0 4px 4px 0;
    }

        .detail_top_wrap .poster_info .box__tag .wrap__tag li .tag__widthkids img {
            width: 123px;
            height: 34px;
        }

        .detail_top_wrap .poster_info .box__tag .wrap__tag li .tag__lotcipick img {
            width: 63px;
            height: 34px;
        }

        .detail_top_wrap .poster_info .box__tag .wrap__tag li .tag__lotiple img {
            width: 63px;
            height: 34px;
        }

        .detail_top_wrap .poster_info .box__tag .wrap__tag li .tag__artte img {
            width: 63px;
            height: 34px;
        }
/* 할인권 사용성 개선 */
.list_pay_coupon li.fin {
    overflow: hidden;
    position: relative;
    background-color: #eee;
}

    .list_pay_coupon li.fin > label .desc {
        display: inline-block;
        position: relative;
        padding: 8px 0 0 13px;
        font-size: 11px;
        color: #FF243E;
        line-height: 1.5
    }

        .list_pay_coupon li.fin > label .desc::before {
            content: '※';
            display: block;
            position: absolute;
            top: 8px;
            left: 0;
        }

    .list_pay_coupon li.fin > label .tit,
    .list_pay_coupon li.fin > label .period {
        opacity: .6;
    }

    .list_pay_coupon li.fin > input[type="checkbox"] + label.ty2:before {
        display: none;
    }

    .list_pay_coupon li.fin > input[type="checkbox"]:checked + label.ty2 {
        border: 1px solid #DDD;
    }
/* 네이버플러스 멤버십 노출 개선 */
.layer_wrap.active.layer_Naverplusmembership {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -280px;
}

.layer_wrap.layer_Naverplusmembership .layer_header {
    border: 0;
    height: 0;
    line-height: 0;
}

.layer_wrap.layer_Naverplusmembership .layer_contents {
    padding: 55px 20px 0;
}

    .layer_wrap.layer_Naverplusmembership .layer_contents .btn_btm_wrap {
        margin: 40px 0 20px;
    }

.layer_wrap.layer_Naverplusmembership .box_naverpluspop .desc {
    padding: 25px 0 15px;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
}

    .layer_wrap.layer_Naverplusmembership .box_naverpluspop .desc .greencolor {
        color: #03A94D
    }

.layer_wrap.layer_Naverplusmembership .box_naverpluspop .desc {
    line-height: 1.3;
}

.layer_wrap.layer_Naverplusmembership .box_naverpluspop_desc {
    font-size: 18px;
}

.layer_wrap.layer_Naverplusmembership .btn_btm_wrap.ty1 a,
.layer_wrap.layer_Naverplusmembership .btn_btm_wrap.ty1 button {
    background-color: #03a94d;
    border-color: #03a94d
}

.wrap_tagnaverplusmember {
    display: flex;
    align-items: center;
    position: absolute;
    top: 114%;
    left: 50%;
    width: 175px;
    margin-left: -101px;
    padding: 7px 13px;
    border: 1px solid #00DE5A;
    border-radius: 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    background-color: #fff;
    font-size: 11px;
    font-weight: 500;
    z-index: 1;
}

    .wrap_tagnaverplusmember:before,
    .wrap_tagnaverplusmember:after {
        content: '';
        display: block;
        position: absolute;
        top: 0px;
        left: 50%;
        margin: -5.5px;
        width: 0;
        border-style: solid;
    }

    .wrap_tagnaverplusmember:before {
        top: 0px;
        right: 10px;
        border-width: 0 4px 5px;
        border-color: #00DE5A transparent;
    }

    .wrap_tagnaverplusmember:after {
        top: 1px;
        right: 20px;
        border-width: 0 4px 5px;
        border-color: #fff transparent;
    }

    .wrap_tagnaverplusmember .tag_naverplusmember {
        width: 48px;
        height: 12px;
        padding-right: 4px;
    }

.pay_coupon_list_wrap .list_pay_coupon li > label .tit .tag_naverplusmember {
    display: inline-block;
    width: 56px;
    height: 14px;
    padding-right: 4px;
}
/* 1:1문의 내 상담톡 버튼 추가 */
.contents_customer .con_top .ico_tit.qus .timedesc {
    position: relative;
    padding-bottom: 10px;
    font-size: 13px;
    color: #666;
    border-bottom: 1px solid #eee;
}
/* 예매 취소/환불안내 */
.tooltip_itembox {
    position: relative;
}

.tooltip_item {
    display: inline-block;
}

    .tooltip_item .tooltip {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 60px;
        z-index: 10;
        padding: 20px;
        border: 1px solid #000;
        background-color: #fff;
        box-sizing: border-box;
    }

.tooltipTrigger.active + .tooltip_item.open .tooltip {
    display: block;
}

.tooltip_item .tooltip strong {
    display: inline-block;
    padding-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
}

.tooltip_item .btn_close {
    position: absolute;
    right: 13px;
    top: 13px;
    width: 15px;
    height: 15px;
    border: none;
    text-indent: -9999em;
    line-height: 0;
    background: url('../../Content/images/icon/close_13.png') no-repeat center center;
}

.box_cancellationrefundinfo {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

    .box_cancellationrefundinfo .tooltip_trigger {
        position: relative;
        display: inline-block;
        width: calc(100% - 65px);
        height: 65px;
        line-height: 65px;
        padding: 0 30px;
        font-size: 15px;
    }

        .box_cancellationrefundinfo .tooltip_trigger::before {
            content: '';
            position: absolute;
            right: 30px;
            top: 50%;
            margin-top: -3px;
            display: block;
            width: 6px;
            height: 6px;
            border-top: 1px solid #222;
            border-right: 1px solid #222;
            transform: rotate(45deg);
        }