@charset "UTF-8";

/* main common */
html {scroll-behavior: smooth;}
header {background: linear-gradient(to bottom,rgba(0,0,0,.7) 10%,rgba(0,0,0,0));}
hr {width: 10rem;}
.slick-slide {outline: none;}
.container {padding-top: 1rem;overflow: hidden;}

/* Modal */
.modal_wrap {display : none;width: 100%;height: 100%;flex-direction: column;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;z-index: 9999;}
.modal_wrap a {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 50rem;height: auto;background: #000;cursor: auto;}
.modal_wrap img {max-width: 50rem;}
.modal_wrap .modal_close {display: flex;justify-content: space-between;align-items: stretch;width: 100%;max-width: 50rem;height: 4.2rem;}
.modal_wrap .modal_close button {width: 50%;background: #fff;color: #000;font-size: 1.6rem;font-weight: bold;border: 1px solid #aaa;}
.modal_wrap .modal_close button.modal_week_hide {border-right: none;}

.modal_dim {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--greyOp600);backdrop-filter: blur(5px);z-index: 100;}



/* Main Banner   ( date : 2021.06.08 ) */
.bn-slider {position: relative;min-height:55vw;transition: .3s ease;z-index: 0;}
.bn-slider .bn-slider-wrapper {position: relative;top: 0;left: 0;}
.bn-slider .bn-slider-wrapper .bn-slider {position: relative;width: 100%;overflow: hidden;z-index: 0;}
.bn-slider .bn-slider-wrapper .bn-slider .slick-slider {padding: 0px;}
.bn-slider .bn-slider-wrapper .bn-slider .bn-slide {position: relative;width: 100%;height: 55vw;}
.bn-slider .bn-slider-wrapper .bn-img-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 47vw;overflow: hidden;z-index: 9;} 
.bn-slider .bn-slider-wrapper .bn-img-wrapper img {position: absolute;top: 0;left: 0;width: 100%;transition:.3s ease;transform: scale(1.1);}
.bn-slider .bn-slider-wrapper .bn-img-wrapper .left-layer {position: absolute;top: 0;left: 0;right: 26%;bottom: 0;opacity: 1;transition: opacity .5s;background: linear-gradient(77deg,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 85%);background: -webkit-linear-gradient(13deg, rgba(0, 0, 0, .9) 0, rgba(0,0,0,0) 85%);transition: .3s ease;}
.bn-slider .bn-slider-wrapper .bn-img-wrapper .bottom-layer {position: absolute;top: auto;left: 0;right: 0;bottom: 0px;width: 100%;height: 30vw;background-image: linear-gradient(to top,#111,transparent 60%);background-size: 100% 100%;background-position: 0 top;background-repeat: repeat-x;background-color: transparent;}
.bn-slider .bn-slider-wrapper .bn-text-wrapper {position: absolute;top: 13vw;left: 10vw;min-width: 550px;z-index:10;}
.bn-slider .bn-slider-wrapper .bn-text-wrapper h3 {animation: bn-text-fadeDown 2s 250ms both;opacity: 0;opacity: 0;font-size: 4.4rem;font-weight: bold;line-height: 1.2;padding-bottom: 2vw;text-align: left;}
.bn-slider .bn-slider-wrapper .bn-text-wrapper p {opacity: 0;width: 45rem;font-size: 1.8rem;line-height: 1.4;margin-bottom: 3.5vw;min-height: 140px;word-break: keep-all;text-align: left;}
.bn-slider .bn-slider-wrapper .bn-text-wrapper a {opacity: 0;display: block;width: 18rem;height: 5.4rem;background: rgba(255, 255, 255, .1);font-size: 1.8rem;font-weight: bold;line-height: 2.8;text-align: center;color: #fff;border: 1px solid #888;border-radius: .5rem;transition: all .5s ease-in-out;}
.bn-slider .bn-slider-wrapper .bn-text-wrapper a:hover {border: 1px solid #fff;transition: all .5s ease-in-out;}
.bn-slider .bn-slider-wrapper .prev {position: absolute;top: 20vw;left: 4.7rem;width: 10rem;height: 10rem;background: url("/html_cloud/images/icon/btn-prv.png") center no-repeat;opacity: .4;z-index: 99;}
.bn-slider .bn-slider-wrapper .next {position: absolute;top: 20vw;right: 4.7rem;width: 10rem;height: 10rem;background: url("/html_cloud/images/icon/btn-next.png") center no-repeat;opacity: .4;z-index: 99;}
.bn-slider .bn-slider-wrapper .prev:hover,
.bn-slider .bn-slider-wrapper .next:hover {opacity: 1;}
.category-slider:nth-child(2) {margin-top: -14vw;}
.bn-slider .bn-slider-wrapper .bn-slider .slick-slide.slick-active .bn-img-wrapper img {animation: bn-img-scale 9s 600ms both;}
.bn-slider .bn-slider-wrapper .bn-slider .slick-slide.slick-active .bn-text-wrapper h3 {animation: bn-text-fadeup 2s 250ms both;opacity: 1;}
.bn-slider .bn-slider-wrapper .bn-slider .slick-slide.slick-active .bn-text-wrapper p {animation: bn-text-fadeup 3s 500ms both;opacity: 1;}
.bn-slider .bn-slider-wrapper .bn-slider .slick-slide.slick-active .bn-text-wrapper a {animation: bn-text-fadeup 4s 750ms both;opacity: 1;}
.bn-slider #progressBarContainer {position: absolute;top: 32vw;right: 8rem;}
.bn-slider #progressBarContainer .item {display: block;padding: 0;cursor: pointer;margin-right: 3%;float: left;color: white;}
.bn-slider #progressBarContainer .item h3 {font-size: 1.4rem;text-align: center;padding-bottom: 1rem;color: #aaa}
.bn-slider #progressBarContainer .item h3.on {color: #fff}
.bn-slider #progressBarContainer .item .progressBar {display: block;width: 100%;height: 4px;background-color: rgba(255, 255, 255, 0.4);}
.bn-slider #progressBarContainer .item .progressBar .inProgress {width: 0%;height: 100%;background-color: rgba(255, 255, 255, 1);}
.bn-slider #progressBarContainer .bn-controller {float: left;width: 2.4rem;height: 2.4rem;background: rgba(0,0,0,.4);border-radius: 2.4rem;padding: .6rem 0;box-sizing: border-box;}
.bn-slider #progressBarContainer .bn-controller i {display: block;text-align: center;font-size: 1rem;}

/* category */
.category-slider:first-child {padding: 70px 0 0 0;}
.category-slider {position: relative;width: 100%;padding-bottom: 6rem;overflow: hidden;}
.category-slider .slider-title {margin: 0 0 1.5rem 4.7rem;font-size: 2.8rem;font-weight: 600;line-height: 1;text-align: left;}
.category-slider .slider-frame {position: relative;width: 100%;margin: 0 auto;}
.category-slider .slider-frame .slider-container {margin: 0 0 0 4rem;}
.category-slider .slider-frame .slider-container .slide {float: left;position: relative;top: 0;margin: 0 1rem 0 0;transition: all .3s ease;}
.category-slider .slider-frame .slider-container .slide a {display: block;height: 100%;}
.category-slider .slider-frame .slide i {color: #f00;}
.category-slider .slider-frame .slide .thumb {position:relative;cursor: pointer;}
.category-slider .slider-frame .slide .thumb .card_ceiling {position: absolute;top: 10px;left: 10px;padding: .6rem .8rem;background: #ec3131;color: #fff;font-size: 1.3rem;line-height: 1.2;font-weight: 600;border-radius: .3rem;box-shadow: 0px 5px 3px -3px rgb(0 0 0 / 60%);}
.category-slider .slider-frame .slide .thumb .card_ceiling.free {background: #5431ec;}
.category-slider .slider-frame .movie-info{display: none;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.7);width: 100%;height: 100%;padding-bottom: 4%;box-sizing: border-box;color: #fff;z-index: 100;}
.category-slider .slider-frame .movie-info .movie-info-relative {display:block;position: relative;width: 100%;height: 100%;}
.category-slider .slider-frame .movie-info .btn-plus {position: absolute;right: 10px;bottom: 7px;cursor: pointer;z-index: 101;}
.category-slider .slider-frame .movie-info .btn-plus .ico-plus {vertical-align: middle;z-index: 102;}
.category-slider .slider-frame .movie-info .btn-plus:hover {cursor: pointer;}
.category-slider .slider-frame .movie-info .heart {position: absolute;left: 5%;bottom: calc(20px + 5.5rem);font-size: 1.65em;font-weight: bold;z-index:102;}
.category-slider .slider-frame .movie-info .heart .ico-heart {float: left;width: 18px !important;vertical-align: middle;margin: 0 4px 0 0;z-index: 103;}
.category-slider .slider-frame .movie-info .sales {display: flex;align-items: center;position: absolute;bottom: 7.5rem;left: 6.4rem;}
.category-slider .slider-frame .movie-info .sales i {color: var(--grey200);font-size: 1.6rem;}
.category-slider .slider-frame .movie-info .sales p {padding-left: .4rem;font-size: 1.6rem;font-weight: bold;}
.category-slider .slider-frame .movie-info .tearcher-info {display: flex;position: absolute;bottom: calc(42px + .7rem);left: 5%;font-size: 1.6rem;z-index: 103;}
.category-slider .slider-frame .movie-info .tearcher-info span.line {display: block;width: 1px;height: 10px;margin: .1rem .5rem 0;background-color: #fff;}
.category-slider .slider-frame .movie-info .price {position: absolute;left: 5%;bottom:calc(0px + 1rem);font-size:2.1rem; font-weight:bold;z-index: 104}
.category-slider .slider-frame .movie-info .price .discount {font-size: 1.8rem;color:red;font-weight:900;letter-spacing:-0.08em;z-index:104}
.category-slider .slider-frame .movie-info .price .after-price {font-size: 1.6rem;color: #c0c0c0;letter-spacing:-0.08em;text-decoration:line-through;z-index:104;vertical-align: bottom; }
.category-slider .slider-frame .movie-info .btn-down {position: absolute;right: 5%;bottom: calc(20px + .7rem);width:27px;z-index:105;cursor:pointer;opacity: 0;}
.category-slider .slider-frame .movie-title {display: inline-block;width: 100%;background: #222;color: #fff;font-size: 1.7rem;line-height: 1.3;padding: 1rem;box-sizing: border-box;word-break: break-word;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.category-slider .slider-frame .btn {position: absolute;top: 0;width: 4rem;height: 100%;cursor: pointer;z-index: 3;}
.category-slider .slider-frame .btn.prev {left: 0px;}
.category-slider .slider-frame .btn.next {right: 0px;}
.category-slider .slider-frame .btn.prev.active {background: url('/html/images/icon/btn-prv.png') no-repeat center;}
.category-slider .slider-frame .btn.next.active {background: url('/html/images/icon/btn-next.png') no-repeat center;}
.category-slider .slider-frame .slick-dots {display: none;position: absolute;top: -2.8rem;right: 4.7rem;}
.category-slider .slider-frame .slick-dots li {margin: 0 2px;}
.category-slider .slider-frame .slick-dots li button {background: #444;border: none;}
.category-slider .slider-frame .slick-dots .slick-active button {background: #0080ff;}

/* category-view */
.category-view {width: 100%;padding: 0 4.4rem 6rem;}
.category-view h2 {font-size: 2.8rem;color: #fff;font-weight: 600;line-height: 1;text-align: left;margin-bottom: 1.5rem;}
.category-view .category_wrap {width: 100%;}
.category-view ul {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.category-view ul li {flex: 1;margin-right: 1.2rem;border-radius: 5px;}
.category-view ul li:nth-child(1) {background: linear-gradient(180deg, rgba(199, 79, 79, 0) 8.85%, rgba(199, 79, 79, 0.2) 40%, #C74F4F 100%);}
.category-view ul li:nth-child(2) {background: linear-gradient(180deg, rgba(161, 82, 168, 0) 8.85%, rgba(161, 82, 168, 0.2) 40%, #A152A8 100%);}
.category-view ul li:nth-child(3) {background: linear-gradient(180deg, rgba(57, 150, 77, 0) 8.85%, rgba(57, 150, 77, 0.2) 40%, #39964D 100%);}
.category-view ul li:nth-child(4) {background: linear-gradient(180deg, rgba(82, 53, 163, 0) 8.85%, rgba(82, 53, 163, 0.2) 40%, #5235A3 100%);}
.category-view ul li:last-child {background: linear-gradient(180deg, rgba(67, 133, 148, 0) 8.85%, rgba(67, 133, 148, 0.2) 40%, #438594 100%);margin-right: 0;}
.category-view ul li a {display: block;height: 100%;padding: 2.4rem 0;font-size: 2rem;font-weight: 500;color: #fff;text-align: center;line-height: 1.2;}
.category-view ul li a span {position: relative;padding: 0 .8rem;}
.category-view ul li a span::before {content: '';position: absolute;right: 0px;bottom: 0;width: 0;height: 8px;transition: all .5s;z-index: -1;}
.category-view ul li:nth-child(1) a span::before {background: #FFADAD;}
.category-view ul li:nth-child(2) a span::before {background: #EAADFF;}
.category-view ul li:nth-child(3) a span::before {background: #ADFFB5;}
.category-view ul li:nth-child(4) a span::before {background: #C495FF;}
.category-view ul li:nth-child(5) a span::before {background: #85EAFF;}
.category-view ul li:hover a span:before {left: 0px;width: 100%;transition: all .5s;padding-left: -20px;}
.category-view ul li:nth-child(1):hover {background: linear-gradient(180deg, rgba(199, 79, 79, 0) 8.85%, rgba(199, 79, 79, 0.2) 40%, #782e2e 100%);}
.category-view ul li:nth-child(2):hover {background: linear-gradient(180deg, rgba(161, 82, 168, 0) 8.85%, rgba(161, 82, 168, 0.2) 40%, #722c78 100%);}
.category-view ul li:nth-child(3):hover {background: linear-gradient(180deg, rgba(57, 150, 77, 0) 8.85%, rgba(57, 150, 77, 0.2) 40%, #1e5229 100%);}
.category-view ul li:nth-child(4):hover {background: linear-gradient(180deg, rgba(82, 53, 163, 0) 8.85%, rgba(82, 53, 163, 0.2) 40%, #291954 100%);}
.category-view ul li:nth-child(5):hover {background: linear-gradient(180deg, rgba(67, 133, 148, 0) 8.85%, rgba(67, 133, 148, 0.2) 40%, #22464e 100%);}


.category-view .category_wrap2 {width: 100%;}
.category-view .category_wrap2 .category_cont {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.category-view .category_wrap2 .category_cont .cate_card_item {width: 20%;margin-right: 1%;transition: all .5s;transform: translateY(0);}
.category-view .category_wrap2 .category_cont .cate_card_item:last-child {margin-right: 0;}
.category-view .category_wrap2 .category_cont .cate_card_item:hover {transition: all .5s;transform: translateY(-.75rem);}
.category-view .category_wrap2 .category_cont .cate_card_item a {display: block;position: relative;background: #242424;border-radius: 1rem;box-shadow: 5px 6px 7px rgb(0 0 0 / 55%);width: 100%;height: 100%;padding: 2.2rem 1.8rem;border: 4px solid #242424;transition: .3s all;}
.category-view .category_wrap2 .category_cont .cate_card_item:hover a {transition: .3s all;}
.category-view .category_wrap2 .category_cont .cate_card_item .cate_card_cont {display: flex;justify-content: space-between;align-items: center;position: relative;font-size: 2rem;line-height: 1.4;color: #fff;}
.category-view .category_wrap2 .category_cont .cate_card_item .cate_card_txt {text-align: left;}
.category-view .category_wrap2 .category_cont .cate_card_item .cate_card_txt .cate_card_label {display: block;font-size: 1.4rem;font-weight: 600;}
.category-view .category_wrap2 .category_cont .cate_card_item i {font-size: 3.2rem;}
.cate_card_item.cate_c01:hover a {border-color: #2174f4 !important;}
.cate_card_item.cate_c01 .cate_card_txt .cate_card_label,
.cate_card_item.cate_c01 .cate_card_cont i {color: #2174f4;}
.cate_card_item.cate_c02:hover a {border-color: #f4b221 !important;}
.cate_card_item.cate_c02 .cate_card_txt .cate_card_label,
.cate_card_item.cate_c02 .cate_card_cont i {color: #f4b221;}
.cate_card_item.cate_c03:hover a {border-color: #00a333 !important;}
.cate_card_item.cate_c03 .cate_card_txt .cate_card_label,
.cate_card_item.cate_c03 .cate_card_cont i {color: #00a333;}
.cate_card_item.cate_c04:hover a {border-color: #af38f7 !important;}
.cate_card_item.cate_c04 .cate_card_txt .cate_card_label,
.cate_card_item.cate_c04 .cate_card_cont i {color: #af38f7;}
.cate_card_item.cate_c05:hover a {border-color: #f42181 !important;}
.cate_card_item.cate_c05 .cate_card_txt .cate_card_label,
.cate_card_item.cate_c05 .cate_card_cont i {color: #f42181;}
.cate_card_item.cate_c06:hover a {border-color: #d5d5d5 !important;}
.cate_card_item.cate_c06 .cate_card_txt .cate_card_label,
.cate_card_item.cate_c06 .cate_card_cont i {color: #d5d5d5;}


/* pakage */
.pakage-list {display: inline-flex;overflow: hidden;width: 70%;margin: 100px 0 0 20px;}
.pakage-list .slide {height: initial !important;margin-right:10px;}
.pakage-list .movie-title {font-size: 14px;padding: 0;word-wrap: break-word;}
.pakage-detail-view-mobile {display:none;position: fixed;left: 0;top: 0;height: 100%;background: #292929;overflow-y: scroll;z-index: 1001;}
.pakage-detail-view-mobile .btn-close {position: fixed;top: 3rem;right: 3rem;z-index: 5;}
.pakage-detail-view-mobile .movie-detail-layer .movie-background-image {position: relative;width: 100%;height: auto;}
.pakage-detail-view-mobile .movie-detail-layer .movie-background-image .movie-background-opati {position: absolute;left: 0;background: linear-gradient(-180deg, rgba(0,0,0,.0),#292929 90%);width: 100%;height: 100%;z-index: 2;}    
.pakage-detail-view-mobile .movie-detail-layer .movie-background-image img {width: 100%;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info {display: block;position: relative;left: 0;margin: 0 2.3rem 2.3rem 2.3rem;line-height: 3rem;z-index: 3;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .movie-detail-hashtag {font-size: 2.4rem;color: #0080ff;letter-spacing: -.15rem;height: 3.6rem;line-height: 1;margin: 1rem 2rem 0 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .movie-detail-title {font-size: 3.4rem;color: #fff;letter-spacing: -.45rem;height: 3.5rem;line-height: 1;margin: .4em 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info i {font-style: normal;width: 52px;height: 30px;margin-top: 2.5em;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .category {display: inline-block;margin: 0;padding: 0;width: 80px;line-height: 25px;text-align: center;font-size: 20px;font-weight: 900;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .play-time {font-size: 19px;margin-left: .5rem;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .play-time img {margin: 0 .5rem 0 0;vertical-align: middle;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .class-detail-info {box-sizing: border-box;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .class-detail-info .class-info {font-size: 20px;margin-top: 15px;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .btn-group {display: block;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .play-btn {display: inline-block;background: #0080ff;border: 1px solid #0080ff;color: #fff;padding: 16px 0;text-align: center;font-size: 3.4rem;box-sizing: border-box;width: 50%;cursor: pointer;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .play-btn img {vertical-align: middle;margin: 0 .6rem 0 0;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .favorite-btn {display: inline-block;border: 1px solid #fff;padding: 16.5px 0;text-align: center;margin: 0 0 0 1%;font-size: 3.4rem;box-sizing: border-box;width: 49%;cursor: pointer;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .favorite-btn img {vertical-align: middle;margin: 0 .6rem 0 0;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .btn-group {display: block;padding: 2rem 2.3rem 0 0;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .play-btn {display: inline-block;background: #0080ff;border: 1px solid #0080ff;color: #fff;padding: 16px 0;text-align: center;font-size: 3.4rem;box-sizing: border-box;width: 50%;cursor: pointer;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .play-btn img {vertical-align: middle;margin: 0 .6rem 0 0;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .favorite-btn {display: inline-block;border: 1px solid #fff;padding: 16px 0;text-align: center;margin: 0 0 0 1%;font-size: 3.4rem;box-sizing: border-box;width: 49%;cursor: pointer;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .favorite-btn img {vertical-align: middle;margin: 0 .6rem 0 0;}
.pakage-detail-view-mobile .movie-detail-layer .movie-detail-info .buy-info {font-size: 18px;}
.pakage-detail-view-mobile .info-btn {display: block;margin: 5rem 0 0 0;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.pakage-detail-view-mobile .info-btn li {display: inline-block;width: 30%;text-align: center;padding: 3rem 0 4rem 0;font-size: 2.5rem;cursor: pointer;}
.pakage-detail-view-mobile .info-btn .active {border-top: 2px solid #fff;}
.pakage-detail-view-mobile .class-detail-desc {font-size: 2.4rem;line-height: 3.19rem;margin: 5.7rem 0 5.7rem 0;color: #dcdcdc;}

.pakage-detail-view-mobile .movie-detail-layer .class-recoment {display: none;min-height: 468px;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content {display: none;height: 200px;font-size:1.5rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content {display: inline-block;width: 100%;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .recoment-writer {background-color: rgba(0,0,0);}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .text-area textarea {display: table-cell;width: calc(100% - 2px);height: 100%;border: 0;background-color: rgba(0,0,0,.5);color: #fff;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .text-area {display: table;width: 100%;height: 110px;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .top {font-size: 2rem;border-bottom: 1px #c0c0c0 solid;margin: 0 2.3rem;padding: 4rem 0;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .top .heart-text {font-size: 2.4rem;margin-top: 5rem;font-weight: 900;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .top .heart-group {font-size: 2.4rem;margin-top: 2rem;font-weight: 900;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .text-area .write-btn {display: table-cell;text-align: center;vertical-align: middle;cursor: pointer;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .recoment-list {float: left;margin: 3.1rem 0 3.5rem 3rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .recoment-list li {display: inline-block;margin-top: 2.4rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .recoment-list ul li .profile-img img {vertical-align: middle;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .recoment-list ul li div {line-height: 2.8rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .recoment-list ul li .profile-img {display: inline-block;float: left;width: 7%;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .recoment-list ul li .writer {display: inline-block;float: left;width: 90%;font-size: 2.2rem;line-height: 2.4rem;margin: 0 0 0 1rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .recoment-list ul li .writer img {vertical-align: middle;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .recoment-list ul li .comment {display: inline-block;float: left;width: 90%;margin: 0 0 0 1rem;font-size: 2.4rem;line-height: 2.6rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-recoment .recoment-content .heart-info {float: right;margin: 2rem 1rem 0 0;}

.pakage-detail-view-mobile .movie-detail-layer .class-qna {min-height: 468px;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content {display: inline-block;height: 200px;font-size: 1.5rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content {display: inline-block;width: 100%;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .qna-writer {background-color: rgba(0,0,0);}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .text-area textarea {display: table-cell;width: calc(100% - 2px);height: 100%;border: 0;background-color: rgba(0,0,0,.5);color: #fff;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .text-area {display: table;width: 100%;height: 110px;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .top {font-size: 2rem;border-bottom: 1px #c0c0c0 solid;margin: 0 2.3rem;padding: 4rem 0;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .top .heart-text {font-size: 2.4rem;margin-top: 5rem;font-weight: 900;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .top .heart-group {font-size: 2.4rem;margin-top: 2rem;font-weight: 900;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .text-area .write-btn {display: table-cell;text-align: center;vertical-align: middle;cursor: pointer;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .qna-list {float: left;margin: 3.1rem 0 3.5rem 3rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .qna-list li {display: inline-block;margin-top: 2.4rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .qna-list ul li .profile-img img {vertical-align: middle;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .qna-list ul li div {line-height: 2.8rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .qna-list ul li .profile-img {display: inline-block;float: left;width: 7%;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .qna-list ul li .writer {display: inline-block;float: left;width: 90%;font-size: 2.2rem;line-height: 2.4rem;margin: 0 0 0 1rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .qna-list ul li .writer img {vertical-align: middle;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .qna-list ul li .comment {display: inline-block;float: left;width: 90%;margin: 0 0 0 1rem;font-size: 2.4rem;line-height: 2.6rem;}
.pakage-detail-view-mobile .movie-detail-layer .class-qna .qna-content .heart-info {float: right;margin: 2rem 1rem 0 0;}

.pakage-detail-view-mobile .pakage-list {display: inline-flex;overflow: hidden;margin-top: 20px;padding: 20px 0 0 20px;width: auto;position: relative;height: 140px;box-sizing: border-box;}
.pakage-detail-view-mobile .pakage-list .slider-container {position: absolute;top: 0;z-index: 1000;}
.pakage-detail-view-mobile .pakage-list .slide {height: initial !important;margin-right: 10px}
.pakage-detail-view-mobile .pakage-list .movie-title {font-size: 14px;padding: 0;word-wrap: break-word;}
.pakage-detail-view-mobile .pakage-list .slider-frame {display: flex;position: absolute;width: 10000px}

.relative {position: relative;width: 100%;}
.relative .btn-close-bottom{position: absolute;right: 3rem;bottom: 3rem;z-index: 1005;}


/*=====  Media Screen  ====*/
@media screen and (min-width:1025px) and (max-width:2560px) {
	/* category */
	.category-slider .slider-frame {position: relative; margin: 0 auto; width: 100%;}
	.category-slider .slider-frame .slider-container .slide {display: inline-block;position: relative;width: 352px;box-sizing: border-box;white-space: normal;margin-right: 1rem;transform: translateX(2.4%);z-index: 1;}
	.category-slider .slider-frame .slider-container .slide:hover{transform: scale(1.15);transition: all .3s ease;transition-duration: 500ms;transition-delay: 0ms; z-index: 9999;box-shadow: 5px 6px 7px rgba(0,0,0,0.55);}
	/* .category-slider .slider-frame .slider-container .slide:hover ~ .slide {transform: translateX(-2.4%); } */
	.category-slider .slider-frame .slider-container .slide .thumb {z-index: -1;}
	.category-slider .slider-frame .btn {display: flex;justify-content: center;position: absolute;top: 0;bottom: 0;width: 44px;color: #fff;text-align: center;z-index: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;}
	.category-slider .slider-frame .btn.prev {top: 0px;left: 0px;width: 41px;height: 100%;}
	.category-slider .slider-frame .btn.next {top: 0px;right: 0px;height: 100%;}
	.category-slider .slider-frame .btn.prev.active {background-color: rgba(0,0,0,0.5);}
	.category-slider .slider-frame .btn.next.active {background-color: rgba(0,0,0,0.5);}
}

@media screen and (max-width:1200px) {
	/* Main Banner */
	.bn-slider .bn-slider-wrapper .bn-slider .bn-slide {height: 68vw;}
	.bn-slider .bn-slider-wrapper .bn-img-wrapper {height: 48vw;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper{top: 18vw;}
	.bn-slider .bn-slider-wrapper .prev {top: 26vw;}
	.bn-slider .bn-slider-wrapper .next {top: 26vw;}
	.bn-slider #progressBarContainer {top: 43vw;right: 4.4rem;}
}

@media screen and (max-width:1024px) {
	/* Main Banner */
	.bn-slider .bn-slider-wrapper .bn-slider .bn-slide {height: 72vw;}
	.bn-slider .bn-slider-wrapper .bn-img-wrapper {height: 54vw;}
	.bn-slider .bn-slider-wrapper .bn-img-wrapper img {height: 100%;object-fit: cover;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper{top: inherit;left: 4.4rem;bottom: 22vw;width: 80%;min-width: initial;word-break: keep-all;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper h3 {font-size: 4vw;line-height: normal;letter-spacing: -1.6px;margin-bottom: 5.2rem;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper p {display: none;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper a {font-size: 2vw;width: 20vw;height: 6vw;line-height: 2.8;}
	.bn-slider .bn-slider-wrapper .prev {display: none !important;}
	.bn-slider .bn-slider-wrapper .next {display: none !important;}
	.bn-slider .bn-slider-wrapper .bn-slider .slick-list {padding:0px;}
	.bn-slider #progressBarContainer {top: initial;right: 2%;bottom: 24vw;}
	
	/* category */
	.category-slider {overflow: visible;margin: 0;padding:0 0 4.2rem 0;}
	.category-slider:first-child {margin: 10% 0 0 0;}
	.category-slider .slider-title {font-size: 2.375em;line-height: 3rem;margin: 0 0 0 2rem;}
	.category-slider .slider-frame {overflow: hidden;overflow-x: auto;padding-top: .8rem;}
	.category-slider .slider-frame .slider-container .slide {width: 25.33rem;margin: 0 .6rem 0 0;}
	.category-slider .slider-frame .slider-container .slide:hover {transform: none !important;box-shadow: none !important;}
	.category-slider .slider-frame .slider-container .slide img {border-radius: .5rem;}
	.category-slider .slider-frame .slider-container {margin: 0 0 0 2rem;}
	.category-slider .slider-frame .slider-container .movie-info {display: none !important;}
	.category-slider .slider-frame .slider-container .slick-list {margin: 0;padding: 1rem 0 0 0;}
	.category-slider .slider-frame .slider-container .movie-title {display: -webkit-box;background: none;padding: 1rem .4rem 0;line-height: 1.3;text-overflow: unset;white-space: initial;word-break: keep-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.category-slider .slider-frame .btn {width: 40px;cursor: pointer;}
	.category-slider .slider-frame .btn.prev {display: none;} 
	.category-slider .slider-frame .btn.next {display: none;}

	/* category */
	.category-view {padding: 0 0 5rem;}
	.category-view h2 {padding: 0 2rem;font-size: 2.375em;}
	.category-view .category_wrap {overflow-x: scroll;}
	.category-view ul {width: fit-content;padding: 0 2rem;}
	.category-view ul li {width: 20rem;}

	.category-view .category_wrap2 {overflow-x: scroll;}
	.category-view .category_wrap2 .category_cont {width: fit-content;padding: 0 2rem;}
	.category-view .category_wrap2 .category_cont .cate_card_item {width: 24rem;}
}

@media screen and (max-width:800px) {
	/* popup */
	/* .modal_wrap {width: 48rem;margin-top: -24rem;margin-left: -24rem;} */
	.modal_wrap {width: calc(100% - 4rem);margin: 0 2rem;}
	.modal_wrap img {width: 100%;}

	/* Main Banner */
	.bn-slider .bn-slider-wrapper .bn-slider .bn-slide {height: 102vw;}
	.bn-slider .bn-slider-wrapper .bn-img-wrapper {height: 88vw;}
	.bn-slider .bn-slider-wrapper .bn-img-wrapper img {height: 100%;object-fit: cover;}
	.bn-slider .bn-slider-wrapper .bn-img-wrapper .left-layer {right: 0;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper{top: inherit;left: 3rem;bottom: 28vw;width: 80%;min-width: initial;word-break: keep-all;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper h3 {font-size: 5vw;line-height: normal;letter-spacing: -1.6px;margin-bottom: 3.2rem;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper a {font-size: 2.2vw;width: 22vw;height: 7vw;line-height: 3.4;}
	.bn-slider #progressBarContainer {bottom: 28vw;}
	
	/* category */
	.category-slider .slider-frame .slider-container .slide {width: 24.33rem;}
}

@media screen and (max-width:450px) {
	/* popup */
	/* .modal_wrap {width: 36rem;margin-top: -18rem;margin-left: -18rem;} */

	/* Main Banner */
	.bn-slider .bn-slider-wrapper .bn-slider .bn-slide {height: 140vw;}
	.bn-slider .bn-slider-wrapper .bn-img-wrapper {height: 136vw;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper {bottom: 28vw;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper h3 {font-size: 8vw;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper a {font-size: 3vw;width: 28vw;height: 9vw;line-height: 3;}
	.bn-slider #progressBarContainer {right: 3px;bottom: 29vw;}
	
	/* category */
	.category-slider .slider-frame .slider-container .slide {margin: 0 .5rem 0 0;}
	.category-slider .slider-frame .slider-container .movie-title {font-size: 1.6rem;}

	/* category */
	.category-view ul li {width: 12rem;}
	.category-view ul li a {padding: 1.8rem 0;font-size: 1.6rem;}
}

@media screen and (max-width:375px) {
	/* Main Banner */
	.bn-slider .bn-slider-wrapper .bn-text-wrapper h3 {font-size: 9vw;margin-bottom: 3.2rem;}
	.bn-slider .bn-slider-wrapper .bn-text-wrapper a {font-size: 3.6vw;width: 32vw;height: 10vw;line-height: 2.7;}
}


 /*=====  Animation  =====*/
 @keyframes bn-img-scale {
 	from {transform: scale(1.1);}
 	to {transform: scale(1);}
 }
 
 @keyframes bn-text-fadeup {
 	from {opacity: 0;transform: translateY(30px);}
 	to {opacity: 1;transform: translateY(0px);}
 }
 
 @keyframes skeleton-loding {
 	from{background-color: #1a1a1a}
 	25%{background-color: #333}
 	50%{background-color: #1a1a1a}
 	to{background-color: #1a1a1a}
 }