@charset "utf-8";
:root {
		--black-color: #202B35;
    --blue-color: #077BEB;
    --deepblue-color: #334047;
    --lightgray-color: #F1F1F3;
    --gray-color: #909090;
    --navy-color: #000E50;
    --beige-color: #eee2dc;
    --orange-color: #E66D16;
		--vivamagenta-color : #BC2649;
	}
	.sub_contents {width:100%;  margin:0; padding:64px 0px;}
	.brandroomWrap {width:100%; position: relative; padding: 0px 24px;}
	#mobile_wrap {padding-bottom: 48px;padding-top: 16px!important;}

	.common_header {display: flex;flex-direction: column;gap: 8px;text-align: left; }
	.common_header_titleKr {font-size: 32px;}
  .common_header_title {font-family: 'Poppins', sans-serif;  font-weight: 700;  font-size: 54px;  color: var(--navy-color);  position: relative;  padding-bottom: 8px;}
  .common_header_title::before {content: "";width: 100%;height: 1px;background: var(--navy-color);display: flex;position: absolute;bottom: 0; }
  .common_header_title::after {content: "";  width: 136px;  height: 5px;  background: var(--navy-color);  display: flex;  position: absolute;  bottom: -2px; }
  .common_header_text {line-height: 1.3;	font-size: 14px;  color: var(--gray-color); text-align: center;}

	.searchItem {display: flex; align-items: center; width:464px; border:1px solid #e5e5e5; border-radius:30px; padding: 8px 16px; justify-content: space-between;position: absolute;right: 24px;top: 48px;}
	.searchItem input.text {border:none; width:100%; outline:none;}
	.searchItem .evSearchBtn {cursor:pointer; color: #aaa;}
	.searchItem select {border: 0; padding: 0px 24px 0px 16px; border-left: 1px solid var(--lightgray-color); outline: 0;}

	.eitSearch {width:100%; background-color:#fff; position:relative; height:50px; line-height:50px; border-radius:25px; overflow:hidden; text-align: right; padding-right:20px; box-sizing:border-box; margin-top: 32px;}
	.eitSearch .evSearchBtn {position:absolute;    width: 45px; text-align: center; left: 15px;}
	.eitSearch .evSearchBtn span {font-size:20px; font-weight: 600; color:#aaa;}
	.eitSearch .text {height:40px; width:calc(100% - 70px); border:none; background-color:transparent;}

/* brandroom */
.brandroom_page {margin-top: 40px; width: 100%; display: flex; flex-direction: column; text-align: left; font-size: 15px; gap: 24px;}
	.brandroom_page_title--sort {width: 100%; display: flex; justify-content: space-between;}
	.brandroom_page_title {font-size: 20px; font-weight: 700; /*text-decoration: underline;*/}
	.brandroom_page_title ~ span {line-height: 1.5;}
	.brandroom_page_title--SortWrap {display: flex; gap: 8px;}
	.brandroom_page_titleSort {cursor: pointer;}
	.brandroom_page_titleSort:hover {font-weight: 700;}
	.brandroom_page_titleSort:not(:first-child)::before {content: "|"; padding-right: 8px;}
	.brandroom_page_titleSort.on {font-weight: 700;}
	.brandroom_page_category {display: flex; flex-direction: column; gap: 16px;}
	.brandroom_page_category_itemWrap {display: flex; gap: 10px; margin:inherit;}
	.brandroom_page_category_itemBtn {padding: 8px 16px; border-radius: 20px; background: #fff; font-size: 14px; cursor: pointer; position: relative; width:inherit; margin-right:10px; font-weight: 700;}
	.brandroom_page_category_itemBtn.swiper-slide {width:auto;}
	.brandroom_page_category_itemBtn:hover:not(.none) {background: var(--navy-color); color: #fff;}
	/*.brandroom_page_category_itemBtn--title {font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; padding: 8px 16px 8px 24px;}*/
	.brandroom_page_category_itemBtn.on {background: var(--navy-color); color: #fff;}
	.brandroom_page_category_itemBtn.none {color: var(--gray-color); cursor: not-allowed; font-weight: inherit;}
	.brandroom_page_category_itemBtn.sub::before {content: ""; width: 10px; height: 1px; background: var(--black-color); position: absolute; left: -10px; top: 50%;}
	.brandroom_page--mypage {gap: 16px;width: 100%;display: flex;flex-wrap: wrap;padding: 24px 0px;align-items: center;}
	.brandroom_page--mypageLogout {display: flex;gap: 16px;border: 1px solid var(--lightgray-color);padding-left: 16px;border-radius: 25px;font-size: 12px;align-items: center;color: var(--gray-color);	overflow: hidden; transition: background 0.3s;}
	.brandroom_page--mypageLogout i {padding: 4px;background: var(--lightgray-color);border-radius: 25px; transition: 0.3s;}
	.brandroom_page--mypageLogin {position:relative; display: flex;flex: 1;gap: 16px;border: 2px solid var(--mypagebtn-color);padding: 4px 12px;border-radius: 25px;font-size: 13px;font-weight:700;justify-content: space-between;align-items: center;background: var(--mypagebtn-color);color: #fff;overflow: hidden; transition:background 0.3s;}
	.brandroom_page--mypageLogin i {padding: 4px;background: var(--mypagebtn-color);border-radius: 25px; color: #fff; transition: 0.3s;}
	.brandroom_page--mypageLogin.home {display: none;}
	.brandroom_page--mypageLogin.myroom {display: none;}
	.brandroom_page--mypageLogin.myvideo {width: 100%; flex: inherit;}
	.brandroom_page--mypagePoint {display: flex;gap: 8px;font-size: 12px; padding: 8px 16px;background: #fff;border: 2px solid var(--black-color);border-radius: 16px;justify-content: center;align-items: center;width: 100%;}
	.brandroom_page--mypagePoint span b {font-size: 15px; font-weight: 700; padding-right: 2px;}
	.brandroom_page--mypagePoint button {padding: 4px 24px;border-radius: 8px;border: 1px solid var(--black-color); transition: 300ms all ease;}

	/*.brandroom_page--mypage.fixed {position: fixed;left: 0px;top: inherit;bottom: 0px;z-index: 19;padding:24px;background: #fff;border-top: 2px solid var(--navy-color);animation: quickmenuposition 1.5s ease-in-out 1;}
	.brandroom_page--mypage.fixed .brandroom_page--mypageLogout {padding: 16px 8px 8px 24px;gap: 16px;flex-direction: column;align-items:flex-start;border-radius: 16px;background: var(--lightgray-color);line-height: 1.3;}
	.brandroom_page--mypage.fixed .brandroom_page--mypageLogout span {text-align: left; width: 80%; font-size: 15px;}
	.brandroom_page--mypage.fixed .brandroom_page--mypageLogout i {margin-left: auto;}
	.brandroom_page--mypage.fixed .brandroom_page--mypageLogin {box-sizing: border-box;}
	.brandroom_page--mypage.fixed .brandroom_page--mypageMyroom {top: inherit;bottom: -14px;right: 168px;}
	.brandroom_page--mypage.fixed .brandroom_page--mypageMyroom::after {top:inherit; bottom: 29px;} */

	.brandroom_page--mypageMyroom {z-index: 10;position: absolute;top: -17px;right: 126px;width: 382px;font-size: 12px;text-align: left;display: none;flex-direction: column;padding: 8px 24px;border-radius: 16px;background: #fff;filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.2));}
	.brandroom_page--mypageMyroom::after {width: 20px;height: 20px;background: #fff;transform: rotate(45deg);content: "";position: absolute;right: -7px;top: 25px;}
	.brandroom_page_myroomHover--item {display: flex; gap: 24px; padding: 16px 0px; position: relative;align-items: center;}
	.brandroom_page_myroomHover--item:not(last-child) {border-bottom: 1px solid var(--lightgray-color);}
	.brandroom_page_myroomHover--basicLogo {width: 60px; height: 60px; border-radius: 30px; background: var(--lightgray-color); overflow: hidden; color: var(--gray-color);display: flex; align-items: center;justify-content: center;}
	.brandroom_page_myroomHover--basicLogo img {width: 100%;object-fit: cover;}
	.brandroom_page_myroomHover--dataText {display: flex; flex-direction: column;gap:8px; font-size: 12px; color: var(--gray-color);width: calc(100% - 84px);}
	.brandroom_page_myroomHover--dataText span:first-child {font-size: 15px; font-weight: 700; color: var(--black-color);}
	.brandroom_page_myroomHover--dataText span:nth-child(2) {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.3em;height: 2.6em;}
	.brandroom_page_myroomHover--linkBtn {display: flex;padding: 4px 8px;border-radius: 16px;margin-right: auto;color: var(--navy-color);border: 1px solid var(--navy-color); transition: 0.3s;}
	.brandroom_page_myroomHover--linkBtn:hover {background: var(--navy-color); color: #fff;}
	.brandroom_page_myroomHover--dataBtn {padding: 4px 12px;border-radius: 20px;color: var(--navy-color);border: 2px solid var(--navy-color);position: absolute;right: 0px;top: 6px;display: flex;gap: 4px;}
	.brandroom_page_myroomHover--dataBtn i {font-size: 15px;}
	.brandroom_page_myroomHover--dataBtn:hover {background: var(--navy-color); color:#fff;}
  .brandroom_page_myroomHover--basicText {display: flex; flex-direction: column;gap:8px;}
	.brandroom_page_myroomHover--basicText span:first-child {font-weight: 700;}
	.brandroom_page_myroomHover--basicText span:last-child {color: var(--gray-color);}
	.brandroom_page_myroomHover--basicBtn {position: absolute;right: 0px;width: 40px;height: 40px;border-radius: 20px;background: var(--lightgray-color);overflow: hidden;color: var(--gray-color);display: flex;align-items: center;justify-content: center;}
	
	/*.brandroom_page--mypageLogin.myroom:hover ~ .brandroom_page--mypageMyroom, .brandroom_page--mypageMyroom:hover {display: flex;}*/
	.brandroom_page--mypageMyroom:hover .brandroom_page--mypageLogin.myroom {background: var(--mypagebtn-color); color: #fff;}

/* basic video list */
.brandroom_page_basicwrap {display: flex; flex-direction: column; gap: 16px; position: relative;}
	.brandroom_page_basicVideo {display: flex;flex-wrap: wrap;gap: 40px 16px;width:100%;}
	.brandroom_page_basicVideo.row_slide {flex-wrap: inherit; gap: 16px;}
	.brandroom_page_basicVideo_item {width: 80%;display: flex;flex-direction: column;}
	.brandroom_page_basicVideo_item.w100 {width: 100%;}
	.brandroom_page_basicVideo--thum {position: relative;aspect-ratio: 16/9;overflow: hidden; border-radius: 8px; cursor: pointer;}
	.brandroom_page_basicVideo--thum > img {height: 100%; width: 100%; object-fit: cover; transition: 0.6s;}
	.brandroom_page_basicVideo--thumHover {display: none; position: absolute; top: 0; left: 0;}
	.brandroom_page_basicVideo_item:hover .brandroom_page_basicVideo--thumHover {display: inline;}
	/*.brandroom_page_basicVideo_item:hover .brandroom_page_basicVideo--thum > img {transform: scale(1.2);}*/
	.brandroom_page_basicVideo--cert {display: none;}
	.brandroom_page_basicVideo--cert.on {display:block; position: absolute;left: 10px;top: 10px;/*mix-blend-mode: exclusion*/;width: 44px;}
	.brandroom_page_basicVido--playlist {display: none;}
	.brandroom_page_basicVideo--playlist.on {position: absolute;left: 8px;bottom: 8px; padding: 4px; background: var(--lightgray-color); border-radius: 20px; display: flex; gap: 8px; align-items: center; transition: 1s; cursor: pointer;}
	.brandroom_page_basicVideo--playlist > i {font-size: 15px;display: flex;border-radius: 20px;color: var(--black-color);padding: 2px; border: 2px solid var(--black-color);}
	.brandroom_page_basicVideo--playlist.on:active::after {content: attr(data-text); font-size: 12px; }
	.brandroom_page_basicVideo--playlist.on.add {background: var(--vivamagenta-color);}
	.brandroom_page_basicVideo--playlist.on.add > i {color: #fff; border-color: #fff;}
	.brandroom_page_basicVideo--playlist.on.add:active::after {content: attr(data-active);}
	/*.brandroom_page_basicVideo--playlist.on:active::after {content: attr(data-active);}*/
	.brandroom_page_basicVideo--target {display: none;}
	.brandroom_page_basicVideo--target.on {position: absolute;right: 8px;top: 8px;font-size: 12px;display: flex;align-items: center;gap: 4px; transition: 0.3s; border-radius: 12px;}
	/*.brandroom_page_basicVideo_item:hover*/ .brandroom_page_basicVideo--target.on {padding-left:8px; background: var(--blue-color); color: #fff;}
	/*.brandroom_page_basicVideo_item:hover*/ .brandroom_page_basicVideo--target.on::before {content: "전문가 회원전용";}
	.brandroom_page_basicVideo--target > i {font-size: 15px;display: flex;width: 24px;height: 24px;border-radius: 12px;background: #fff;color: var(--blue-color);border: 2px solid var(--blue-color);align-items: center;justify-content: center;}
	.brandroom_page_basicVideo--time {position: absolute;right: 8px;bottom: 8px;background: var(--black-color);color: #fff;padding: 4px 8px;border-radius: 8px;font-size: 12px;font-family: 'Poppins', sans-serif;}
	.brandroom_page_basicVideo--lock {display: none;}
	.brandroom_page_basicVideo--lock.on {display: block; color: var(--black-color); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.brandroom_page_basicVideo--lock.on > i {font-size: 48px; }
	.brandroom_page_basicVideo--point {display: none;}
	.brandroom_page_basicVideo--point.on {display: flex;justify-content: center;padding: 4px 4px 4px 8px;background: #ffe72d;margin: 0 auto;position: absolute;font-size: 12px;top: 37px;right: 8px;align-items: center;gap: 4px;border-radius: 16px;}
	.brandroom_page_basicVideo--point.on span {width: 15px;height: 15px;border-radius: 15px;display: flex;justify-content: center;align-items: center;background: #fff;font-weight: 700;}
	.brandroom_page_basicVideo--delbtn {position: absolute;right: -14px;top: 61px; padding: 4px; background: var(--lightgray-color); border-radius: 20px; font-size: 12px; display: flex; gap: 8px; align-items: center; transition: 0.3s; cursor: pointer;z-index:1;}
	.brandroom_page_basicVideo--delbtn[aria-label][role~="tooltip"] {position: absolute;}
	.brandroom_page_basicVideo--delbtn > i {font-size: 15px;display: flex;border-radius: 20px;color: var(--black-color);padding: 2px; border: 2px solid var(--black-color);}
	.brandroom_page_basicVideo--delbtn:hover {background: var(--black-color); color: var(--lightgray-color);}
	.brandroom_page_basicVideo--delbtn:hover > i {color: var(--lightgray-color); border-color: var(--lightgray-color);}
	.brandroom_page_brandList_item .brandroom_page_basicVideo--delbtn {left: inherit;bottom: inherit;right: 0px;top: 13px;}
	.brandroom_page_basicVideo_text {padding: 8px 12px; display: flex; flex-direction: column; gap: 8px;}
	.brandroom_page_basicVideo_text--title {font-weight: 700; line-height: 1.3; cursor: pointer;}
	.brandroom_page_basicVideo_text--title span:first-child {padding-right: 8px;}
	.brandroom_page_basicVideo_text--info {color: var(--gray-color);line-height: 1.3;display: flex;flex-wrap: wrap;gap: 0px 8px;font-size: 12px;}
	.brandroom_page_basicVideo_text--info span:first-child {font-size: 15px; width: 100%; cursor:  pointer;}
	.brandroom_page_basicVideo_text--info span:not(:first-child)::before { content: "•"; padding-right: 4px;}
	.brandroom_page_basicVideo_text--info span:nth-child(2)::before {display: none;}
	.brandroom_page_basicVideo_text--info span i {font-size: 12px;}
	.brandroom_page_basicVideo_text--info span i.on {color: var(--vivamagenta-color);}
	.brandroom_page_basicVideo_text--info span[role~="tooltip"][data-microtip-position|="top"]::before {left: 16px;}
	.brandroom_page_basicVideo_text--info span[role~="tooltip"][data-microtip-position|="top"]::after {left: 16px;}
	.brandroom_page_basicVideo--target.point::before {display: none;}
	.paging td {display: flex;justify-content: center;align-items: center;gap: 16px;}

/* premium video list custom */
.brandroom_page_basicVideo.premiumVideo { width: 600px;aspect-ratio: 16/9;margin: inherit;border-radius: 16px;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo_item {width: 100%;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo--cert.on {width: 70px; left: 24px; top: 16px;}
.brandroom_page_basicVideo.premiumVideo /*.brandroom_page_basicVideo_item:hover*/ .brandroom_page_basicVideo--target.on {padding-left: 16px;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo--target.on {font-size: 15px; right:24px; top: 24px; border-radius: 20px; gap: 8px;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo--target > i {font-size: 24px; width: 36px; height: 36px; border-radius: 18px;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo--time { font-size: 15px;right: 24px;bottom: 32px;background: var(--lightgray-color);color: var(--black-color);}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo_text {position: absolute;bottom: 0px;left: 0px;padding: 128px 32px 32px;color: #fff;width: 100%;background: linear-gradient(360deg, rgba(32, 43, 53, 0.6) 0%, rgba(32, 43, 53, 0.48) 51.11%, rgba(32, 43, 53, 0) 100%);}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo_text--title { display: flex;flex-direction: column;gap: 8px; line-height: 1; font-size: 32px;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo_text--title span:first-child {font-size: 20px; font-weight: inherit;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo_text--title span:last-child {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 1.1em;height: 1.1em;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo_text--info span:first-child {width: inherit; font-size: inherit;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo--playlist.on { left: 32px;bottom: 130px;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo_text--info {color: #fff; font-size: 15px; flex-wrap: inherit;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo_text--info span:nth-child(2)::before {display: inline-block;}
.brandroom_page_basicVideo.premiumVideo .brandroom_page_basicVideo--lock.on > i {font-size: 64px;}
.brandroom_page_premiumThum {position: absolute; left: 626px; top: 35px; width: 170px; height: 337.5px;}
.brandroom_page_premiumThum .swiper-wrapper {display: flex; flex-direction: column;}
.brandroom_page_premiumThum .swiper-wrapper .swiper-slide {aspect-ratio: 16/9; border-radius: 8px; overflow: hidden;}
.brandroom_page_premiumThum .swiper-wrapper .swiper-slide > img {height: 100%; width: 100%; object-fit: cover;}
.brandroom_page_premiumThum .swiper-wrapper .swiper-slide .brandroom_page_basicVideo--cert.on {width: 30px;}
.brandroom_page_premiumThum .swiper-wrapper .swiper-slide .brandroom_page_basicVideo--lock.on > i {font-size: 32px;}
.brandroom_page_premiumThum .swiper-wrapper .swiper-slide .brandroom_page_basicVideo--target.on {padding: 0px;}
.brandroom_page_premiumThum .swiper-wrapper .swiper-slide .brandroom_page_basicVideo--target.on::before {display: none;}

/* premium banner */
.brandroom_page_premiumBanner {position: absolute;display: flex;flex-direction: column;background: var(--vivamagenta-color);color: #fff;top: 36px;left: 822px;width: 314px;height: calc(100% - 36px);padding: 24px;justify-content: flex-end;gap: 16px;align-items: flex-start;}
.brandroom_page_premiumBanner > span {font-size: 20px;font-weight: 700;line-height: 1.3;}
.brandroom_page_premiumBanner > button {padding: 8px 16px; border-radius: 20px; border: 1px solid #fff; transition: 0.3s;}
.brandroom_page_premiumBanner > button:hover {background: #fff; color: var(--vivamagenta-color);}

/* slide navigation btn */
.basicVideo--next, .basicVideo--prev {position: absolute;top: 104px;z-index: 2;background: #fff;border-radius: 50%;padding: 4px;cursor: pointer; box-shadow: 0px 0px 4px var(--black-color);}
.basicVideo--next {right: -16px;}
.basicVideo--prev {left: -16px;}
.basicVideo--next.swiper-button-disabled, .basicVideo--prev.swiper-button-disabled {display: none;}

/* brand list */
.brandroom_page_brandList {margin: 0;}
.brandroom_page_brandList_item {display: flex; flex-direction: column; gap: 16px; width: 200px; align-items: center; cursor: pointer; padding: 16px 0px;}
.brandroom_page_brandList_itemLogo {width: 100px; height: 100px; border-radius: 50px; background: var(--lightgray-color); overflow: hidden; box-shadow: 0px 0px 8px var(--lightgray-color); display: flex; align-items: center; justify-content: center;}
.brandroom_page_brandList_item img {width: 100%; height: 100%; object-fit: cover; transition: 0.6s;}
.brandroom_page_brandList_item span {font-weight: 700;}
.brandroom_page_brandList_item:hover .brandroom_page_brandList_itemLogo img {transform: scale(1.1);}

/* brand top profile */
.brandroom_page_brandProfile {position: relative; margin-top: 40px; height: 450px; overflow: hidden;}
.video_content_01_video {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; aspect-ratio: 16/9;}
.brandroom_page_brandProfile_gradationBack {width: calc(500px + (100vw - 1084px) / 2); height: 100%;position: absolute; left:0; top:0; background: linear-gradient(89.96deg, var(--black-color) 45.97%, rgba(0, 32, 96, 0) 99.97%);}
.brandroom_page_brandProfile_infoWrap {width:100%; max-width: var(--content-width); height: 100%; position: relative; padding: 0px 24px;margin: 0 auto; display: flex; flex-direction: column; gap: 8px; color: var(--lightgray-color); text-align: left; justify-content: center;}
.brandroom_page_brandProfile .brandroom_page_brandList_itemLogo {border-radius: inherit; box-shadow: 0px 0px 4px var(--lightgray-color);}
.brandroom_page_brandProfile .brandroom_page_brandList_itemLogo img { width: 100%; height: 100%; object-fit: cover;}
.brandroom_page_brandProfile_info--brand {display: flex; gap: 16px;align-items: center;padding: 8px 0px;}
.brandroom_page_brandProfile_info--brand span:first-child {font-size: 32px; font-weight: 700;}
.brandroom_page_brandProfile_info--brand span i {font-size: 15px;}
.brandroom_page_brandProfile_info--dataNumber {display: flex; gap: 4px;font-size: 15px;}
.brandroom_page_brandProfile_info--dataNumber span:not(:first-child)::before { content: "•"; padding-right: 4px;}
.brandroom_page_brandProfile_info--itemText {display: flex; gap: 8px; align-items: center;}
.brandroom_page_brandProfile_info--itemText i {font-size: 20px;}

/* brand room write page */
.myroom_brandList {display: flex;gap: 48px;margin-top: 16px;}
.myroom_brandItem {display: flex;flex-direction: column;gap: 16px;align-items: center;}
.myroom_brandBtn {width: 120px;height: 120px;border-radius: 60px;overflow: hidden;border: 1px solid var(--lightgray-color); background: var(--lightgray-color); color: var(--gray-color);font-size: 32px; font-weight: 700; display: flex; justify-content: center; align-items: center;}
.myroom_brandBtn::after {display:none;content: "";width: 125px;height: 125px;border-radius: 70px 62px 67px 59px;background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);position: absolute;z-index: -1;opacity: 0.6;}
.myroom_brandBtn:hover {border-color: #e73c7e;}
.myroom_brandBtn.on::after, .myroom_brandBtn:hover::after {display:block;animation: rotate_brand 5s linear infinite;}
@keyframes rotate_brand { 50% {border-radius: 62px 70px 59px 67px;} 100% {transform: rotate(360deg);border-radius: 70px 62px 67px 59px;}	}
.myroom_brandBtn img {width: 100%; height: 100%; object-fit: cover;}
.myroom_inputWrap {display: flex;flex-wrap: wrap;gap: 32px 32px;margin-top: 24px;}
.myroom_inputItem {position: relative; width: calc(50% - 18px);}
.myroom_inputItem input, .myroom_inputItem textarea {background: none;color: var(--black-color);font-size: 18px;padding: 10px 10px 10px 5px;display: block;width: 100%;border: none;border-radius: 0;border-bottom: 1px solid var(--black-color); line-height: 1.3;}
.myroom_inputItem textarea {resize: none;}
.myroom_inputItem label {color: var(--gray-color);font-weight: normal;position: absolute;pointer-events: none;left: 5px;top: 10px;transition: 300ms ease all;}
.myroom_inputItem .bar {position: relative;display: block;width: 100%;}
.myroom_inputItem .bar:before {content: "";height: 2px;width: 0;bottom: 0px;position: absolute;background: var(--navy-color);transition: 300ms ease all;left: 0%;}
.myroom_inputItem input:focus, .myroom_inputItem textarea:focus {outline: none;}
.myroom_inputItem input:focus ~ label, .myroom_inputItem input:valid ~ label, .myroom_inputItem textarea:focus ~ label, .myroom_inputItem textarea:valid ~ label {top: -14px;font-size: 12px;color: var(--navy-color);}
.myroom_inputItem button {display:block; position: absolute;right: calc(50% - -18px);top: 0px;font-size: 12px;}
.myroom_inputItem button.clear {display: none;}
.myroom_inputItem input:focus ~ button.clear, .myroom_inputItem input:valid ~ button.clear, .myroom_inputItem textarea:focus ~ button.clear, .myroom_inputItem textarea:valid ~ button.clear {display:block; position: absolute;right: calc(50% - -18px);top: 0px;font-size: 12px;}
.myroom_inputItem input:focus ~ button.clear, .myroom_inputItem input:valid ~ button.clear {right: calc(50% - -175px); padding: 8px 11px;}
.myroom_inputItem input:focus ~ .bar:before, .myroom_inputItem textarea:focus ~ .bar:before {width: 100%;}
.myroom_inputItem.full {width: 100%;}
.myroom_inputItem--file {position:relative; width: 100%; color: var(--gray-color); display: flex;align-items: center; z-index:1; }
.myroom_inputItem--service label {width: 100px;pointer-events: none;}
/*.myroom_inputItem--file > input {position: relative;z-index: 1; padding: 0px;width: calc(50% - 18px);height: 50px;border-radius: 3px;color: var(--gray-color);border-bottom: 1px solid var(--lightgray-color); cursor: pointer;}*/
.myroom_inputItem--file > label, .myroom_inputItem--title {color: var(--navy-color);font-weight: normal;position: absolute;pointer-events: none;left: 5px;top: -14px;transition: 300ms ease all; font-size: 12px;}
/*.myroom_inputItem--file > input[type=file]::-webkit-file-upload-button {visibility: hidden;margin-left: 10px;padding: 0;height: 50px;width: 0px;}*/
/*.myroom_inputItem--file > button {position: absolute;left: calc(50% - 68px);bottom: 0;height: 50px;width: 50px;line-height: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: white;background-color: var(--black-color);border-radius: 0px 3px 3px 0px;font-weight: 800;}*/
.myroom_inputItem--file .myroom_inputItem--InfoText {padding-left: 74px; color: var(--navy-color);}
.myroom_inputItem--file > input {display: none;}
.myroom_inputItem--file > .myroomFile--btn {position: absolute;left: calc(100% - 48px);top: inherit;bottom: 0;height: 50px;width: 50px;line-height: 0;color: white;background-color: var(--black-color);border-radius: 0px 3px 3px 0px;font-weight: 800;z-index: 10;cursor: pointer;pointer-events: inherit;    display: flex;align-items: center;justify-content: center;font-size: 20px;}
.myroom_inputItem--file .myroomFile--name {position: relative;height: 50px;border-radius: 3px;color: var(--gray-color);border-bottom: 1px solid var(--lightgray-color);padding: 16px 8px;}
.myroom_inputItem--file > .myroom_inputItem--fileBtnDel {position: absolute;left: calc(100% - 144px);padding: 4px 12px;border-radius: 20px;border: 1px solid var(--vivamagenta-color);color: var(--vivamagenta-color);display: flex;align-items: center;gap: 8px;z-index: 2; transition: 0.3s;}
.myroom_inputItem--file > .myroom_inputItem--fileBtnDel:hover {background: var(--vivamagenta-color); color: #fff;}
.myroom_inputItem--file > .myroom_inputItem--fileBtnDel i {font-size: 15px;}
.myroom_inputItem--file .myroom_inputItem--InfoText {padding-left: 24px; color: var(--navy-color);}
@-moz-document url-prefix() { .myroom_inputItem--file button {display: none;}}
.myroom_inputItem--service {position:relative; width: 100%; color: var(--gray-color); display: flex;align-items: center; gap: 24px;}
.myroom_inputItem--service span {color: var(--black-color); font-weight: 700;}
.myroom_inputItem--radio {position:relative; width: 100%; height:44px; display: flex;align-items: center; padding: 10px 10px 10px 5px; gap: 24px;}
.myroom_inputItem_radioArea, .myroom_inputItem_radio_checkArea {display: flex;align-items: center;gap: 8px;}
.myroom_inputItem_radioArea input[type="radio"] {margin: 0px 0px 0px 4px;}
.myroom_inputItem_radioArea > label {font-weight: 700;}
.myroom_inputItem_radio_checkArea {display: none; margin-left: 8px;}
.myroom_inputItem_radioArea input[type="radio"]#vr02:checked ~ .myroom_inputItem_radio_checkArea {display: flex;}
.myroom_inputItem_radio_checkArea input[type="checkbox"]#vrpassword:checked ~ .pin-code {display: flex;}
.pin-code{ padding: 0; margin: 0 auto; display: none;justify-content:center;} 
.pin-code input { border: 1px solid var(--gray-color); text-align: center; width: 24px;height:24px;font-size: 15px; background-color: var(--lightgray-color);margin-right:5px;} 
.pin-code input:focus { border: 1px solid var(--navy-color);outline:none;}
.pin-code span {font-size: 12px; padding-left: 8px; margin-top: auto;}
.myroom_inputItem_radio_pointArea {display:none; padding-left: 24px;}
.myroom_inputItem_radio_pointArea input[type="text"] {border: none;border-bottom: 1px solid var(--lightgray-color);outline: none; width:100px; font-weight: 700; font-family: 'Poppins'; text-align: right; color: var(--navy-color);}
.myroom_inputItem_radioArea input[type="radio"]#vp02:checked ~ .myroom_inputItem_radio_pointArea {display: flex; align-items: center;}
.myroom_inputItem_terms {font-size: 12px; display: flex; align-items: flex-start; line-height: 1.3; gap: 8px;}
.myroom_inputItem_terms > label > a {font-weight: 700; text-decoration: underline;}
.myroom_inputItem_terms input {width: 20px;}
.myroom_inputItem_terms > label {flex:1;}
.myroom_inputItem_des {display: flex;flex-direction: column;gap: 8px;padding: 16px;border-bottom: 1px solid var(--black-color);margin: 0 auto;}
.myroom_inputItem.point::after {content: "POINT";position: absolute;top: 16px;left: calc(100% - 68px);}

.myroom_input_btnWrap {display: flex;gap: 24px;margin-top: 16px; justify-content: center;}
.myroom_inputBtn {padding: 8px 24px; color: var(--black-color); border-radius: 20px; border:1px solid var(--black-color);}
.myroom_inputBtn:hover {background: var(--black-color); color: #fff;}
.myroom_inputBtn.del:hover {background: var(--vivamagenta-color); border-color: var(--vivamagenta-color);}
.myroom_inputBtn.cancel:hover {background: var(--lightgray-color); color: var(--gray-color); border-color: var(--gray-color);}

.myroom_input_btnWrap {display: flex;gap: 24px;margin-top: 16px; justify-content: center;}
.myroom_inputBtn {padding: 8px 24px; color: var(--black-color); border-radius: 20px; border:1px solid var(--black-color);}
.myroom_inputBtn:hover {background: var(--black-color); color: #fff;}
.myroom_inputBtn.del:hover {background: var(--vivamagenta-color); border-color: var(--vivamagenta-color);}
.myroom_inputBtn.cancel:hover {background: var(--lightgray-color); color: var(--gray-color); border-color: var(--gray-color);}
.myroom_inputBtn.cancel_pay:hover {background: var(--lightgray-color); color: var(--gray-color); border-color: var(--gray-color);}
.myroom_inputBtn.bv--clear.none {display: none;}
.myroom_inputBtn.bv--clear {position: absolute;left: calc(100% - 85px);padding: 8px 11px;z-index: 1;}
.brandroom_page_basicVideo.myroom {gap: 16px;}
.brandroom_page_basicVideo.myroom .brandroom_page_basicVideo_item {width: 100%;}
.myroom_videoList_premiumBtn, .myroom_videoList_premiumText {display: none;}
.myroom_videoList_premiumBtn.on {display: flex; gap: 8px; padding: 4px 8px 4px 4px; border-radius: 20px; background: #E6B816;position: absolute;left: 8px;bottom: 8px; font-size: 12px;align-items: center;}
.myroom_videoList_premiumBtn.on i {font-size: 15px;}
.myroom_videoList_premiumText.on {display: inherit; font-size: 12px; font-weight: 700;}
.myroom_videoList_singleBtn .myroom_inputBtn {font-size: 12px; padding: 4px 8px;}
.brandroom_page_basicVideo.myroom .brandroom_page_basicVideo--thum button {width: 100%; height: 100%; background: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--gray-color); gap: 8px;}
.brandroom_page_basicVideo.myroom .brandroom_page_basicVideo--thum button span:first-child {font-size: 32px; font-weight: 700;}
.brandroom_page_basicVideo.myroom .brandroom_page_basicVideo_text--title {cursor: inherit;}
.viewMultiBtn {position: absolute;top:0px; right: 0px; transition: 300ms ease all; padding: 4px 8px;border: 1px solid var(--black-color);border-radius: 4px;}
.viewMultiBtn:hover {background: var(--black-color); color: #fff;}
.myroom_multiBtn {display: flex;gap: 16px;position: absolute;right: 0;top: 36px; opacity: 0; transition: 300ms ease all;}
#viewMultiBtn {display: none;}
#viewMultiBtn:checked + .viewMultiBtn:after {content: "끄기"; padding-left: 8px;}
#viewMultiBtn:checked + .viewMultiBtn {top: -42px; background: var(--black-color); color: #fff;}
#viewMultiBtn:checked + .viewMultiBtn:hover {background: var(--lightgray-color); color: var(--black-color);}
#viewMultiBtn:checked ~ .myroom_multiBtn {right: 0;top: -8px; opacity: 1;}
.brandroom_page_basicVideo_text--title input {width: 0px;margin: 0px;transition: 300ms ease all;opacity: 0;}
#viewMultiBtn:checked ~ .brandroom_page_basicVideo.myroom .brandroom_page_basicVideo_item .brandroom_page_basicVideo_text .brandroom_page_basicVideo_text--title input { width: 13px;margin: 0px 4px 3px 0px;opacity: 1;}#viewMultiBtn:checked ~ .brandroom_page_basicVideo.myroom .brandroom_page_basicVideo_item .brandroom_page_basicVideo_text .brandroom_page_basicVideo_text--title input { width: 13px;margin: 0px 4px 3px 0px;opacity: 1;}

/* vidro write page */
div#select_box {position: relative;width: 200px;height: 40px;background: url(select_arrow.png) 180px center no-repeat; /* 화살표 이미지 */border-bottom: 1px solid var(--black-color);}
div#select_box::after {position: absolute;right: 0px;bottom: 9px;font-family: "Material Icons";content: "\e5cf";font-size: 20px;z-index: -1;}
div#select_box label {position: absolute;font-size: 14px;top: 13px;left: 12px;letter-spacing: 1px;}
div#select_box select {width: 100%;height: 40px;min-height: 40px;line-height: 40px;padding: 0 10px;opacity: 0;filter: alpha(opacity=0);}

.form-control {display: block;width: 100%;font-size: 14px;height: 34px;padding: 4px 8px;margin-bottom: 15px;}
.tags-container {display: flex;flex-flow: row wrap;width: 100%;padding: 10px 10px 10px 5px;font-size: 14px;border-bottom: 1px solid var(--lightgray-color);word-wrap: break-word;}
input.tag-input {flex: 3;border: 0;outline: 0;}
.tag {position: relative;margin: 2px 6px 2px 0;padding: 4px 26px 4px 8px;font-size: inherit;font-weight: 400;text-align: center;color: #fff;background-color: #317CAF;border-radius: 3px;transition: background-color 0.3s ease;cursor: default;}
.tag:first-child {margin-left: 0;}
.tag--marked {background-color: #6fadd7;}
.tag--exists {background-color: #EDB5A1;animation: shake 1s linear;}
.tag__name {margin-right: 3px;}
.tag__remove {position: absolute;right: 0;bottom: 0;width: 20px;height: 100%;padding: 0 5px;font-size: 16px;font-weight: 400;transition: opacity 0.3s ease;opacity: 0.5;cursor: pointer;border: 0;background-color: transparent;color: #fff;line-height: 1;}
.tag__remove:hover {opacity: 1;}
@keyframes shake { 0%, 100% {transform: translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {transform: translate3d(-5px, 0, 0);} 20%, 40%, 60%, 80% {transform: translate3d(5px, 0, 0);}}

/* video detail page */
.brandroom_detail_video {aspect-ratio: 16/9; background: #000;}
.brandroom_page_basicVideo_text.videoDetail {padding: 0px; position: relative;}
.brandroom_page_basicVideo_text.videoDetail .brandroom_page_basicVideo_text--title {font-size: 24px;}
.brandroom_page_basicVideo_text--hashtag {display: flex; gap: 8px; color: var(--gray-color);}
.eviCont {max-height: 600px; overflow: hidden; padding-bottom: 16px;}
.eviCont img {max-width:100%; margin: 0 auto; display: block;}
.eviCont_morebtn { padding: 16px 0px; display: flex; gap: 8px; align-items: center; justify-content: center; color: #fff; background-color: var(--deepblue-color); border-radius: 0px 0px 32px 32px;}
.eviCont_morebtn .material-icons { transition: 0.3s;}
.input-imgmore { display: none;}
.input-imgmore:checked ~ .eviCont { max-height: inherit;}
.input-imgmore:checked ~ label .eviCont_morebtn .material-icons { transform: rotate(180deg);}
.menu-imgmore { width: 100%;}
.eviCont_morebtn span:first-child:after { content: "더보기";}
.input-imgmore:checked ~ label .eviCont_morebtn span:first-child:after { content: "닫기";}

/* 결제 모달 */
.modal.myroom {display: none;position: fixed;z-index: 6666;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.7);backdrop-filter: blur(10px);}
.modal.myroom .modal_area {position: absolute;text-align: left;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #ffffff;border-radius: 8px;padding: 28px 24px;max-height: 90%;overflow-y: auto;}
.modal.myroom .modal_header {display: flex;justify-content: space-between;padding-bottom: 20px;border-bottom: 1px solid #E6E6E6;margin-bottom: 20px;}
.modal.myroom .modal_header > span:first-child {font-size: 2.0em;}
.modal.myroom .modal_header i {font-size: 32px; cursor: pointer;}
.modal.myroom .modal_contents {display: flex;flex-direction: column;padding: 16px;border: 1px solid #202B35;border-radius: 8px;font-size: 15px; gap: 16px;}
.modaL_brandService_typeWrap {display: flex;gap: 16px;padding: 16px 8px;border-top: 1px solid var(--gray-color);border-bottom: 1px solid var(--gray-color);flex-wrap: wrap;}
.modaL_brandService_typeWrap.roomtype {border-top: 3px solid var(--gray-color);border-bottom: 3px solid var(--gray-color);}
.modaL_brandService_typeWrap.pricetype {border-top: none;margin-top: -16px; background: var(--lightgray-color);}
.modaL_brandService_typeItem {display: flex;align-items: center;gap: 8px;}
.modaL_brandService_typeItem input {margin: 0;}
.modaL_brand_videoWrite_payment_viewPoint {display: flex;justify-content: space-between;align-items: flex-end;padding: 8px;border-bottom: 3px solid var(--black-color); gap: 32px;}
.modaL_brand_videoWrite_payment_viewPoint--point { display: flex;gap: 8px;align-items: flex-end;}
.modaL_brand_videoWrite_payment_viewPoint--text button{font-size: 12px;padding: 4px 8px; margin-left: 8px;}
.modaL_brand_videoWrite_payment_viewPoint--point b {font-size: 20px;}
.modaL_brand_videoWrite_payment_viewPoint--point input[type="text"] {border: none;border-bottom: 1px solid var(--lightgray-color);outline: none; width:100px; font-weight: 700; text-align: right;}
.modaL_brand_videoWrite_payment_inputPoint {display: flex;justify-content: space-between;align-items: center;padding: 16px 8px 8px;background: var(--black-color); color: #fff; border-radius: 4px;}
.modaL_brand_videoWrite_payment_inputPoint--point {display: flex;gap: 8px;align-items: flex-end;}
.modaL_brand_videoWrite_payment_inputPoint--point input[type="text"] {border: none;background: none;text-align: right;outline: none;font-size: 20px;width: 150px;padding: 0px;margin: 0px;line-height: 1.1; color: #fff;}
.modaL_brand_videoWrite_payment_inputPoint--point input[type="text"]::placeholder {font-size: 15px;}
.modaL_brand_videoWrite_payment_inputPoint--text {display: flex; gap: 8px;}
.modaL_brand_videoWrite_payment_inputPoint--radio input {display: none;}
.modaL_brand_videoWrite_payment_inputPoint--radio label {padding: 4px 16px;border-radius: 20px;font-size: 12px; color: var(--gray-color); background: #fff;}
.modaL_brand_videoWrite_payment_inputPoint--radio input:checked ~ label, .modaL_brand_videoWrite_payment_inputPoint--radio label:hover {background: var(--blue-color);color: #fff;}
.modaL_brand_videoWrite_payment_inputPoint--radio input#pm02:checked ~ label, .modaL_brand_videoWrite_payment_inputPoint--radio input#pm02 ~ label:hover {background: var(--vivamagenta-color);}
.modaL_brand_videoWrite_payment_inputPoint.bglightgray {background: var(--lightgray-color); color: var(--black-color);}
.modaL_brand_videoWrite_payment_inputPoint.bglightgray .modaL_brand_videoWrite_payment_inputPoint--point input[type="text"] {color: var(--black-color);}
.modaL_brand_videoWrite_payment_history {display: flex;flex-direction: column;gap: 8px;padding: 0px 8px;}
.modaL_brand_videoWrite_payment_history--title {font-weight: 700;}
.modaL_brand_videoWrite_payment_historyItem {display: flex;justify-content: space-between;gap: 8px;font-size: 12px;padding: 8px 0px;border-top: 1px solid var(--lightgray-color);}
.modaL_brand_videoWrite_payment_historyItem span:nth-child(2) {font-weight: 700;}
.modaL_brand_videoWrite_payment_historyItem span:last-child {flex: 1; text-align: right;}
.modal_contents .searchItem {position: inherit;border: none;}
.modaL_brand_videoWrite_evalutionWrap {display: flex; flex-direction: column; padding: 0px 8px;}
.modaL_brand_videoWrite_evalutionItem {display: flex;justify-content: space-between;gap: 24px;padding: 16px 0px;border-top: 1px solid var(--lightgray-color);}
.modaL_brand_videoWrite_evalutionItem_info {display: flex;gap: 8px;align-items: flex-end;}
.modaL_brand_videoWrite_evalutionItem_info > img {height: 45px;aspect-ratio: 1/1;border-radius: 8px;}
.modaL_brand_videoWrite_evalutionItem_text {display: flex;flex-direction: column;gap: 8px;}
.modaL_brand_videoWrite_evalutionItem_textType {display: flex;gap: 4px;}
.modaL_brand_videoWrite_evalutionItem_textType span {padding: 4px 8px;font-size: 12px;border-radius: 4px;background: var(--blue-color);color: #fff;}
.modaL_brand_videoWrite_evalutionItem_textType .type02 {background: var(--navy-color);}
.modaL_brand_videoWrite_evalutionItem_textType .type04 {background: var(--orange-color);}
.modaL_brand_videoWrite_evalutionItem_text--title {font-weight: 700;}
.modaL_brand_videoWrite_evalutionItem button {margin: auto 0; font-size: 12px;}
.modaL_brand_videoWrite_evalution_pageList {display: flex;justify-content: center;gap: 16px;padding: 16px 0px;border-top: 1px solid var(--lightgray-color);}
.modaL_brand_videoWrite_evalution_pageList span {padding: 4px 8px; cursor: pointer;}
.modaL_brand_videoWrite_evalution_pageList span:hover {background: var(--lightgray-color);}
.modaL_brand_videoWrite_evalution_pageList span.on {background: var(--black-color);color: #fff;}
.modal.myroom .modal_area.premiumBackground {background-color: inherit; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);}
.modal_area.premiumBackground .modal_header {color: #fff;}
.modal_contents.premiumOverflow {max-height: 600px; overflow-y: auto; background: #fff;}
.modal_premiumService_title {padding: 8px; border-bottom: 3px solid var(--black-color); font-weight: 700;}
.modal_premiumService_videoWrap {display: flex; flex-direction: column; gap: 8px; padding: 0px 16px;}
.modal_premiumService_videoItem {display: flex; gap: 16px; padding-bottom: 8px; border-bottom: 1px solid var(--lightgray-color);}
.modal_premiumService_videoItem img {height: 40px; aspect-ratio: 16/9; border-radius: 4px;}
.modal_premiumService_videoItem--title {display: flex; flex-direction: column; gap: 8px;}
.modal_premiumService_videoItem--title > span {font-weight: 700;}
.modal_premiumService_videoItem--title .brandroom_page_basicVideo_text--info span:first-child {font-size: 12px; width: inherit;} 
.modal_premiumService_videoItem--title .brandroom_page_basicVideo_text--info span:nth-child(2)::before {display: inline-block;}
.modal_premiumService_priceText {line-height: 1.3; text-align: center;}
.modal_premiumService_priceText b {font-weight: 700;}
.modaL_brand_videoWrite_payment_viewPoint .myroom_inputItem--file {width: inherit;}
.modaL_brand_videoWrite_payment_viewPoint.chargeSelect {align-items: center; flex-direction: column;}
.modaL_pointCharge_account {display: flex;flex-direction: column;text-align: center;gap: 8px;}
.modaL_pointCharge_account span:last-child {font-size: 20px; font-weight: 700;}
#tipPayment .brandroom_page_basicVideo.myroom .brandroom_page_basicVideo_item {width: 100%; flex-direction: column;}
#tipPayment .brandroom_page_basicVideo.myroom .brandroom_page_basicVideo--thum, #tipPayment .brandroom_page_basicVideo.myroom .brandroom_page_basicVideo_text {width:100%;}
.modal_tipknowhow_paymentPoint {display: flex;flex-direction: column;gap: 8px;padding: 16px;align-items: center;border-top: 1px solid var(--lightgray-color);border-bottom: 1px solid var(--lightgray-color);}
.modal_tipknowhow_paymentPoint--basic {display: flex;width: 250px;justify-content: space-between;padding: 8px 0px; align-items: flex-end;}
.modal_tipknowhow_paymentPoint--basic span:last-child {display: flex; gap: 4px; align-items: flex-end;}
.modal_tipknowhow_paymentPoint--basic span:last-child b {font-size: 20px; font-weight: 700;}
.modal_tipknowhow_paymentPoint--basic.payPoint span:last-child b {color: red;}
.modal_tipknowhow_paymentPoint--basic.payPoint span:last-child b::before {content: "-";}
.modal_tipknowhow_paymentPoint--basic.sumPoint {border-top: 1px solid var(--gray-color);}
.modal_tipknowhow_paymentPoint--message {padding: 4px 16px;border-radius: 4px;background: var(--black-color);color: #fff;}


.tipknowhow_myvideo_calPoint {font-size: 12px;font-weight: 700;}
.tipknowhow_myvideo_bestVideo .brandroom_page_basicVideo_item {width: 100%;}
.tipknowhow_myvideo_bestVideo .brandroom_page_basicVideo--thum {width: 100%;}
.tipknowhow_myvideo_bestVideo .brandroom_page_basicVideo_text--title {font-size: 20px;}
.tipknowhow_myvideo_calArea { display: flex;gap: 24px;padding: 8px 16px;background: var(--black-color);color: #fff;border-radius: 4px;margin-top: 16px; flex-direction: column;}
.tipknowhow_myvideo_bestVideo .tipknowhow_myvideo_calCase, .tipknowhow_myvideo_bestVideo .tipknowhow_myvideo_calPoint {font-size: 15px; font-weight: 700;}
.tipknowhow_myvideo_tableWrap {display: flex;flex-direction: row; gap: 16px; padding: 16px; justify-content: space-between;}
.tipknowhow_myvideo_table--title, .tipknowhow_myvideo_table--text {display: flex;flex-direction: column;gap: 24px;}
.tipknowhow_myvideo_table--title span, .tipknowhow_myvideo_table--text span {flex: 1;padding: 4px 8px;font-size: 15px;}
.tipknowhow_myvideo_table--text span {display: flex;justify-content: center; padding: 4px 8px;}
.tipknowhow_myvideo_table--text span:nth-child(1) {background: #d4afb9;}
.tipknowhow_myvideo_table--text span:nth-child(2) {background: #d1cfe2;}
.tipknowhow_myvideo_table--text span:nth-child(3) {background: #9cadce;}
.tipknowhow_myvideo_table--text span:nth-child(4) {background: #7ec4cf;}
.tipknowhow_myvideo_calHistory {display: flex; flex-direction: column;}
.tipknowhow_myvideo_calHistory_item {display: flex;flex-direction: row;gap: 8px;flex: 1;padding: 16px;align-items: center;justify-content: space-between;}
.tipknowhow_myvideo_calHistory--title {font-size: 15px;background: #fff;padding: 8px;border-radius: 8px;}
.tipknowhow_myvideo_calHistory--point {font-size: 12px; display: flex; gap:8px; align-items: flex-end; flex-wrap: wrap;}
.tipknowhow_myvideo_calHistory--point b {font-size: 20px; font-weight: 700; margin-left: auto;}
.tipknowhow_myvideo_calHistory--point #prFrm {width: 100%;text-align: right;}
.tipknowhow_myvideo_calHistory--point #prFrm button {font-size: 12px;padding: 4px 8px;border: 1px solid var(--black-color);border-radius: 16px;}
.tipknowhow_myvideo_calHistory_item:nth-child(2) .tipknowhow_myvideo_calHistory--title {background: var(--black-color);color: #fff;}
.tipknowhow_myvideo_calHistory_item:nth-child(3) {color: var(--vivamagenta-color);}
.tipknowhow_myvideo_calHistory_item:nth-child(3) .tipknowhow_myvideo_calHistory--title {background: var(--vivamagenta-color);color: #fff;}

/* tipknowhow detail */
.tipknowhow_detail_beforeVideo {aspect-ratio: 16/9;background: #000; color: #fff; display: flex; align-items: center; justify-content: center;background-image: url(https://stackdiary.com/wp-content/uploads/2022/10/noise_img.png);background-position: 0px 0px;background-size: auto;}
.tipknowhow_detail_fileArea {display: flex; gap: 16px; flex-wrap: wrap;}
.tipknowhow_detail_fileItem {display: flex;gap: 16px;padding: 8px 16px;font-size: 12px;align-items: center;border: 1px solid var(--lightgray-color);border-radius: 20px;cursor: pointer;}
.tipknowhow_detail_fileItem--name {display: flex;gap: 4px;align-items: center;}
.tipknowhow_detail_fileItem .material-icons {font-size: 19px;transition: 0.3s;}
.tipknowhow_detail_fileItem:hover > .material-icons {color: red;}
.tipknowhow_detail_fileItem:hover {background: var(--black-color);color: #fff;}
.tipknowhow_detail_payBtn {display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 16px 32px;border-radius: 16px;background: #fff;border: 1px solid var(--gray-color); transition: 0.3s;}
.tipknowhow_detail_payBtn.afterPay {background: var(--black-color);color:#fff;pointer-events: none;}
.tipknowhow_detail_payText {display: flex; gap: 4px; align-items: flex-end;}
.tipknowhow_detail_payText b {font-size: 20px; font-weight: 700;}
.tipknowhow_detail_payBtn:hover {background: var(--black-color); color: #fff;}
.tipknowhow_detail_beforePay {color: var(--black-color);padding: 24px;display: flex;align-items: center;justify-content: center;background-image: url(https://stackdiary.com/wp-content/uploads/2022/10/noise_img.png);background-position: 0px 0px;background-size: auto;opacity: 0.9;}
.tipknowhow_detail_beforePay.detailImg {padding: 128px 0px;}


.lawAgreePop {display: none;position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 80%;z-index:1503;background: #fff;}
.lawAgreePop .popInner {padding:30px 20px;box-sizing:border-box;}
.lawAgreePop .popInner .headerDOM {font-size: 20px;text-align: center;}
.lawAgreePop .headerDOM .closePop {display: none;position: absolute;right: 10px;top: 10px;}
.lawAgreePop .popInner .bodyDOM {}
.lawAgreePop .popInner .bodyDOM .topTxt {margin-top: 20px;}
.lawAgreePop .popInner .bodyDOM .botTxt {background: #eee;margin-top: 20px;text-align: left;padding:10px;}
.lawAgreePop .bodyDOM iframe {}
.lawAgreePop .bodyDOM p.underBtn {margin-top: 10px;}
.lawAgreePop .popInner .btnDOM {margin-top: 10px;}
.lawAgreePop .btnDOM a {display: inline-block;padding:0 40px;height: 30px;line-height: 30px;color: #fff;font-size: 15px;border-radius:30px;border:0;}