@charset "UTF-8";

/*************************     메인     *******************************/

/* 메인 비디오 */


.main_video {
    background: #000;
    position: relative;
    overflow: hidden;
}

.main_video .inner {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}

.main_video .video_slider {
    position: static;

}
.main_video .swiper-slide {
    overflow: hidden;
    width: 100%;
    height: 675px;
    position: relative;
}
.main_video .swiper-slide video {
    height: 911px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: -3px;
}
.main_video .swiper-slide .txt_area {
    position: absolute;
    left: 50px;
    top: 50%;
}

.main_video .swiper-slide .txt_wrap strong {
    color: white;
    font-size: 50px;
    font-weight: 700;
    display: block;
}
.main_video .swiper-slide .txt_wrap span {
    color: white;
    font-size: 20px;
    margin-top: 15px;
}
.main_video .swiper-slide .btn_wrap {
    margin-top: 15px;
}
.main_video .swiper-slide .btn_wrap .link_more {
    display: inline-block;
    width: 88px;
    height: 26px;
    line-height: 24px;
    background: rgba(255,255,255,0.5);
    text-align: center;
    border-radius: 5px;
    color: #444;
    margin-right: 5px;
}
.main_video .swiper-slide .btn_wrap button {
    margin: 0 3px;
    vertical-align: bottom;
}
.main_video .swiper-slide .btn_wrap .play {
    background: url(../icons/pause_white.png) no-repeat 5px 5px / 48% ;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    border: 2px solid white;
    border-radius: 50%;
}
.main_video .swiper-slide .btn_wrap .play.on {
    background: url(../icons/play_white.png) no-repeat 6px 4px  / 48%;
}
.main_video .swiper-slide .btn_wrap .mute {
    background: url(../icons/volume_off_white.png) no-repeat center / 60% ;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    border: 2px solid white;
    border-radius: 50%;
}
.main_video .swiper-slide .btn_wrap .mute.on {
    background-image: url(../icons/volume_up_white.png);
}

.main_video .swiper-button-next { 
    width: 33px;
    height: 60px;
    background: url(../icons/arrow_white_big.png) no-repeat center;
    right: -185px;
    z-index: 150;
}
.main_video .swiper-button-prev { 
    width: 33px;
    height: 60px;
    background: url(../icons/arrow_white_big.png) no-repeat center;
    left: -185px;
    transform: rotateY(180deg);
    margin-top: -52px;
    z-index: 150;
}

/* 메인 차트 */
.main_chart {
    padding: 70px 0 50px;
}
.main_chart .inner {
    width: 996px;
    margin: 0 auto;
    position:relative;
}
.main_chart .tab_chart a {
    font-size: 26px;
    font-weight: 500;
    color: #666;
} 
.tab_chart li.active a {
 color: #222
}
.tab_chart {
    overflow: hidden;
}
.tab_chart li {
    float: left;
    margin-right: 20px;
    position: relative;
}
.tab_chart li + li:before {
    content:'';
    position: absolute;
    left: -10px;
    top: 10px;
    width: 1px;
    height: 20px;
    background: #707070;
}
.chart_area {
    margin-top: 25px;
}

.chart_wrap {
    position: relative;
    height: 0;
    overflow: hidden;
}
.chart_wrap.active {
    height: auto;
    overflow: visible;
}

.chart_wrap .img_wrap {
    height: 257px;
    position: relative;
}
.chart_wrap .img_wrap:before {
    content:'';
    position:absolute;
    background:linear-gradient(to top, rgba(34, 34, 34, 0.8) , rgba(0,0,0,0));
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.chart_wrap .btn_area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(34,34,34, 0.7);
    display: none;
    border-radius: 10px;
}
.chart_wrap .swiper-slide:hover .btn_area {
    display: block;
}
.chart_wrap .btn_wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.chart_wrap .btn_wrap a {
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    opacity: 0.9;
    font-weight: 500;
}
.chart_wrap .btn_wrap .view_detail {
    background: white;
    color: #222;
    margin-bottom: 10px;
}

.chart_wrap .img_wrap strong {
    position: absolute;
    left: 2px;
    bottom: 10px;
    width: 36px;
    height: 62px;
    font-size: 60px;
    color: white;
}
.chart_wrap .img_wrap img {
    width: 100%;
    height:100%;
    border-radius: 10px;
}
.chart_wrap .top_icon_wrap {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 49px;
}
.chart_wrap .top_icon_wrap i {
    display: block;
    width: 22px;
    height: 22px;
}
.chart_wrap .top_icon_wrap i img {
 width: 100%;
 height: 100%;
}
.chart_wrap .top_icon_wrap .dday {
    background: white;
    border-radius: 11px;
    color: red;
    font-size: 10px;
    font-weight: 700;
    margin-top: 5px;
}
.chart_wrap .top_icon_wrap .dday span {
    display: block;
    padding: 3px 2px;
}

.chart_wrap .bottom_icon_wrap {
    position: absolute;
    right: 8px;
    bottom: 15px;
    width: 123px;
    height: 10px;
}
.chart_wrap .bottom_icon_wrap i {
    border: 1px solid rgba(255, 255, 255, 0.795);
    border-radius: 3px;
    padding: 2px;
    width: 33px; 
    height: 8px;
    float: right;
    margin-left: 2px;
}


.chart_wrap .swiper-slide .txt_wrap {
    margin-top: 15px;
}
.chart_wrap .swiper-slide .txt_wrap strong {
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-bottom: 10px;
    color: #444;
    font-weight: 500;
}
.chart_wrap .swiper-slide .txt_wrap .egg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
}
.chart_wrap .swiper-slide .txt_wrap .egg:after{
    content: '';
    position: absolute;
    right: -8px;
    top: 5px;
    width: 1px;
    height: 12px;
    background: #999;
}
.chart_wrap .swiper-slide .txt_wrap .egg img {
    width: 16px;
    vertical-align: middle;
}
.poster_slider {
    position: static;
}


.chart_wrap .swiper-button-next {   
    right: -50px;
    background: url(../icons/arrow_forward_ios_FILL0_wght200_GRAD0_opsz20.png) no-repeat center;
}
.chart_wrap .swiper-button-prev {
    background: url(../icons/arrow_forward_ios_FILL0_wght200_GRAD0_opsz20.png) no-repeat center;
    left: -50px;
    margin-top: -45px;
    transform: rotateZ(180deg);
}
.chart_wrap .swiper-button-disabled {
    pointer-events: all;
    cursor: pointer;
    
}
.main_chart .link_more {
    position: absolute;
    right: 0;
    top: -55px;
}


/* 메인 이벤트 */

.main_event {
    padding: 45px 0 50px;
}
.main_event .inner {
    width: 996px;
    margin: 0 auto;
    position:relative;
}
.main_event .tit_tab_wrap {
    overflow: hidden;
}
.main_event .main_sub_tit {
    float: left;
}
.main_event .common_tab {
    float: right;
    margin-top: 8px;
}
.main_event .event_list_area {
    padding: 0 20px;
    /* height: 250px; */
}
.main_event .event_list_wrap {
    display: none;

}
.main_event .event_list_wrap.active {
    display: block;
}
.main_event .event_list {
    overflow: hidden;
}

.main_event .event_wrap {
    float: left;
    width:282px;
    margin:0 18px;
}
.main_event .event_img_wrap {
    height: 188px;
    border-radius: 10px;
    overflow: hidden;

}
.main_event .event_img_wrap img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.main_event .event_wrap:hover .event_img_wrap img {
    transform: scale(1.1);
}

.main_event .event_txt_wrap {
    text-align: center;
    margin-top: 20px;
}

.main_event .event_txt_wrap strong {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #222;
}
.main_event .event_txt_wrap span {
    font-size: 14px;
    font-weight: 500;
}
.main_event .more_area {
    text-align: center;
    margin-top: 50px;
}



/* 메인 스페셜 */
.main_special {
    height: 500px;
    background: #222;
    padding: 60px 0 50px;
}

.main_special .inner {
    width: 996px;
    margin: 0 auto;
    position: relative;
}
.main_special .main_sub_tit {
    color: white;
}

.main_special .special_slider {
    padding-top: 90px;
}
.main_special .swiper-slide {
    width: 283px;
}

.main_special .swiper-slide-active img {
    transform: scale(1.8);
}

.main_special .swiper-slide-active .img_wrap:after {
    content: '';
    background: none;
    transition: all 0s;
}
.main_special .swiper-slide-active .txt_wrap {
    display: block;
}
.main_special .swiper-slide-active .img_wrap p {
    display: block;
}
.main_special .swiper-slide img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: all 0.2s;
}
.main_special .img_wrap {
    position: relative;

}
.main_special .img_wrap p {
    position: absolute;
    left: 0;
    bottom: 0;
    color: white;
    margin: 0 0 -35px -80px;
    display: none;
    font-size: 16px;
}
.main_special .img_wrap:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(2,2,2,0.6);
    border-radius: 10px;
    transition: all 0.7s;

}
.main_special .txt_wrap {
    text-align: center;
    margin-top: 80px;
    display: none;
}
.main_special .txt_wrap span {
    color: white;
    font-size: 26px;
    font-weight: 500;
}
.main_special .link_more {
    position: absolute;
    right: 0;
    top: 0;
    color: white;
    margin-top: 9px;
}
.main_special .link_more:after {
    content:'';
    display: inline-block;
    height: 8px;
    width: 8px;
    background: url(../icons/add_fff.png) no-repeat center;
    margin-left: 5px;
}
.main_special .swiper-button-prev {
    background: url(../icons/arrow_white.png) no-repeat;
    transform: rotate(180deg);
    margin-top: -60px;
}
.main_special .swiper-button-next {
    background: url(../icons/arrow_white.png) no-repeat;

}

/* 메인 스토어 */

.main_store .inner {
    width: 996px;
    margin: 0 auto;
    position:relative;
    padding-top: 60px;
}
.main_store .tit_tab_wrap {
    overflow: hidden;
}
.main_store  .main_sub_tit {
    float: left;
}
.main_store .common_tab {
    float: right;
    margin-top: 8px;
}

.main_store .giftcard_area {
    border: 1px solid #e4e4e4;
    padding: 30px 56px;
    border-radius: 10px;
}

.main_store .giftcard_area .giftcard {
    overflow: hidden;
}
.main_store .giftcard_area .giftcard > li {
    float: left;
    width: 25%;
}
.main_store .giftcard_area .playzone> li {
    width: calc(100% / 3);

}
.main_store .giftcard .img_wrap {
    display: inline-block;
    height: 75px;
    width: 75px;
    vertical-align: middle;
}

.main_store .giftcard .img_wrap img{
    width: 100%;
    height: 100%;
}
.main_store .giftcard .price_wrap {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.main_store .giftcard .price_wrap span {
    display: block;
    font-size: 14px;
    font-weight: 500;
}
.main_store .giftcard .price_wrap strong {
    font-weight: 700;
}
/* .main_store .giftcard .price_wrap strong{
    display: block;
} */

.main_store .giftcard_wrap {
    display: none;
}
.main_store .giftcard_wrap.active {
    display: block;
}
.main_store .more_area {
    text-align: center;
    margin-top: 30px;
}

.main_store .etc_area {
    padding-top: 40px;
    overflow: hidden;
}

.main_store .etc_area .etc_wrap {
    height: 245px;
}

.main_store .etc_area .qrcode_wrap {
    float: left;
    border: 1px solid #EAEAEA;
    text-align: center;
    padding: 25px;
    border-radius: 10px;
    box-sizing: border-box;
    height: 100%;
}
.main_store .etc_area .qrcode_wrap strong {
    font-size: 16px;
    font-weight: 500;
    display: block;
}
.main_store .etc_area  span {
    font-size: 13px;
    color: #222;
}
.main_store .etc_area .qrcode_wrap img {
    width: 60px;
    height: 60px;
    margin: 20px 0;
}

.main_store .etc_area .customer_wrap {
    float: left;
    border: 1px solid #EAEAEA;
    padding: 25px;
    margin: 0 32px;
    border-radius: 10px;
    height: 100%;
    box-sizing: border-box;
}
.main_store .etc_area .customer_wrap .customer_notice {
    padding-bottom: 25px;
    border-bottom: 1px solid #F4F4F4;
}
.main_store .etc_area .customer_wrap .notice_content {
    display: inline-block;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.main_store .etc_area .customer_wrap .notice_content:hover a{
    text-decoration: underline;
    color: #000;
}
.main_store .etc_area .customer_wrap .customer_notice .link_more {
    margin-left: 8px;
}

.main_store .etc_area .customer_wrap strong {
    font: 16px;
    font-weight: 500;
    color: #222;
    margin-right: 10px;
}
.main_store .etc_area .customer_cs  {
    padding-top: 25px;
    overflow: hidden;
}
.main_store .etc_area .customer_cs .cs_center {
    float: left;
}
.main_store .etc_area .customer_cs .cs_content {
    float: left;
}
.main_store .etc_area .customer_cs .cs_content strong{
    display: block;
}
.main_store .etc_area .customer_cs .cs_content span{
    display: block;
    color: #666;
}

.main_store .etc_area .customer_wrap .customer_links {
    overflow: hidden;
    margin-top: 20px;

}
.main_store .etc_area .customer_wrap .customer_links > li {
    float: left;
    padding: 7px 11px;
    background: #F6F6F6;
    border-radius: 5px;
}
.main_store .etc_area .customer_wrap .customer_links > li + li {
    margin-left: 20px;
}



.main_store .etc_area .ads_area {
    position: relative;
    float: left;
    width: 242px;
}
.main_store .etc_area .ads_slider {
    position: static;

}

.main_store .etc_area .swiper-slide {
    height: 245px;
}


.main_store .etc_area .swiper-slide img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}


.main_store .etc_area .ads_slider .swiper-pagination-bullets {
    position: absolute;
    height: 20px;
    left: 100px;
    top: -25px;
}
.main_store .etc_area .ads_slider .swiper-pagination-bullet {
   background: #FB4357;
   width: 7px;
   height: 7px;
}






/* *********************  로그인  ************************* */
.login_page .contents {
    width: 100%;
}
.login_page .inner {
    width: 588px;
    margin: 0 auto;
}
.login_page .login_tab {
    overflow: hidden;
    margin: 60px 0 30px;
}
.login_page .login_tab li {
    float: left; 
    border-bottom: 2px solid #444;
    width: 294px;
    transition: all 0.5s;
}

.login_page .login_tab a {
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 60px;
}
.login_page .login_tab li.active a {
    color: #FB4357;
}
.login_page .login_tab_area  {
    position: relative;
}
.login_page .login_tab_area .tab_bar {
    position: absolute;
    left: 0;
    top: 60px;
    width: 294px;
    height: 2px;
    background:  #FB4357;
    transition: all 0.4s;
}
.login_page .input_info {
    width: 588px;
    height: 60px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #666;
    text-indent: 30px;
}
.login_page .input_bottom {
    overflow: hidden;
    padding: 0 10px;
}
.login_page .checkbox_area {
    float: left;
}
.login_page .search_wrap {
    float: right;
}
.login_page .search_wrap li {
    float: left;
    margin-left: 20px;
}
.login_page .search_wrap a {
    font-weight: 500;
    color: #666;
}
.login_page .search_wrap li:nth-child(2) {
    position: relative;
}
.login_page .search_wrap li:nth-child(2):before {
    content: '';
    position: absolute;
    left: -10px;
    top: 4px;
    width: 1px;
    height: 15px;
    background: #000;
}

.login_page .submit_wrap {
    margin-top: 55px;
}
.login_page .submit_wrap button {
    width: 588px;
    height: 60px;
    border: none;
    border-radius: 10px;
    font-size: 18px;
    margin-bottom: 10px;
}
.login_page .submit_wrap a {
    display: block;
    border: 1px solid #000;
    width: 588px;
    line-height: 60px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
}

.login_page .sns_login_wrap {
    margin-top: 55px;
    text-align: center;
}
.login_page .sns_login {
    margin-bottom: 30px;
    font-size: 16px;
    position: relative;
}
.login_page .sns_login:before {
    content:'';
    position: absolute;
    left: -256px;
    top: 50%;
    width: 229px;
    height: 1px;
    background: #000;
}
.login_page .sns_login:after {
    content:'';
    position: absolute;
    left: 103px;
    top: 50%;
    width: 229px;
    height: 1px;
    background: #000;
}
.login_page .sns_wrap a {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin: 30px 10px 0;
}
.login_page .sns_wrap .naver {
    background-color: #00C43B;
}
.login_page .sns_wrap .apple {
    background-color: #222;
}
.login_page .login_area .login_wrap {
    display: none;
}
.login_page .login_area .login_wrap.active {
    display: block;
}


/* **************************      비회원 예매      ************************ */

.login_page .info_wrap {
    margin-top: 70px;
}
.login_page .btn_enroll {
    font-size: 18px;
    margin-top: 100px;
}
.login_page .btn_booking_wrap {
    text-align: center;
}

/* *************************공지사항***************************/

.notice_page .inner {
    width: 996px;
    margin: 0 auto;
}

.notice_page .notice_search_area {
    margin: 100px 0 20px;
    overflow: hidden;
}

.notice_page .notice_search_area span {
    float: left;
    font-weight: 500;
    margin-top: 18px;
}
.notice_page .notice_search_area .search_wrap {
    float: right;
}
.notice_page .notice_search_area .select_wrap {
    float: left;
    width: 124px;
}
.notice_page .notice_search_area form {
    float: left;
    width: 224px;
    position: relative;
    border: 1px solid #666;
    border-radius: 5px;
    margin-left: 20px;

}
.notice_page .notice_search_area input {
    width: calc(100% - 35px);
    height: 35px;
    border: none;
    text-indent: 15px;
    border-radius: 5px;

}
.notice_page .notice_search_area .btn_submit_search {
    width: 35px;
    height: 35px;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../icons/search_666.png) no-repeat 60% 60% / 65%;
}



/********************************** 무비차트 ***********************************/

[class*='chart_page'] .inner {
    width: 1224px;
    margin: 0 auto;
}

[class*='chart_page'] .tit_wrap {
    overflow: hidden;
    margin-top: 60px;
    border-bottom: 1px solid #666;
}
[class*='chart_page'] .page_tit {
    float: left;
    margin: 0 0 20px;
}
[class*='chart_page'] .common_tab {
    float: right;
    margin-top: 30px;
}


.chart_page .released_wrap {
    margin: 40px 12px 0;
}
.chart_page .released_wrap form {
    float: left;
}

.chart_page .released_wrap .order_crit_wrap {
    float: right;
    position: relative;
}
.chart_page .released_wrap .order_crit_wrap .btn_crit {
    width: 130px;
    line-height: 36px;
    border-radius: 5px;
    border: 1px solid #666;
    background: none;
    position: relative;
    text-align: left;
    text-indent: 15px;
}

.chart_page .released_wrap .order_crit_wrap .btn_crit.on {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.chart_page .released_wrap .order_crit_wrap ul {
    border: 1px solid #666;
    border-top: none;
    display: none;
    position: absolute;
    left: 0;
    top: 36px;
    width: 128px;
    z-index: 5000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.chart_page .released_wrap .order_crit_wrap ul.on {
    display: block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.chart_page .released_wrap .order_crit_wrap li {
    line-height: 35px;
    background: white;
    border-top: 1px solid #666;
    text-indent: 15px;
}
.chart_page .released_wrap .order_crit_wrap li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}
.chart_page .released_wrap .order_crit_wrap a {
    display: block;
}
.chart_page .released_wrap .order_crit_wrap li:hover {
    background: #FB4357;
}
.chart_page .released_wrap .order_crit_wrap li:hover a {
    color: white;

}

.chart_page .released_wrap .order_crit_wrap button:before {
    content:'';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    width: 12px;
    height: 7px;
    background: url(../icons/arrow_down.png) no-repeat center;

}

.chart_page .chart_area {
    overflow: hidden;
}
.chart_page .chart_area li {
    width: 282px;
    float: left;
    margin: 0 12px 60px;
}

.chart_page .chart_area .movie_wrap {
    overflow: hidden;
}
.chart_page .chart_area .more_movie_wrap {
    overflow: hidden;
    display: none;
}
.chart_page .chart_area .more_movie_wrap.on {
    display: block;
}

[class*='chart_page'] .btn_movie_wrap {
    text-align: center;
}

[class*='chart_page'] .btn_more_movie {
    width: 178px;
    height: 40px;
    background: white;
    border: 1px solid #666;
    border-radius: 10px;
    font-weight: 500;
}

.chart_page .btn_area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(34,34,34, 0.7);
    display: none;
}
.chart_page .chart_area li:hover .btn_area {
    display: block;
}

.chart_page .chart_area .btn_wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.chart_page .chart_area .btn_wrap a {
    display: block;
    width: 178px;
    line-height: 56px;
    text-align: center;
    border-radius: 5px;
    opacity: 0.9;
    font-weight: 500;
    font-size: 24px;
}
.chart_page .chart_area .btn_wrap .view_detail {
    background: white;
    color: #222;
    margin-bottom: 10px;
}


.chart_page .chart_area .img_wrap {
    width: 282px;
    position: relative;
    height: 402px;
}
.chart_page .chart_area .img_wrap:before {
    content:'';
    position:absolute;
    background:linear-gradient(to top, rgba(34, 34, 34, 0.8) , rgba(0,0,0,0));
    width: 100%;
    height: 100%;
}
.chart_page .chart_area .img_wrap img {
    width : 100%;
}
.chart_page .chart_area .img_wrap strong {
    position: absolute;
    left: 3px;
    bottom: -29px;
    color: white;
    font-size: 100px;
    letter-spacing: -0.05em;
}
.chart_page .chart_area .img_wrap .top_icon_wrap {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 26px;
    height: 49px;
}
.chart_page .chart_area .top_icon_wrap i {
    display: block;
    width: 26px;
    height: 26px;
}
.chart_page .chart_area .top_icon_wrap i img {
 width: 100%;
 height: 100%;
}
.chart_page .chart_area .top_icon_wrap .dday {
    background: white;
    border-radius: 13px;
    color: red;
    font-size: 11px;
    font-weight: 700;
    margin-top: 7px;
}
.chart_page .chart_area .top_icon_wrap .dday span {
    display: block;
    padding: 5px 3px;
}

.chart_page .chart_area .bottom_icon_wrap {
    position: absolute;
    right: 8px;
    bottom: 15px;
    width: 145px;
    height: 10px;
}
.chart_page .chart_area .bottom_icon_wrap i {
    border: 1px solid rgba(255, 255, 255, 0.795);
    border-radius: 3px;
    padding: 2px;
    width: 40px; 
    height: 8px;
    float: right;
    margin-left: 2px;
}

.chart_page .chart_area  .txt_wrap {
    margin-top: 15px;
}
.chart_page .chart_area .txt_wrap strong {
    width: 282px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-bottom: 10px;
    color: #444;
    font-weight: 500;
}
.chart_page .chart_area  .txt_wrap span {
    font-size: 14px;
}
.chart_page .chart_area .txt_wrap .egg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    position: relative;
}
.chart_page .chart_area .txt_wrap .egg:before{
    content: '';
    position: absolute;
    left: -5px;
    top: 4px;
    width: 1px;
    height: 14px;
    background: #707070;
}
.chart_page .chart_area .txt_wrap .egg img {
    width: 16px;
    vertical-align: -2px;
    margin-right: 5px;
}
.chart_page .chart_area .txt_wrap .released_date {
    display: block;
    font-size: 13px;
    font-weight: 500;
}

.chart_page .chart_area.active {
    display: block;
}
.chart_page .chart_area {
    display: none;
}


/**************** 상영예정작 *******************/

.pre_chart_page .released_date {
    font-size: 22px;
    font-weight: 500;
    margin: 20px 0 20px 12px;
}
.pre_chart_page .movie_wrap {
    overflow: hidden;
}
.pre_chart_page .movie_wrap>li {
    float: left;
    width: 282px;
    margin: 0 12px 60px;
}
.pre_chart_page .movie_wrap .img_wrap {
    position: relative;
    height: 402px;
    width: 100%;
}
.pre_chart_page .movie_wrap .img_wrap img {
    width: 100%;
    height: 100%;
}

.pre_chart_page .movie_wrap .img_wrap:before {
    content:'';
    position:absolute;
    background:linear-gradient(to top, rgba(34, 34, 34, 0.8) , rgba(0,0,0,0));
    width: 100%;
    height: 100%;
}

.pre_chart_page .movie_wrap .img_wrap .top_icon_wrap {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 26px;
    height: 49px;
}
.pre_chart_page .movie_wrap .top_icon_wrap i {
    display: block;
    width: 26px;
    height: 26px;
}
.pre_chart_page .movie_wrap .top_icon_wrap i img {
 width: 100%;
 height: 100%;
}

.pre_chart_page .movie_wrap  .bottom_icon_wrap {
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    width: 145px;
    height: 10px;
}
.pre_chart_page .movie_wrap  .bottom_icon_wrap i {
    border: 1px solid rgba(255, 255, 255, 0.795);
    border-radius: 3px;
    padding: 2px;
    width: 40px; 
    height: 8px;
    float: left;
    margin-left: 2px;
}

.pre_chart_page .movie_wrap .txt_wrap {
    margin-top: 15px;
}
.pre_chart_page .movie_wrap .txt_wrap strong {
    width: 282px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-bottom: 10px;
    color: #444;
    font-weight: 500;
}
.pre_chart_page .movie_wrap .txt_wrap span {
    font-size: 14px;
}
.pre_chart_page .movie_wrap .txt_wrap .egg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    position: relative;
}
.pre_chart_page .movie_wrap .txt_wrap .egg:before{
    content: '';
    position: absolute;
    left: -5px;
    top: 4px;
    width: 1px;
    height: 14px;
    background: #707070;
}
.pre_chart_page .movie_wrap .txt_wrap .egg img {
    width: 16px;
    vertical-align: -2px;
    margin-right: 5px;
}

.pre_chart_page .movie_wrap .btn_area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(34,34,34, 0.7);
    display: none;
}
.pre_chart_page .movie_wrap li:hover .btn_area {
    display: block;
}

.pre_chart_page .movie_wrap .btn_wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.pre_chart_page .movie_wrap .btn_wrap a {
    display: block;
    width: 178px;
    line-height: 56px;
    text-align: center;
    border-radius: 5px;
    opacity: 0.9;
    font-weight: 500;
    font-size: 24px;
}
.pre_chart_page .movie_wrap .btn_wrap .view_detail {
    background: white;
    color: #222;
    margin-bottom: 10px;
}
.pre_chart_page .pre_june_july {
    display: none;
}
.pre_chart_page .pre_june_july.active {
    display: block;
}
/************************ 스토어 *********************/
.store_page .inner {
    width: 1224px;
    margin: 0 auto;
}
.store_page .tit_wrap {
    overflow: hidden;
    margin-top: 60px;
    border-bottom: 1px solid #666;
}
.store_page .tit_wrap .page_tit {
    float: left;
    margin: 0 0 20px 0;
}
.store_page .tit_wrap .page_sub_tit {
    float: left;
    margin: 30px 0 0 10px;
}
.store_page .tit_wrap .common_tab {
    float: right;
    margin-top: 30px;
} 
.store_page .product_wrap {
    overflow: hidden;
    margin-top: 60px;
}
.store_page .product_wrap>li {
    float: left;
    margin: 0 12px 60px;
    width: 282px;
    position: relative;
}
.store_page .product_wrap>li:hover .img_wrap:after {
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(68,68,68, 0.3);
}

.store_page .product_wrap .intro_giftcard:hover .img_wrap:after {
    display: none;
}

.store_page .product_wrap .img_wrap {
    height: 282px;
    position: relative;
}

.store_page .product_wrap .img_wrap img {
    width: 100%;
    height: 100%;
}
.store_page .product_wrap .link_wrap {
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -84px;
    width: 168px;
    display: none;
    overflow: hidden;
    
}
.store_page .product_wrap>li:hover .link_wrap {
    display: block;
}

.store_page .product_wrap .link_wrap>li {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 3px;
}

.store_page .product_wrap .link_wrap>li a {
    display: block;
    background: url(../icons/bg_icon_setBtn.png) no-repeat;
    text-indent: -9999px;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.store_page .product_wrap .link_wrap>li:nth-child(2) a {
    background: url(../icons/bg_icon_setBtn.png) -53px -1px;
}
.store_page .product_wrap .link_wrap>li:nth-child(3) a {
    background: url(../icons/bg_icon_setBtn.png) -105px -1px;
}

.store_page .product_wrap .link_wrap>li:hover a {
    background: url(../icons/bg_icon_setBtn.png) -157px -1px;
}

.store_page .product_wrap .link_wrap>li:nth-child(2):hover a {
    background: url(../icons/bg_icon_setBtn.png) -209px -1px;
}

.store_page .product_wrap .link_wrap>li:nth-child(3):hover a {
    background: url(../icons/bg_icon_setBtn.png) -261px -1px;
}





.store_page .product_wrap .txt_wrap {
    padding: 10px 20px;
}
.store_page .product_wrap .txt_wrap strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
}
.store_page .product_wrap .txt_wrap span {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.store_page .product_wrap .txt_wrap em {
    font-size: 16px;
    font-weight: 500;
}


/*************************  문의 **************************/
.inquiry_page .inner {
    width: 996px;
    margin: 0 auto;
}

.inquiry_page [class*=_area] {
    /* border: 1px solid #000; */
    width: 100%;
    margin-top: 100px;
}
.inquiry_page .tbl_inquiry_wrap .btn_theater {
    text-align: center;
    width: 123px;
    line-height: 35px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}
.inquiry_page .tbl_inquiry_wrap .calendar {
    position: relative;
    display: inline-block;
}

.inquiry_page .tbl_inquiry_wrap .calendar .input_mid {
    text-align: center;
    text-indent: 0;
}
.inquiry_page .tbl_inquiry_wrap .calendar label {
    width: 20px;
    height: 20px;
    background: url(../icons/calendar.png) no-repeat center;
    text-indent: -9999px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.inquiry_page .tbl_inquiry_wrap .select_wrap {
    border: 1px solid #ddd;
    background: #f8f8f8;
}
.inquiry_page .selet_time_wrap {
    display: inline-block;
    margin-right: 16px;
}
.inquiry_page .tbl_inquiry_wrap .textarea_conts {
    padding: 20px 0;
    text-align: right;
}

.inquiry_page .tbl_inquiry_wrap textarea {
    border-radius: 5px;
}

.inquiry_page .tbl_inquiry_wrap .textarea_conts .num_char {
    display: block;
    margin: 10px 6px 0 0;
    font-size: 13px;
    font-weight: 500;
}


.inquiry_page .inquiry_azitx_area .azitx_wrap {
    border-top: 2px solid #707070;
    padding-top: 10px
}

.inquiry_page .azitx_wrap p {
    margin-left: 10px;
    font-weight: 500;
}

.inquiry_page .azitx_wrap .azitx_tbl_wrap {
    overflow: hidden;
    margin-top: 62px;
}
.inquiry_page .azitx_wrap .azitx_tbl_wrap h4 {
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
}
.inquiry_page .azitx_wrap .azitx_theater {
    float: left;
    width: 486px;
}
.inquiry_page .azitx_wrap .azitx_theater .azitx_region {
    border-top: 2px solid #ddd;
}
.inquiry_page .azitx_wrap .azitx_theater dl {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.inquiry_page .azitx_wrap .azitx_theater dt {
    float: left;
    width: 124px;
    line-height: 40px;
    font-weight: 500;
    text-indent: 30px;
}
.inquiry_page .azitx_wrap .azitx_theater dd {
    float: left;
    line-height: 40px;
}


/* 아지트엑스 요금표 */
.inquiry_page .azitx_wrap .azitx_fee {
    float: right;
    width: 486px;
}

.inquiry_page .azitx_wrap .azitx_fee table {
    text-align: center;
}

.inquiry_page .azitx_wrap .azitx_fee thead {
    border-top: 2px solid #999;
    background: #E2E2E0;
    line-height: 40px;
}

.inquiry_page .azitx_wrap .azitx_fee thead th {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.inquiry_page .azitx_wrap .azitx_fee thead th:last-child {
    border-right: none;
}

.inquiry_page .azitx_wrap .azitx_fee tbody th {
    font-weight: 400;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.inquiry_page .azitx_wrap .azitx_fee td {
    line-height: 40px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.inquiry_page .azitx_wrap .azitx_fee td:last-child {
    border-right: none;
}

.inquiry_page .azitx_wrap span {
    font-size: 13px;
    font-weight: 500;
    display: block;
    margin: 15px 0 0 15px;
}


.inquiry_page .btn_enroll_wrap {
    margin-top: 100px;
    text-align: center;
}


/******************* 극장 찾기 ********************/
.theater_page #map {
    height: 875px;
}

.theater_page #map .map_info_area {
    background: white;
    width: 400px;
    height: 835px;
    position: absolute;
    left: 20px;
    top: -130px;
    z-index: 5;
}

.theater_page #map .map_info_area .common_tab_area {
    text-align: center;
}

.theater_page #map .map_info_area .common_tab {
    margin-top: 30px;
    display: inline-block;

}
.theater_page #map .map_info_area .select_area {
    text-align: center;
    display: none;
}
.theater_page #map .map_info_area .select_area.active {
    display: block;
}

.theater_page #map .map_info_area .select_wrap {
    width: 156px;
    height: 40px;
    margin: 20px 5px 0;
}

.theater_page #map .map_info_area .select_wrap select {
    line-height: 40px;
}

.theater_page #map .map_info_area form {
    position: relative;
    width: 334px;
    border: 1px solid #666;
    border-radius: 5px;
    display: none;
    margin: 20px 32px 0;
}
.theater_page #map .map_info_area form.active {
    display: block;
}
.theater_page #map .map_info_area .favorite {
    display: none;
    margin-left: 30px;
}

.theater_page .favorite .info_wrap  .fav_star {
    background-image: url(../icons/fav_star_on.png);
}

.theater_page #map .map_info_area .favorite.active {
    display: block;
}

.theater_page #map .map_info_area input {
    height: 40px;
    width: calc(100% - 35px);
    border: none;
    border-radius: 5px;
    text-indent: 15px;
}
.theater_page #map .map_info_area .btn_submit_search {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(../icons/search_666.png) no-repeat 55% 65%;
    border-radius: 5px;
    border: none;
}

.theater_page #map .map_info_area .search_result {
    margin: 30px 0 0 30px;
    display: none;
}

.theater_page .inner {
    display: none;
}

















.theater_page .info_wrap {
    padding: 20px;
}
.theater_page .info_wrap h3 {
    font-weight: 700;
    margin-left: 28px;
    margin-bottom: 10px;
    color: #222;
    position: relative;
}
.theater_page .info_wrap .fav_star {
    content:'';
    position: absolute;
    left: -25px; 
    top: 2px; 
    width: 16px;
    height: 16px;
    background: url(../icons/fav_star.png) no-repeat center;
    cursor: pointer;
}

.theater_page .info_wrap .fav_star.on {
    background-image: url(../icons/fav_star_on.png);
}
.theater_page .info_wrap p {
    color: #222;
}

.theater_page .inner {
    width: 996px;
    margin: 0 auto;
}
.theater_page .inner .page_tit_wrap {
    margin-bottom: 150px;
}
.theater_page [class*='_info'] {
    margin-top: 150px;
    overflow: hidden;
}

.theater_page [class*='_info'] h4 {
    font-weight: 700;
    font-size: 20px;
    color: #444;
    margin-bottom: 20px;
}
.theater_page [class*='_info'] dl{
    border-top: 1px solid #707070;
    width: 792px;
    float: right;
    overflow: hidden;
    margin-bottom: 70px;

}
.theater_page [class*='_info'] dl dt {
    float: left;
    font-weight: 500;
    color: #444;
    text-indent: 20px;
    /* width: 100px; */
    /* border: 1px solid red; */
    line-height: 50px;

}
.theater_page [class*='_info'] dl dd {
    /* float: left; */
    margin-left: 150px;
    line-height: 50px;
}

.theater_page .address_info dl {
    margin-bottom: 0;

}
.theater_page .address_info dl + dl {
    border-top : none;
}
.theater_page .bus_sub_info .info_tit_wrap {
    overflow: hidden;
}
.theater_page .bus_sub_info h4 {
    float: left;
}
.theater_page .bus_sub_info button {
    width: 100px;
    line-height: 28px;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    float: right;
}
.theater_page .bus_sub_info strong {
    margin-right: 65px;
}
.theater_page .bus_sub_info .line2 {
    color: #3CB44A
}
.theater_page .bus_sub_info .line9 {
    color: #CEA43A
}
.theater_page .bus_sub_info .violet_bus {
    color: #706BCA
}
.theater_page .bus_sub_info .blue_bus {
    color: #3D5BAB
}
.theater_page .bus_sub_info .red_bus {
    color: #DD121A
}

.theater_page .parking_info dl dd {
    line-height: normal;
    margin-top: 15px;
}