/* Main Page */
.main-premium {width:50%;aspect-ratio:1/1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.40)0%, rgba(0, 0, 0, 0.40)100%), url("/images/premium.jpg") lightgray 50% / cover no-repeat;overflow:hidden;color:#FFFFFF;}
.main-second {width:50%;aspect-ratio:1/1;overflow:hidden;}

.main-info {width:50%;aspect-ratio: 1/1;background-color: #FFFFFF;}
.main-qna {width:50%;aspect-ratio: 1/1;background-color: #FFE500;}
.main-record {width: 100%;aspect-ratio: 2/1;background: linear-gradient(0deg, rgba(0, 0, 0, 0.60)0%, rgba(0, 0, 0, 0.60)100%), url("/images/record.jpg") lightgray 50% / cover no-repeat;color:#FFFFFF;}

.box-title {position:relative;top:MAX(calc(100% - 250px), 4vw);margin: 0 3vw;}
.box-title h3 {font-size:calc((100vw / 1920) * 45);font-weight:400;font-family: "ONE-Mobile-Title"; margin:0 auto 20px;}
.box-title p {font-size:MAX(calc((100vw / 1920) * 20), 16px);margin:0;word-break: keep-all;}
.box-button {margin-top:MIN(3vw, 40px);background: transparent;height:50px;border-radius:40px;border: 1px solid #222222;font-weight:600;font-size:1.25rem;padding:0 3vw;}
.box-button.white {border: 1px solid #FFFFFF;color:#FFFFFF;}
.box-button:hover {cursor:pointer;background-color: rgba(255,229,0,0.7);}

@media screen and (max-width: 1024px) {
    .box-button {height:40px;border-radius:32px;font-size:1.1rem;}
}
@media screen and (max-width: 768px) {
    .main-premium, .main-second {width:100%;}
    .main-second {aspect-ratio: unset;flex-direction: column-reverse !important;}
    .main-second .flex{width:100%;}
    .main-record {aspect-ratio: 1/1;}
    .box-title {text-align: center;top:MAX(calc(50% - 90px), 20px);max-width:250px;margin:0 auto;}
    .box-title h3 {font-size:30px;}
    .box-title p {font-size:16px;}
}
@media screen and (max-width: 480px) {
    .main-info, .main-qna {width:100%;aspect-ratio:4/3;}

}
@media screen and (max-width: 324px) {

}

.binggry-sign {max-width: 600px;margin: 0 auto 100px;padding: 50px 0;text-align: center;}
.binggry-sign .sign-icon {object-fit:contain;aspect-ratio:1/1;max-width:150px;margin-top:50px;}
.binggry-sign h4 {font-family: "ONE-Mobile-Title";font-size: 2rem;font-weight: 400;margin:50px 0 20px;}
.binggry-sign p {margin:10px 0;color:#666666;}
.binggry-sign .control {margin:50px 0;}
.binggry-sign .btn {margin:5px 10px;width:200px;height:40px;background-color:#222222;border:none;color:#FFFFFF;font-weight:600;border-radius:5px;}
.binggry-sign .btn.color {background-color:#FFE500;color:#222222;}
.binggry-sign .btn:hover {cursor:pointer;opacity:0.9;}

.sub-banner {width:100%;height:300px;padding:50px 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.30)0%, rgba(0, 0, 0, 0.30)100%), url("/images/sub-bg.png") lightgray center / cover no-repeat;text-align: center;color:#FFFFFF;}
.sub-banner.info {background-image: url("/images/sub-bg.png");}
.sub-banner.filming {background-image: url("/images/sub-bg-filming.png");}
.sub-banner.making {background-image: url("/images/sub-bg-making.png");}
.sub-banner.board {background-image: url("/images/sub-bg-board.png");}
.sub-banner.member {background-image: url("/images/sub-bg-member.png");}
.sub-banner .page-title {position:relative;top:50%;transform: translate(0, -50px);-webkit-transform: translate(0, -50px);word-break: keep-all;}
.sub-banner .page-title h2 {font-size:3rem;font-family: "ONE-Mobile-Title";font-weight:400;margin:0 auto 20px;}
.sub-banner .page-title p {margin:0 auto;font-size:1.25rem;}

.sub-nav-tab {width:calc(100% - 40px); max-width:1280px;margin:100px auto;overflow:hidden;text-align:center;}
.sub-nav-tab .tab-list {display: flex;justify-content: center;}
.sub-nav-tab .tab-item {width:160px;height:30px;border-radius:40px;padding:10px 20px;line-height:30px;background-color:#E8E8E8;color:#999999;font-size:1.25rem;margin-right:35px;}
.sub-nav-tab .tab-list .tab-item:last-child {margin-right:0;}
.sub-nav-tab .tab-item.active {background:#222222;color:#FFE500;}
.sub-nav-tab .tab-item:hover {cursor:pointer;background:#222222;color:#FFE500;opacity:0.9;}
.sub-nav-tab .tab-item.disabled:hover {cursor:not-allowed;opacity: 1;}


.tab-contents {display:none;}
.tab-contents.active {display:block;}
.sub-contents {margin-top:160px;}

.tab-contents .head-text h3 {font-family: "ONE-Mobile-Title";font-weight:400;font-size: 2.5rem;margin:0 auto 15px;}
.image-slide {overflow:visible !important; max-width:1280px;}
.image-slide .swiper-wrapper {max-height:270px;margint-top:50px;}
.image-slide .swiper-slide {overflow:hidden;}
.image-slide .image {height:100%;width:100%;max-height:270px;object-fit: cover;overflow: hidden;}

.making-slide {overflow:visible !important; max-width:1280px;}
.making-slide .swiper-wrapper {margin-top:80px;}
.making-slide .swiper-slide {overflow:hidden;}
.making-slide .image {height:100%;width:100%;max-height:400px;aspect-ratio: 1/1;object-fit: cover;overflow: hidden;}
.making-slide .swiper-slide .slide-info {margin-top:40px;text-align: center;word-break: keep-all;}
.making-slide .swiper-slide .slide-info h5 {margin:0;font-family: 'ONE-Mobile-Title';font-size:1.5rem;font-weight:400;}
.making-slide .swiper-slide .slide-info p {margin-top:20px;color:#666666;}

.video-slide {overflow:visible !important; max-width:1280px;}
.video-slide .swiper-wrapper {max-height:600px;margin-top:50px;}
.video-slide .swiper-slide {position:relative;overflow:hidden;}
.video-slide .swiper-slide .video-play-icon {position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/icons/icon-play.svg") center no-repeat rgba(0,0,0,0.1);}
.video-slide .image {height:100%;width:100%;object-fit: cover;overflow: hidden;}

.sample-video-list {padding:0;margin:50px auto; display: grid; grid-template-columns: repeat(3, 31%); grid-column-gap: 3.5%; grid-row-gap: 50px;}
.sample-video-list .video-item {position:relative;overflow: hidden;}
.sample-video-list .video-item .video-image {width:100%;object-fit:contain;}
.sample-video-list .video-item .video-play-icon {position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/icons/icon-play.svg") center no-repeat rgba(0,0,0,0.3);}
.sample-video-list .video-item .video-play-icon:hover {cursor:pointer;background-color: rgba(0,0,0,0.1);}
#spotImageView .btn-close ,
#videoOrder .btn-close {text-align:center;width:20px;height:20px;background:url("/images/icons/menu-close.svg") center /20px no-repeat;border:none;}
#spotImageView .modal-body,
#videoOrder .modal-body {text-align:center;}
.sample-video-control {max-height:100%;max-width:100%;margin:0 auto;}
.load-more {text-align: center;margin:0 auto 50px;}
.more_btn {padding-left:30px;width:100px;height: 40px;margin: 0 auto;color: #222;font-size: 16px;font-weight: 600;border:none;background: url("/images/icons/plus_b.svg") 10px 50% no-repeat transparent;}
.more_btn:hover {cursor:pointer;}
.modal-btn {width: 100px;height: 30px;border: none;border-radius: 5px;font-weight: 600;color:#FFFFFF;background-color:#222222;margin:10px 0;}

.greeting {margin:150px auto;}
.overlap {position: relative;margin-top:30px;}
.overlap-flex {display: flex;}
.fore-background {position:absolute;top:0;left:0;z-index:-1;width:MAX(calc(50vw - 300px), 320px);height: 300px;background-color: #FFE500;float:left;}
.fore-background.lower {top:60px;max-height:380px;height:30vw;}

.overlay {overflow: visible;height: 0;position: relative;}
.after-background {position:absolute;top:60px;right:0;z-index:-1;width:MAX(calc(50vw - 300px), 320px);max-height: 380px; height:30vw; background-color: #FFE500;}
.greeting .pic {width: 400px;margin-right: 40px;padding-top:80px;}
.greeting .pic img {width:100%;object-fit: cover;}
.greeting .greeting-text {width: calc(100% - 440px);line-height:1.5;font-size: 1.1rem;color:#666666;opacity:0.9;word-break: keep-all;}

.tab-contents .head-text.center {text-align: center;font-family: "ONE-Mobile-Title";font-weight:400;word-break: keep-all;}
.tab-contents .head-text.left {text-align: left;font-family: "ONE-Mobile-Title";font-weight:400;word-break: keep-all;}
.tab-contents .head-text.left.sub, .tab-contents .head-text.center.sub {font-size:14px;}
.tab-contents .head-text.left h4, .tab-contents .head-text.center h4 {font-size: 2em;color:#999999;margin:0;font-weight:400;}
.tab-contents .head-text.left h3, .tab-contents .head-text.center h3 {font-size: 2.5em;margin:10px 0 50px;}
.how-to {display:flex; justify-content: space-between;margin-bottom:100px;}
.how-to.right {text-align:right;}
.how-to-image {width: 50%; height: auto; object-fit: contain;}
.how-to-text {display: flex;flex-direction: column;justify-content: center;width: calc(50% - 50px);word-break: keep-all;}
.how-to-text h4 {margin-top:10px;margin-bottom:0;font-size:2.25rem;font-family: "ONE-Mobile-Title";font-weight:400;}
.how-to-text h5 {margin-top:10px;margin-bottom:0;font-size:1.5rem;font-family: "ONE-Mobile-Title";font-weight:400;}
.how-to-text p {color:#666666;line-height: 1.5;margin-top:25px;}

.head-tag-list {display: flex;justify-content: center;margin-bottom:60px;flex-wrap: wrap-reverse;}
.head-tag-item {height:20px;padding:10px 40px;text-align:center;border-radius:40px;border:1px solid #222222;margin:10px 15px;font-weight:500;min-width:fit-content;}

.making-overlay {height:400px; background: url("/images/making-overlay.png") 50% 0 / cover no-repeat; max-width: calc((100vw - 1280px)/2 + 1280px);display: flex;justify-content: right;}
.overlay-text {width: calc(100% - 20px);max-width: 1270px;padding:120px 10px 120px 0;}
.overlay-text h5 {color:#FFFFFF;font-family:'ONE-Mobile-Title';font-size: 1.5rem;font-weight:400;margin:10px auto;}
.overlay-text h4 {color:#FFE500;font-family:'ONE-Mobile-Title';font-size: 1.75rem;font-weight:400;margin:0 auto 25px;}
.overlay-text p {color:#FFFFFF;line-height:1.5;}
.text-more {float:right;margin-top:-2.5em;padding-left:20px;background: url("/images/icons/more_plus.svg") 0 50% no-repeat;cursor:pointer;}


.making-order {background-color: #FFE500;overflow:hidden;}
.background-bingle {height:600px;width:40%;background:url("/images/binggle.png") 0 100% / contain #FFE500 no-repeat;}
.order-text {width:50%;padding:0 5%;text-align:right;display: flex;justify-content: center;flex-direction: column;word-break: keep-all;align-items: end;}
.order-text h5 {margin:10px 0 0;font-size:1.5em;font-family:"ONE-Mobile-Title";font-weight:400;}
.order-text h4 {margin:45px 0 0;font-size:2em;font-family:"ONE-Mobile-Title";font-weight:400;}
.background-film {height: 300px;background:url("/images/icons/film.svg") center / contain #222222 repeat;}
.btn-link {width:450px;height:60px;max-width:90%;border-radius: 40px;border: 2px solid #222;background: url("/images/icons/arrow-right.svg") calc(100% - 30px) 50% / 12px #FFF no-repeat;font-size:1.5em;font-family:"ONE-Mobile-Title";font-weight:400;margin-top:70px;}

.order-login {text-align: center;margin:100px 0;}
.order-login h4 {font-size:1.25rem;}
.order-login p {color:#666666;}

.video-order {max-width:600px; margin:0 auto;border-bottom:1px solid #D9D9D9;padding: 50px 0;}
.video-order.model {padding: 20px 0;}
.video-order:last-child {border-bottom:0;}

.video-order label {display:block;font-family: "ONE-Mobile-Title";font-size:1.25rem;font-weight:400;}
.video-order .input-item {width:100%;height:50px;padding:10px 20px;border-radius:10px;margin-top:15px;margin-bottom:30px; border:1px solid #000000;box-sizing: border-box;font-size:1.1rem;}
.video-order .input-select {width:100%;height:50px;padding:10px 20px;border-radius:10px;margin-top:15px;margin-bottom:30px; border:1px solid #000000;box-sizing: border-box;font-size:1.1rem;background-color: #FFE500;text-align:center;}
.video-order .input-item:read-only {background-color:#E8E8E8;text-align:center;font-weight:500;}
.video-order .input-text {width:100%;padding:10px 20px;border-radius:10px;margin-top:15px;box-sizing: border-box;resize:none;font-size:1.1rem;}
.video-order .sub-option {display:none;}
.order-cost {display: flex;justify-content:space-between;font-family: "ONE-Mobile-Title"; font-size:1.25rem;font-weight:400;}
.order-btn {font-family: "ONE-Mobile-Title";font-size:1.25rem;margin-bottom: 100px;height:60px;width:100%;background-color: #FFE500;border:2px solid #222222;border-radius:40px;font-weight:400;}

.video-empty {display:none;max-width:600px; margin:0 auto 100px;padding: 50px 0; text-align:center;}
.video-empty h4 {font-family: "ONE-Mobile-Title";font-size:1.25rem;font-weight:400;}
.video-empty p {line-height:1.5rem;}

.status-label {display:inline-block;width:80px;padding:0 5px;text-align:center;background-color:#D9D9D9;border-radius:5px;font-weight:500;}
.status-label.O, .status-label.normal {background-color:#222222;color:#FFFFFF;}
.status-label.processing {background-color:#0062D4;color:#FFFFFF;}
.status-label.R, .status-label.complete {background-color:#D4445C;color:#FFFFFF;}

.order-title {}
.order-title h3 {font-size: 1.5em;margin-bottom:20px;}
.order-title p {margin-bottom:20px;}
.order-detail {border-top:1px solid #666666;border-bottom:1px solid #666666;padding:20px 0;}
.order-detail .program-name {font-size:1.1em;font-weight:600;margin-bottom: 10px;}
.order-detail .record-info {margin-bottom:5px;}
.order-detail .record-amount {margin-top:20px;font-size:1.1em;font-weight:400;}

.payments-info {margin-top:80px;}
.payments-info h4 {font-size:1.25em;}
.payments-detail {border-top:1px solid #666666;border-bottom:1px solid #666666;}
.payments-detail .label-div {border-bottom:1px solid #D9D9D9;padding:20px 0;}
.payments-detail .label-div label {display:inline-block;width:120px;}
.payments-detail .label-div:last-child {border-bottom:none;padding:20px 0;}

.order-controls {display:flex; justify-content:center; flex-wrap: wrap; margin-bottom:100px;margin-top:40px;}
.order-controls .button {width:180px;height:40px;box-sizing:border-box;border:none;margin:0 5px;font-weight:600;border-radius:5px;}
.order-controls .button.pay {background-color:#0062D4;color:#FFFFFF;}
.order-controls .button.cancel {background-color:#D4445C;color:#FFFFFF;}
.order-controls .button.del {background-color:#D4445C;color:#FFFFFF;}
.order-controls .button.list {background-color:#222222;color:#FFFFFF;}
.order-controls .button:hover {cursor:pointer;opacity:0.9;}

.kakao-map {height:400px;margin:50px 0 80px;}
.kakao-map-info {padding:10px 20px 10px 10px;font-size:15px;width:220px;}
.kakao-map-info .head_tooltip {margin-bottom:10px;}
.kakao-map-info a {text-decoration:none;color:#000;}
.kakao-map-info p {margin:0;font-size:13px;color:#222;}
.kakao-map-info .addInfoAddr {color:#919191;font-size:12px;}
.kakao-map-info .zipcode {margin-right:10px;}
.kakao-map-info .phone {color:#288756;}

.full-box-btn {font-family: "ONE-Mobile-Title";font-size:1.25rem;margin-bottom: 100px;height:100px;width:100%;background-color: #FFE500;border:none;font-weight:400;}
.full-box-btn .icon-link {display:inline-block;margin-left:10px;width:20px;height:20px;background: url("/images/icons/i_link.svg") center / contain no-repeat;vertical-align: text-top;}
.full-box-btn:hover {cursor: pointer;opacity: 0.9;}


@media screen and (max-width: 1024px) {
    .fore-background {width:280px;height: 240px;}
    .greeting .pic {width: 300px;padding-top:60px;}
    .greeting .greeting-text {width: calc(100% - 340px);}
}
@media screen and (max-width: 768px) {
    .tab-contents .head-text h3 {font-size:2rem;}
    .sub-nav-tab {margin: 60px auto;}
    .sub-nav-tab .tab-list {display: block;}
    .sub-nav-tab .tab-item {display:inline-block; margin:10px;}
    .sub-nav-tab .tab-list .tab-item:last-child {margin-right:10px;}
    .tab-contents .head-text.center h4 {font-size: 1.5rem;}
    .tab-contents .head-text.center h3 {font-size: 2rem;}
    .how-to-image {width: 40%;}
    .how-to-text {width:calc(60% - 30px);}
    .how-to-text h4 {font-size: 2rem;}
    .how-to-text h5 {font-size: 1.25rem;margin-top:5px;}
    .how-to-text p {margin-top:15px;line-height: 1.4;}
    .fore-background, .after-background {display:none;}

    .sample-video-list {grid-template-columns: repeat(2, 48%); grid-column-gap: 4%;}

    .overlap-flex {display:block;}
    .greeting {margin:100px auto;}
    .greeting .pic {width: 100%;padding-top:30px;}
    .greeting .greeting-text {width: 100%;margin-top:30px;}

    .background-bingle {display:none;}
    .order-text {width:100%;padding:50px 40px;box-sizing:border-box;font-size:0.9rem;}
    .background-film {height: 200px;}
    .btn-link {height:50px;}
}
@media screen and (max-width: 480px) {
    .sample-video-list {display:block;}
    .sample-video-list .video-item {margin-bottom:30px;}
    .tab-contents .head-text.center h3 {font-size: 1.5rem;}
    .how-to {display: block;}
    .how-to-image, .how-to-text {width: 100%;}
    .greeting {margin:60px auto;}
    .order-text {font-size: 0.8rem;padding:40px 20px;}
    .background-film {height:150px;}
    .btn-link {height:40px;background-image: none;margin-top:40px;height:auto;}
}
@media screen and (max-width: 324px) {

}




.terms-category {width: 100%;height:60px;background-color:#F5F5F5;position: relative;}
.terms-tab-list {list-style:none;margin:0 auto;max-width:1200px;padding:0;display:flex;justify-content: space-between;line-height:60px;}
.terms-tab-item {color:#666;text-align:center;font-size: 1.25rem;font-weight:400;}
.terms-tab-item.active {color:#222222;background-color: #FFE500;}
.terms-tab-item a {color: inherit;text-decoration: none;}
.terms-area {margin-top:50px; margin-bottom: 100px;}

@media screen and (max-width: 1024px) {
    .terms-tab-item {font-size:1.1rem;}
}

@media screen and (max-width: 768px) {
    .terms-category {height:auto;overflow-y:auto;}
    .terms-tab-list {line-height:40px;}
    .terms-tab-item {font-size:1rem;min-width:fit-content;padding:0 15px;}
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 425px) {
}




.program-info {position:relative;text-align:center;height:calc(100vh - 190px);overflow-y: auto;max-width:600px;margin:0 auto;width: calc(100% - 20px);}
.program-thumbnail {overflow:hidden;}
.thumbnail-img {width:100%;object-fit:cover;}
.program-title {margin-top:30px;margin-bottom:15px;font-size:1.5rem;font-family: "ONE-Mobile-Title";font-weight:400;}
.program-period {margin-bottom:20px;font-weight:500;line-height:1.5;}
.program-period .operation-time {display:block;}
.program-summary {color:#666666;line-height:1.5;text-align:justify;word-break: break-word;}
.program-footer {position:fixed;bottom:0;width:100%;padding:15px 0;height:40px;z-index:10;margin:0 auto;box-shadow: -4px 0px 9px 1px rgba(0, 0, 0, 0.1);background-color:#FFFFFF;}
.program-footer .program-footer-justify {max-width:600px; padding:0 15px; margin: 0 auto;text-align:center;}
.program-footer .btn-reserv {color:#222222;height:40px;width:100%;border-radius: 5px;background: #FEE404;border:none;font-weight:600;font-size:1rem;}
.program-footer .btn-reserv:hover {opacity:0.9;cursor:pointer;}
.program-footer .btn-reserv.double {width:calc(50% - 10px);}
.program-footer .btn-reserv.reverse {color: #FFFFFF;background-color:#222222;margin-left: 10px;}

.float-back-btn {width:30px;height:30px;border-radius:50%;background: url("/images/icons/i_back.svg") center /30px no-repeat;cursor:pointer;}
.float-back-btn.fl {float:left;}
.filter-menu {position:absolute;top:0;left:-100%;width:100%;height:100%;z-index:1000;background-color:#FFFFFF;overflow:hidden;}
.filter-menu a {color:inherit;text-decoration:none;}
.filter-menu .submenu-justify {max-width:600px;height:100vh;overflow-x:clip;margin:0 auto;}
.filter-menu .submenu-header {padding:20px 15px;text-align:center;box-shadow: 0 1px 6px 0 rgba(0,0,0,0.1);}
.filter-menu .submenu-header .title {line-height:30px;font-weight:600;}
.filter-menu .submenu-body {margin: 40px auto;padding:0 15px;max-height:calc(100vh - 160px);overflow-y:auto;}
.filter-menu .submenu-body .input-item {margin-top:30px;}
.filter-menu .submenu-body .input-item:first-child {margin-top:0;}
.filter-menu .submenu-body .input-item .validate-text {display:block;font-size:0.9em;margin-top:5px;}
.filter-menu .submenu-body .input-item .validate-text.is-invalid {color:#df3d31;}
.filter-menu .submenu-body .input-item .validate-text.is-valid {color:#2785F5;}
.filter-menu .submenu-body .name-tag {margin-bottom:10px;font-size:1.25rem;font-family: "ONE-Mobile-Title";}
.filter-menu .submenu-body .input-text {border-radius:5px;border:1px solid #D9D9D9;padding:10px;height:45px;width:100%;box-sizing:border-box;}
.filter-menu .submenu-body .input-text.is-invalid {border-color:#FF674F;}
.filter-menu .submenu-control {position:absolute;left:0;bottom:0;width:100%;padding:15px 0;height:40px;z-index:10;margin:0 auto;box-shadow: -4px 0px 9px 1px rgba(0, 0, 0, 0.1);background-color:#FFFFFF;}
.filter-menu .submenu-control .justify {max-width:600px; padding:0 15px; margin: 0 auto;display:flex;justify-content:space-between;}
.filter-menu .submenu-control .round-full-btn {width:48%;height:40px;color:#222222;border-radius: 5px;background: #FEE404;border:none;font-weight:600;font-size:1rem;}
.filter-menu .submenu-control .round-full-btn.reverse {color:#FFFFFF;background-color: #222222;}
.filter-menu .submenu-control .round-full-btn:hover {opacity:0.9;cursor:pointer;}


@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
    .program-info {height:calc(100vh - 160px);}
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 425px) {
}


.program-videos {border-top:1px solid #d9d9d9;margin-top:40px;padding:60px 0 150px;}
.program-videos h4 {font-size: 20px;line-height:1.4;}
.program-video-list {}
.program-video-list .program-list-item {display:flex; justify-content: space-between; align-items:center; height:100px; border-radius: 5px;box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.25);overflow:hidden;margin-bottom:30px;}
.program-video-list .program-list-item .number {background-color: #FFE500;width:30px;text-align:center;height:100%;line-height: 100px;}
.program-video-list .program-list-item .info {padding:10px 15px;width:calc(100% - 30px);box-sizing:border-box;}
.program-video-list .program-list-item .info .title {line-height:40px;text-align: justify;}
.program-video-list .program-list-item .control {display:flex;justify-content: space-between;}
.program-video-list .round-full-btn {height:40px;width:105px; color:#FFFFFF;background-color: #222222;border-radius: 5px;border:none;font-weight:600;font-size:1rem;}
.program-video-list .round-full-btn.pay {width:calc(100% - 115px); color:#222222;background-color: #FFE500;}
.program-video-list .round-full-btn.ok {width:calc(100% - 115px);color:#FFFFFF;background-color: #0062D4;}
.program-video-list .round-full-btn:hover {opacity:0.9;cursor:pointer;}

.program-payment {border-top:1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;margin-top:30px;padding:25px 0;text-align:left;}
.program-payment .video-list-text {display: flex;justify-content: left;}
.program-payment .video-list-text .label {width:100px;}
.program-payment .video-list-text .video-title {display:block;text-decoration: underline;color: #006dd1;}
.program-payment-price {font-size: 20px;font-weight:500;padding:30px 0;border-bottom: 1px solid #666666;}
.program-payment-notice {margin:25px 0;text-align: left;padding-bottom:150px;}