@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-std.min.css");


/* { box-sizing: border-box; }*/
/*
    .room-menu 안 menu-gnb list 클릭시
    .right-content 에 on(max-width:440px) 또는 m-on(max-width:310px) 클래스 들어가면서
     내 방일때 .menu-content 안에
    .my-box, .user-m, .item-box, .setting 열림
     친구방일때
     guest-box, user-g 열림
*/



/************ ROOT ************/
:root {

    --rcont-max: 420px;

    --black: #111;
    --white: #fff;
    --primary: #be3455;
    --primary-hover: #AA2E4C;
    --blue: #4571FF;
    --gray12: #121212;
    --gray1e: #1E1E1E;
    --gray26: #262626;
    --gray30: #303030;
    --gray48: #484848;
    --gray70: #707070;
    --gray88: #888;
    /*--grayb3: #b3b3b3;*/
    --grayab: #ababab;


    --black-rgb: 0, 0, 0;
    --gray1e-rgb: 30, 30, 30;
    --white-rgb: 255, 255, 255;

    /*--opacity10: 0.1;*/
    --opacity30: 0.3;
    --opacity40: 0.4;
    --opacity60: 0.6;
    --opacity80: 0.8;
    --opacity95: 0.95;

}

html, body { width: 100%; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 14px; }
img { display: inline-block; width: 100%; max-width: 100%; }
button { cursor: pointer; user-select: none; }
textarea { min-height: 200px; line-height: 1.35 }
label { display: block; }


.break-word { word-break: break-word; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); word-break: initial; word-wrap: initial; }
.hide { display: none !important; }
.view-mb { display: none; }
.disable,
.disabled,
:disabled { pointer-events: none; user-select: none; }
.e-prevent { pointer-events: none; }
.cursor { cursor: pointer; }
.scroll-y { overflow-y: auto; }
.empty-data { color: var(--gray88); text-align: center; }
.empty-full { flex: 1 1 0; display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: center; padding: 0; margin: 0; font-size: 16px; color: var(--gray70); text-align: center; }
.cut-txt.view { max-height: initial !important; -webkit-line-clamp: none !important; }


.mg-lAuto { margin-left: auto; }
.mg-rAuto { margin-right: auto; }
.mg-t20 { margin-top: 20px; }
.mg-b12 { margin-bottom: 12px; }


.icon-mark { display: inline-block; }
.icon-close { background: url('../images/metaroom/icon_close_white.svg') no-repeat 50% 50%; cursor: pointer; }
.icon-back { background: url('../images/metaroom/icon_back_white.svg') no-repeat 50% 50%; cursor: pointer; }
.icon-search { background: url('../images/metaroom/icon_search.svg') no-repeat 50% 50%; cursor: pointer; }
.icon-home { background: url('../images/metaroom/icon_home_white.svg') no-repeat 50% 50%; cursor: pointer; }
.icon-dot3 { width: 16px; height: 16px; background: url('../images/metaroom/icon_dot3.svg') no-repeat 50% 50%; }
.icon-new { background: url('../images/metaroom/icon_new.svg') no-repeat 50% 50%; }
.icon-chk { background: url('../images/metaroom/icon_check.svg') no-repeat 50% 50%; }
.icon-lock { background: url('../images/metaroom/icon_lock.svg') no-repeat 50% 50%; }
.icon-ddown { background: url('../images/metaroom/arrow-d-gray.svg') no-repeat 50% 50%; }
.icon-enlarge { background: url('../images/metaroom/icon_magnifier.svg') no-repeat 50% 50%; cursor: pointer; }
.icon-moot { background: url('../images/metaroom/icon_flw.svg') no-repeat 50% 50%; }
.icon-photos { background: url('../images/metaroom/icon_photos.svg') no-repeat 50% 50%; }
.icon-heart { background: url('../images/metaroom/icon_heart.svg') no-repeat 50% 50%; }
.icon-heart.on { background: url('../images/metaroom/icon_heart_on.svg') no-repeat 50% 50%; }
.icon-comment { background: url('../images/metaroom/icon_comment_line.svg') no-repeat 50% 50%; }
.icon-dislike { background: url('../images/metaroom/icon_dislike.svg') no-repeat 50% 50%; }
.icon-dislike.on { background: url('../images/metaroom/icon_dislike_on.svg') no-repeat 50% 50%; }
.icon-plane { background: url('../images/metaroom/icon_plane_on.svg') no-repeat 50% 50%; }
.disable .icon-plane,
.icon-plane.disable { background: url('../images/metaroom/icon_plane_x.svg') no-repeat 50% 50%; }

.form-unit label:has(input) { width: 100%; }
.form-unit .label { display: block; font-size: 17px; margin-bottom: 8px; }
.form-unit .input-guide { margin-bottom: 12px; font-size: 14px; color: var(--gray70); }
.form-unit + .form-unit { margin-top: 20px; }

.input-st1 { }
.input-st1 input { width: 100%; }
.input-st1 input,
.input-st1 input:-webkit-autofill,
.input-st1.file-box .file-name { padding: 14px 16px; box-shadow:0 0 0 1000px var(--gray26) inset; -webkit-box-shadow:0 0 0 1000px var(--gray26) inset; -webkit-text-fill-color: inherit; border-radius: 12px; background-color: var(--gray12); color: var(--white); font-size: 16px; }
.input-st1 input::placeholder,
.input-st1 input:-webkit-autofill::placeholder,
.input-st1 .placeholder-st { color: var(--gray70); }
.input-st1 input:hover::placeholder,
.input-st1 input:-webkit-autofill:hover::placeholder { color: var(--white); }
.input-st1 input[type="search"]::-webkit-search-cancel-button { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; background: url('../images/metaroom/icon_del_gray.svg') no-repeat 50% 50%; /*background-size: 10px;*/ cursor: pointer;  }
.input-st1 input:read-only,
.input-st1 input:invalid,
.input-st1 input.invalid,
.input-st1 input.disable,
.input-st1 input.disabled,
.input-st1 input:disabled { color: var(--grayab); pointer-events: none; user-select : none; }
/*!*.input-st1 input.err { } *!*/
/*!*.input-st1 input.initial { position: relative; width: auto; height: auto; vertical-align: middle; clip-path: initial; appearance: auto; }*!*/
/*.input-st1 label { }*/

.input-st2 { position: relative; }
.input-st2 input { width: 100%; }
.input-st2 input,
.input-st2 input:-webkit-autofill,
.input-st2.file-box .file-name { padding: 16px 20px; box-shadow:0 0 0 1000px var(--gray30) inset; -webkit-box-shadow:0 0 0 1000px var(--gray30) inset; -webkit-text-fill-color: inherit; border-radius: 16px; background-color: var(--gray30); font-size: 16px; color: var(--white); }
.input-st2 input::placeholder,
.input-st2 input:-webkit-autofill::placeholder,
.input-st2 .placeholder-st { color: var(--gray70); }
.input-st2 input:hover::placeholder,
.input-st2 input:-webkit-autofill:hover::placeholder { color: var(--white); }

input[type="checkbox"],
input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); word-break: initial; word-wrap: initial;}
.label-st-v label { position: relative; display: inline-block; user-select: none; cursor: pointer; }
.label-st-v label::before { position: absolute; top: -3px; left: 0; display: inline-block; content:""; }
.label-st-v input:disabled + label,
.label-st-v input.disabled + label,
.label-st-v input.disable + label { pointer-events: none; }
.label-st-v label { padding-left: 30px; }
.label-st-v label::before { width: 22px; height: 22px; line-height: 20px; background: url("../images/metaroom/checkbox_check2.svg") no-repeat 50% 50%; }
.label-st-v input:checked + label::before { background-image: url("../images/metaroom/checkbox_check2_on.svg") }
.label-st-v input:disabled + label::before,
.label-st-v input.disabled + label::before,
.label-st-v input.disable + label::before { /* background-position:; background-image: url(""); */ }

.search-box { position: relative; }
.search-box input { padding-left: 44px; }
.search-box .btn-search { position: absolute; top: 11px; left: 12px; }
.search-box .icon-search { display: block; width: 24px; height: 24px; opacity: 0.5; }
.search-box:hover .icon-search { opacity: 1; }


.btn-primary-color,
.btn-primary-color:visited { background-color: var(--primary); color: var(--white); }
.btn-primary-color:hover { background-color: var(--primary-hover); }
.btn-primary-color.on {}
.btn-primary-color.disable, .btn-primary-color.disabled, .btn-primary-color:disabled { background-color: var(--gray26); color: var(--gray48); }
.btn-gray30-color,
.btn-gray30-color:visited { background-color: var(--gray30); color: var(--grayab); }
.btn-gray30-color:hover { background-color: var(--gray26); }
.btn-gray30-color.on {}
.btn-gray30-color.disable, .btn-gray30-color.disabled, .btn-gray30-color:disabled { color: var(--gray48); }
.btn-gray48-color,
.btn-gray48-color:visited { background-color: var(--gray48); color: var(--white); }
.btn-gray48-color:hover { background-color: var(--gray88); }
.btn-gray48-color.on {}
.btn-gray48-color.disable, .btn-gray48-color.disabled, .btn-gray48-color:disabled { color: var(--gray48); }
.btn-white30-line,
.btn-white30-line:visited { border: 1px solid rgba(var(--white-rgb), var(--opacity30)); color: var(--white); }
.btn-white30-line:hover { background-color: var(--gray26); }
.btn-white30-line.on { color: var(--white); }
.btn-white30-line.disable, .btn-white30-color.disabled, .btn-white30-color:disabled { color: var(--gray48); }

.btn-h30 { padding: 7px 12px;  border-radius: 16px; font-size: 13px; }
.btn-h40 { padding: 11px; border-radius: 8px; }
.btn-h48 { padding: 14px 10px; border-radius: 8px; font-size: 16px; }
.btn-full { flex: 1 1 0; width: 100%; max-width: 100%; }
.btn-fix { flex: 0 0 auto; }
.btn-box { display: flex; align-items: center; }
.btn-row { flex-direction: column; }
/*.btn-side { justify-content: space-between; }*/
/*.btn-center { justify-content: center; }*/
/*.btn-right { justify-content: flex-end; }*/

@media (hover: hover) {
    .btn-primary-color:hover { background-color: var(--primary-hover); }
    .btn-gray30-color:hover { background-color: var(--gray26); }
    .btn-gray48-color:hover { background-color: var(--gray88); }
    .btn-white30-line:hover { background-color: var(--gray26); }
}

.box-square-unit { position: relative; width: 100%; }
.box-inner { position: relative; padding-top: 100%; overflow: hidden; }
.box-inner p { position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-size: 100%; }
.box-inner img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; background-color: var(--gray48); object-fit: cover; object-position: 50% 50%; }
.box-inner video,
.box-inner iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.box-circle .box-inner { border-radius: 50%; }

.grid3 {}
.grid3 ul { display: flex; flex-wrap: wrap; }
.grid3 ul li { position: relative; }
.grid3:has(.empty-data) ul li { width: 100% !important; }



/* error 페이지 */
body:has(.error_wrap) { width: 100vw; height: 100vh; }
.error_wrap { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.error_wrap article { display: inline-flex; align-items: center; gap: 30px; width: 90%; max-width: 960px; margin: 30px auto; }
.error_wrap .img-box { width: 45%; text-align: right; }
.error_wrap .img-box img { width: 100%; max-width: 400px;  }
.error_wrap .txt-box { width: 55%; font-size: 32px; line-height: 1.5; }
.error_wrap .txt-box a { display: inline-block; padding: 10px 92px 8px 16px; margin-top: 50px; border-radius: 12px; background: #BE3455 url(../images/web/icon_arr_r_white.svg) no-repeat 88% 50%; font-size: 15px; color: #fff; }
.error_wrap .txt-box a:hover { background-position: 93% 50%; }

@media all and (max-width:768px){
    .error_wrap article { flex-direction: column; }
    .error_wrap .img-box { width: 100%; text-align: center; }
    .error_wrap .img-box img { max-width: 280px;  }
    .error_wrap .txt-box { width: 100%; font-size: 20px; text-align: center;  }
}


/* login 화면 login.ejs*/
/* login 화면 login.ejs*/
/* login 화면 login.ejs*/
.login_wrap {position: relative; width:100%; height: 100%;}
.login_bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/metaroom/bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
.login_bg:before { content:''; display:block; position: fixed; left: 0; top: 0; z-index:0;  width: 100%; height: 100%; backdrop-filter: blur(8.3px);}
.login_container { position: relative; width: 100%; height: 100%; display: grid; place-items: center; }
.login_container > div { width: 100%; padding: 80px 0; }
.login_container .logo { position: relative; width: 100%; height: 100px; background: url(../images/metaroom/logo.svg) no-repeat center center; background-size: contain; }
.logo span{text-indent: -9999px;position: relative;display:block;}
.login_container .btn-back { position: absolute; left: 7%; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; padding: 12px; border-radius: 50%; background-color: #000; z-index: 999; cursor: pointer; }
.login_container .btn-back img { width: 80%; max-width: 30px; }

.create_btn_wrap { width: 100%; }
.create_btn_wrap .create_btn { position: relative; display: block; width: 90%; max-width: 370px; padding:16px 10px; margin: 0 auto; border-radius: 27px; background-color: rgba(0, 0, 0, 0.8); color: #fff; text-align: center;}
.create_btn_wrap .create_btn.on { display: block }

.char-type { position: relative; width: 85%; margin: 60px auto; }
.char-list-wrap { position: relative; display: flex; justify-content: space-between; align-items: stretch; gap: 3.5%; }
.char-inner { flex: 1 1 0; }
.char-inner > div { height: 100%; }
.char-inner .cht-box { position: relative; display: inline-flex; flex-direction: column; justify-content: space-between; gap: 30px; width: 100%; height: 100%; padding: 12% 8% 15%;  font-size: 24px; color: var(--black); line-height: 1.35; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25); transition: all 0.3s; overflow: hidden; z-index:1; }
.char-inner .cht-box::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 30%); }
.char-inner .cht-box,
.char-inner .cht-box::after { border-radius: 50px; }
.char-inner .cht-box:hover::after { border: 3px solid #be3455; }
.char-inner .go { display: flex; align-items: center; justify-content: center; width: 50%; max-width: 80px; height: 80px; padding: 10px; border-radius: 50%; background-color: #be3455; color: #fff; }
.char-inner .go span { flex: 0 0 auto; }
.char-inner .go i { width: 50%; height: 100%; background: url(../images/metaroom/icon_go.svg) no-repeat 77% 60%; background-size: contain; }
.char-inner .by { position: absolute; right: 8%; bottom: 5%; font-size: 16px; color: #fff; text-align: right; z-index: 5; }
.char-inner .by img { display: inline-block; width: 44%; margin-left: 3px; vertical-align: middle; }
.char-inner .cht-guide { margin-top: 16px; color: white; }
.login-guide { margin-top: 16px; color: #121212; }

.char-inner:nth-child(1) .cht-box{ background: #fff url(../images/metaroom/m_profile.webp) no-repeat 103% 105%; background-size: 58%; }
.char-inner:nth-child(2) .cht-box{ background: #fff url(../images/metaroom/icon_pf2.webp) no-repeat 125% 110%; background-size: 62%; }
.char-inner:nth-child(3) .cht-box{background: #fff url(../images/metaroom/w_profile.webp) no-repeat 150% 105%; background-size: 72%; }
.char-inner:nth-child(1):hover .cht-box{ background-size: 63%;}
.char-inner:nth-child(2):hover .cht-box{ background-size: 67%;}
.char-inner:nth-child(3):hover .cht-box{ background-size: 78%;}
/*.cht-inner:first-child .cht-box.on{border: 3px solid #be3455;}*/
/*.cht-inner:nth-child(2) .cht-box.on{border: 3px solid #be3455;}*/
/*.cht-inner:last-child .cht-box.on{border: 3px solid #be3455;}*/
/*.char-inner:last-child div::after { display: none; }*/


@media all and (max-width: 1400px) {
    .login_container > div { padding: 60px 0; }
    .login_container .logo { height: 70px; }

    .char-inner .cht-box .br { display: none; }
    .char-inner .cht-box { gap: 18px; padding: 36px 24px 85px; font-size: 20px; }
    .char-inner .cht-box,
    .char-inner .cht-box::after { border-radius: 40px; }
    .char-inner .go { max-width: 62px; height: 62px; }
    .char-inner .by { font-size: 13px; }
}

@media all and (max-width: 1200px) {
    .login_container .btn-back { width: 50px; height: 50px; }
}


@media all and (max-width: 1000px) {
    .login_container > div { padding: 40px 0; }
    .login_container .logo { height: 44px; background-image: url(../images/metaroom/logo_2.svg); }
    .char-inner .cht-box br { display: none; }
    .char-inner .cht-box { gap: 12px; padding: 30px 20px 60px; font-size: 16px; }
    .char-inner .cht-box,
    .char-inner .cht-box::after { border-radius: 30px; }
    .char-inner .go { max-width: 50px; height: 50px; font-size: 14px; }
    .login-guide { padding: 0 10px; }
    .char-inner:nth-child(1) .cht-box{ background-size: 63%;}
    .char-inner:nth-child(2) .cht-box{ background-size: 69%; }
    .char-inner:nth-child(3) .cht-box{ background-size: 78%; }
    .char-inner:nth-child(1):hover .cht-box{ background-size: 66%;}
    .char-inner:nth-child(2):hover .cht-box{ background-size: 72%;}
    .char-inner:nth-child(3):hover .cht-box{ background-size: 80%;}

}
@media all and (max-width: 640px) {
    .login_container { padding-top: 50px; }
    .login_container .logo { height: 40px; }
    .login_container .btn-back { top: 35px; left: 5%; width: 40px; height: 40px; }
    .create_btn_wrap .create_btn { max-width: 85%; }
    .char-list-wrap { flex-direction: column; gap: 20px; }
    .char-type { margin: 40px auto; }
    .char-inner .cht-box { gap: 20px; padding: 30px 24px 60px; font-size: 17px; }
    .char-inner .cht-box br { display: block; }
    .char-inner:nth-child(1) .cht-box{ background-size: 155px; }
    .char-inner:nth-child(2) .cht-box{ background-size: 180px; background-position: 103% 125%; }
    .char-inner:nth-child(3) .cht-box{ background-size: 220px; background-position: 120% 110%; }
    .char-inner:nth-child(1):hover .cht-box{ background-size: 165px;}
    .char-inner:nth-child(2):hover .cht-box{ background-size: 190px;}
    .char-inner:nth-child(3):hover .cht-box{ background-size: 230px;}
}

@media all and (max-width: 360px ) {
    .char-inner .cht-box br { display: none; }
    .char-inner:nth-child(1) .cht-box{ background-size: 135px; }
    .char-inner:nth-child(2) .cht-box{ background-size: 160px; background-position: 125% 135%; }
    .char-inner:nth-child(3) .cht-box{ background-size: 180px; background-position: 140% 110%; }
    .char-inner:nth-child(1):hover .cht-box{ background-size: 145px;}
    .char-inner:nth-child(2):hover .cht-box{ background-size: 170px;}
    .char-inner:nth-child(3):hover .cht-box{ background-size: 190px;}
}


.login_wrap_start{position: fixed; left: 0; top:0; width: 100%;height: 100%; overflow-y: auto; z-index: 999;}
.login_wrap_start .btn-back img { max-width: 100%; }

.login_wrap_start .login-wrap { position: relative; display: flex; gap: 20%; justify-content: center; max-width: 80%; margin: 0 auto; }

.login_wrap_start .login-wrap .login-cnt{width: 45%; max-width: 241px; height: 100%; position: relative; display: flex; flex-direction: column; text-align: center; }
.login_wrap_start .login-wrap .login-cnt .welcome{height: 10%}
.login_wrap_start .login-wrap .login-cnt .girl{height: 90%; /*background: url(../images/metaroom/girl_1.png) no-repeat center center; background-size: contain;*/ cursor: pointer;}

.login_wrap_start .login-wrap .login-cnt .boy{height: 100%; /*background: url(../images/metaroom/boy_1.png) no-repeat center center; background-size: contain;*/ cursor: pointer;}

.login_wrap_start .login-wrap .login-cnt img { max-width: 220px; }
.login_wrap_start .login-wrap .login-cnt > div > p{display: none; justify-content: center; align-items: center; color: #fff;position: absolute;left: 50%;top: -8px;transform: translateX(-50%); background: #000; opacity: 0.7;width: 60%; max-width: 178px; height: 10%; border-radius: 10px;}
.login_wrap_start .login-wrap .login-cnt > div > p.on{display: flex;}
.login_wrap_start .login-wrap .login-cnt > div > p::after{content: '';width: 10px;height: 10px;background: #000;transform: rotate(45deg) translateX(-50%);display: inline-block;position: absolute;left: 50%;bottom: -8px; z-index: -1;}

@media all and (max-width: 1400px) {
    .login_wrap_start .login-wrap { gap: 16%; }
    .login_wrap_start .login-wrap .login-cnt img { max-width: 180px; }
}
@media all and (max-width: 1000px) {
    .login_wrap_start .btn-back { width: 50px; height: 50px; padding: 15px; }
}
@media all and (max-width: 640px) {
    .login_container .logo { position: initial; }
    .login_wrap_start .btn-back { top: 30px; left: 8vw; width: 40px; height: 40px; padding: 12px; }
    .login_wrap_start .login-wrap { max-width: 100%; gap: 30px; }
    .login_wrap_start .login-wrap .login-cnt img { max-width: 80%; }


}


/* loading 화면 */
/* loading 화면 */
.intro-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999;background: url(../images/metaroom/bg_loading.webp) no-repeat center; background-size: cover; background-attachment: fixed; }
.intro-container { position: relative; width: 100%; height: 100%; display: flex;  flex-direction: column; justify-content: center; align-items: center; gap: 20px; padding: 80px 0; }
.intro-logo { width: 70%; max-width: 400px; border-radius: 50%; backdrop-filter: blur(6px); background-color: rgba(255,255,255,0.25); }
.intro-logo .img-box { position: relative; width: 60%; max-width: 240px; margin: 0 auto; padding-top: 100%; overflow: hidden; }
.intro-logo .img-box p { position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.intro-logo .img-box img { width: 100%; max-width: 100%; max-height: 100%; object-fit: cover; object-position: 50% 50%; }
.intro-container .create_btn_wrap p { width: 90%; max-width: 340px; padding: 14px 6px; margin: 0 auto; border-radius: 27px; background-color: rgba(0, 0, 0, 0.8); color: var(--white); text-align: center; }


@media all and (max-width: 1000px){
    .intro-logo { max-width: 300px; }
    .intro-container .create_btn_wrap p { max-width: 220px; padding: 10px 6px; font-size: 12px; }
}

@media (orientation: landscape ) {
    @media all and (max-width: 1000px){
        .intro-logo { max-width: 185px; }
    }

}

#mainContent { position: relative; height: 100%; }

/* room-menu */
/* room-menu */
.room-menu { position: absolute; top:50px; left: 50px; }
.room-menu .menu-nav { display: flex; align-items: center; gap: 8px; }
.room-menu .menu-nav > li,
.menu-btn-basic { position: relative; width: 60px; height: 60px; border-radius: 50%; background-color: var(--black); transition: all 0.3s; overflow: hidden; cursor: pointer; }
.room-menu .menu-nav > li span { width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; }
.room-menu .menu-nav > li img,
.menu-btn-basic img { max-width: 24px; }
.room-menu .menu-nav > li .menu-txt { display: none; position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); width: max-content; background-color: rgba(255,255,255,0.7); padding: 4px 10px 2px; border-radius: 6px; font-size: 12px; }
.room-menu .menu-nav > li:hover:not(.guest-img) img,
.menu-btn-basic:hover img { opacity: 0.7; }
.room-menu .menu-nav > li:hover .menu-txt { display: block; }
.room-menu .menu-nav > .guest-img img { max-width: 100%; object-fit: cover; }

@media (hover: hover) {
    .room-menu .menu-nav > li:hover:not(.guest-img) img,
    .menu-btn-basic:hover img { opacity: 0.7; }
    .room-menu .menu-nav > li:hover .menu-txt { display: block; }
}

@media all and (max-width: 1000px){
    .room-menu { left: 20px; top: 20px; }
    .room-menu .menu-nav { gap: 5px; }
    .room-menu .menu-nav > li,
    .menu-btn-basic { width: 36px; height: 36px; }
    .room-menu .menu-nav > li img,
    .menu-btn-basic img  { max-width: 18px; }
}

/* room-menu 우측 setting */
.room-setting { position: fixed; top: 50px; right: 50px; display: flex; align-items: stretch; gap: 8px;}
.room-setting .menu-btn-basic img {}
.room-setting .setting-status { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 6px; height: 60px; padding: 3px 5px; border-radius: 40px; background-color: var(--black); color: var(--white); text-align: center; transition: all 0.3s; user-select: none; }
.room-setting .setting-status span {display: block; width: 40px; }
.room-setting .setting-status .progress-text { flex: 0 0 auto; min-width: 75px; padding: 17px 10px; background-color: var(--gray48); border-radius: 50px; font-weight: 300; cursor: pointer; }
.room-setting .setting-status.on { flex-direction: row }
.room-setting .setting-status.on .progress-text { background-color: var(--primary); }

@media all and (max-width: 1000px){
    .room-setting { top: 20px; right: 20px; gap: 5px; }
    .room-setting .setting-status { gap: 2px; height: 36px; padding: 4px; font-size: 11px; }
    .room-setting .setting-status span { width: 30px; }
    .room-setting .setting-status .progress-text { min-width: 60px; padding: 7px 4px 6px; }

}

/* room-menu 하단 action */
.room-action { position: fixed; right: 50px; bottom: 45px; display: flex; flex-direction: column; gap: 8px; }

@media all and (max-width: 1000px){
    .room-action { right: 20px; bottom: 45px; display: flex; flex-direction: column; gap: 8px; }
}

/* room-menu 배치모드 */
.location-controller { display: none; position: fixed; bottom: 100px; right: 100px; text-align: center; z-index: 50; }
.location-controller.on { display: block; }
.location-controller ul li { position: relative; width: 60px; height: 60px; border-radius: 50%; background-color: var(--black); overflow: hidden; cursor: pointer; }
.location-controller ul li p { width: 100%; height: 100%; font-size: 17px; line-height: 3.5; color: var(--white); }
.location-controller #li_item_confirm { bottom: 0; right: 0; width: 80px; height: 80px; background-color: var(--primary); }
.location-controller #li_item_cancel { position: absolute; bottom: 61%; right: 150%; }
.location-controller #li_item_delete { position: absolute; bottom: -70%; right: 120%; }
.location-controller #li_item_rotate { position: absolute; bottom: 156%; right: 55%; }
.location-controller #li_item_scale { position: absolute; bottom: 115%; right: -80%; }

    /* 아이콘 */
    .location-controller .confirm{background: url(../images/metaroom/ic_check.svg) no-repeat center center; background-size: 30px; }
    .location-controller .confirm:hover{background: url(../images/metaroom/ic_check.svg) no-repeat center center;  background-size: 30px; }
    .location-controller .cancel{background: url(../images/metaroom/ic_cancel.svg) no-repeat center center; background-size: 20px; }
    .location-controller .cancel:hover{background: url(../images/metaroom/ic_cancel_on.svg) no-repeat center center; background-size: 20px;}
    .location-controller .delete{background: url(../images/metaroom/icon_del.svg) no-repeat center center; background-size: 20px; }
    .location-controller .delete:hover{background: url(../images/metaroom/icon_del_on.svg) no-repeat center center; background-size: 20px;}
    .location-controller .rotate{background: url(../images/metaroom/ic_refresh.svg) no-repeat center center; background-size: 20px; }
    .location-controller .rotate:hover{background: url(../images/metaroom/ic_refresh_on.svg) no-repeat center center; background-size: 20px;}


@media all and (max-width:1000px){
    .location-controller { bottom: 75px; right: 40px; }
    .location-controller ul li { width: 36px; height: 36px; }
    .location-controller ul li p { font-size: 14px; line-height: 2.7; }
    .location-controller #li_item_cancel { bottom: 62%; right: 153%; }
    .location-controller #li_item_rotate { bottom: 153%; right: 61%; }
    .location-controller #li_item_delete { bottom: -66%; right: 123%; }
    .location-controller #li_item_scale { bottom: 130%; right: -70%; }
    .location-controller #li_item_confirm { width: 50px; height: 50px; }
    .location-controller ul .confirm,
    .location-controller ul .confirm:hover { background-size: 20px; }
    .location-controller ul .cancel,
    .location-controller ul .cancel:hover,
    .location-controller ul .delete,
    .location-controller ul .delete:hover,
    .location-controller ul .rotate,
    .location-controller ul .rotate:hover {background-size: 16px; }
}



/* content */
/* content */
/* content */
.right-content { position: absolute; top: 0; right: -100%; display: block; width: 100%; max-width: var(--rcont-max); height: 100%; background-color: rgba(var(--gray1e-rgb), var(--opacity95)); color: var(--white); transition: all 0.2s; }
.right-content:has(.show),
.right-content.show { right: 0; }
.right-box-dep1 { z-index: 70; }
.right-box-dep2 { z-index: 90; }
.right-box-dep3 { z-index: 110; }

.menu-content,
.div-wrap { width: 100%; height: 100%; }
.cont-inner { display: none; position: relative; width: 100%; height: 100%; }
.cont-inner.show { display: block; }
.cont-inner .cont-tit { display: flex; align-items: center; gap: 8px; padding: 13px 20px;  }
.cont-inner .cont-tit h4 { font-size: 20px; }
.cont-inner .cont-tit button { flex: 0 0 auto; width: 30px; height: 30px; }
.cont-inner .cont-section { width: 100%; height: 100%; max-height: calc(100% - 56px); padding: 0 20px 16px; overflow-y: auto; touch-action: pan-y; word-break: break-all; }
.cont-inner article + article { margin-top: 30px; }
.cont-inner article.hide + article { margin-top: 0; }
.cont-inner .art-tit { margin-bottom: 10px; }
.cont-inner .art-tit h5 { font-size: 17px; }
.cont-inner .art-tit .sub-text { margin-top: 4px; font-size: 13px; color: var(--grayab); }
.cont-inner .swiper-menu { max-width: 100%; margin-top: 0; } /* overflow 안하면 스크롤 시 튀어나감 */
.cont-inner .swiper-menu .swiper-wrapper { position: initial; }
.cont-inner .swiper-menu .swiper-wrapper button.on::after { bottom: -5px; background-color: var(--white); }
.cont-inner .swiper-menu .swiper-notification { display: none; }
.cont-inner .swiper-menu-full button { flex: 1 1 0; }





/* user-box-comm */
.user-box-comm .box-square-unit { max-width: 104px; margin: 30px auto 16px; }
.user-box-comm .profile_nickname { display: block; font-size: 22px; text-align: center; }
.user-box-comm .visitor { display: flex; justify-content: center; align-items: center; width: max-content; padding: 6px 13px; margin: 16px auto; border-radius: 24px; background-color: var(--gray1e); user-select: none; }
.user-box-comm .visitor p:not(:last-child)::after { content: ""; display: inline-block; width: 4px; height: 4px; margin: 2px 10px; border-radius: 50%;  background-color: var(--gray48); }
.user-box-comm .brief { display: flex; justify-content: center; align-items: stretch; font-size: 13px; text-align: center; margin-bottom: 16px; }
.user-box-comm .brief button { position: relative; min-width: 78px; }
.user-box-comm .brief button:not(:last-child)::after { content: ""; position: absolute; top: 0;  right: 0; display: inline-block; width: 1px; height: 100%; background-color: var(--gray26); }
.user-box-comm .brief strong { display: block; margin-top: 2px; }
.user-box-comm .cut-txt { min-height: 80px; max-height: 80px; padding: 8px 12px; border-radius: 8px; background-color: var(--gray30); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.6; overflow: hidden; }
.user-box-comm .btn-box { gap: 8px; }
.others-box .room_owner_flw { width: 100%; margin-bottom: 16px; }

/* user-list */
.user-list .user-list-cnt { position: relative; display: flex; align-items: center; gap: 12px; margin: 8px 0; }
.user-list .box-square-unit { flex: 0 0 auto; max-width: 56px; overflow: hidden; }
.user-list .box-square-unit .box-inner { border-radius: 50%; background-color: var(--white); }
.user-list .moot { position: absolute; left: 0; bottom: 0; width: 24px; height: 24px; padding: 4px; border: 2px solid var(--gray12); border-radius: 50%; background-color: var(--white); overflow: hidden; }
.user-list .user-name { flex: 1 1 0; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-list .btn-box { gap: 16px; }
.user-list .btn-follow { min-width: 68px; padding: 9px; border-radius: 24px; }
.user-list .btn-visit  { width: 30px; height: 30px; }
.user-list .empty-data { margin: 50px 0 62px; }

/* setting */
.setting {}
.setting .room-profile .box-square-unit { max-width: 180px; margin: 10px auto 20px; transition: all 0.5s; }
.setting .room-profile .img-preview-box label { width: 100%; height: 100%; }
.setting .room-profile .del-photo button { display: block; width: 100%; max-width: max-content; padding: 10px 14px; margin: 0 auto; border-radius: 5px; background-color: var(--gray30); font-size: 13px; color: var(--grayab); }
.setting .room-profile-history { margin-top: 32px; }
.setting .grid3 ul { gap: 3px; }
.setting .grid3 ul li { width: calc(33% - 1px); cursor: pointer; }
.setting .room-profile-history .box-inner { border-radius: 8px; overflow: hidden; }
.setting .room-profile-history .btn-box { gap: 8px; }

/* item-box */
.item-box .empty-data { margin: 50px 0 62px; }
.item-box .grid3 ul { gap: 12px 6px; }
.item-box .grid3 ul li { width: calc(33% - 5px); cursor: pointer; }
.item-box .disable .box-square-unit,
.item-box .disable .dim-box { opacity: 0.5; }
.item-box .box-square-unit,
.item-box .dim-box { height: initial; margin-bottom: 6px; }
.item-box .box-inner,
.item-box .dim-box .img { border-radius: 8px; overflow: hidden; }
.item-box .box-inner img,
.item-box .dim-box .img { background-color: var(--white); }
.item-box .selected .box-inner,
.item-box .selected .dim-box { border: solid 2px var(--primary); }
.item-box .item-data { font-size: 12px; }
.item-box .item-place { color: var(--grayab); }
.item-box .item-cost { font-size: 12px; }
.item-box .item-cost strong { color: var(--primary); }
.item-box .item-count { position: absolute; bottom: 50px; right: 6px; padding: 2px 8px 1px; border-radius: 20px; background-color: rgba(var(--black-rgb), var(--opacity60)); font-size: 11px; font-weight: lighter; color: var(--white); letter-spacing: 2px; z-index: 999; }
.item-box .item-count.on { display: block; }
.item-box .icon-mark { display: none; position: absolute; width: 20px; height: 20px; border-radius: 50%; z-index: 999; }
.item-box .icon-mark.on { display: block; }
.item-box .icon-chk { top: 6px; right: 6px; }
.item-box .icon-new { top: 6px; left: 6px; background-size: 20px;  }
.item-box .icon-lock { top: 6px; right: 6px; background-color: #ddd; background-size: 12px; }
.deco-box #btn_select_item { width: max-content; cursor: default; }
.deco-box #btn_select_item.on { cursor: pointer; }

/* post-box */
.post-box article { display: flex; flex-direction: column; height: 100%; }
.post-box .grid3 { flex: 1 1 0; }
.post-box .grid3 ul { gap: 3px; }
.post-box .grid3 ul li { width: calc(33% - 1px); cursor: pointer; }
.post-box .grid3 ul li a { width: 100%; }
.post-box .box-inner,
.post-box .box-video { border-radius: 8px; overflow: hidden; }
.post-box .icon-photos { display: none; position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; z-index: 999; }
.post-box .icon-photos.on { display: block; }
.post-box .video-playtime { display: none; position: absolute; bottom: 10px; right: 8px; padding: 4px 6px 3px; border-radius: 24px; background-color: rgba(var(--black-rgb), var(--opacity80)); font-size: 12px; color: var(--white); z-index: 999; }
.post-box .video-playtime.on { display: inline-block; }

.post-detail-unit { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid  var(--gray26); }
.post-detail-unit .post-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.post-detail-unit .user-info { flex: 1 1 0; display: inline-flex; align-items: center; gap: 5px; }
.post-detail-unit .user-info .box-square-unit { max-width: 32px; margin-right: 5px; }
.post-detail-unit .icon-lock { width: 16px; height: 16px; vertical-align: text-bottom; }
.post-detail-unit .post-media { border-radius: 12px; overflow: hidden; }
.post-detail-unit .swiper-pagination-fraction { display: inline-block; top: 13px; bottom: initial; left: initial; right: 12px; width: 39px; height: 23px; line-height: 23px; border-radius: 24px; background-color: rgba(var(--black-rgb), var(--opacity80)); font-size: 11px; }
.post-detail-unit .post-pd-link { display: block; padding: 14px 16px; margin-top: 12px; border-radius: 12px; background: var(--gray30) url('../images/metaroom/arrow-r-gray.svg') no-repeat 95% 50%; font-size: 15px; overflow: hidden; }
.post-detail-unit .post-content { padding: 12px 6px 0; }
.post-detail-unit .cut-txt { max-height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.post-detail-unit #post_detail_contents { white-space: pre-line; }
.post-detail-unit .post-hashtag { margin-top: 4px; color: var(--blue); }
.post-detail-unit .post-hashtag span { margin-right: 4px;  }
.post-detail-unit .post-date { margin-top: 4px; font-size: 12px; color: var(--grayab); }
.post-detail-unit .post-feedback { display: flex; align-items: center; gap: 20px; padding: 12px 6px 0; }
.post-detail-unit .post-feedback i { display: inline-block; width: 20px; height: 20px; margin-right: 6px; }
.post-detail-unit .post-feedback span { vertical-align: middle; }
.post-detail-unit .post-feedback button:has(.icon-dislike) { margin-left: auto; }

.post-comment-box article { display: flex; flex-direction: column; height: 100%; }
.pcomt-wrap { flex: 1 1 0; padding-bottom: 55px; }
.pcomt-wrap .box-square-unit { max-width: 30px; }
.pcomt-wrap .pcomt-unit { display: inline-flex; align-items: flex-start; gap: 10px; margin-top: 20px; }
.pcomt-wrap .pcomt-left .user-name { margin-bottom: 4px; }
.pcomt-wrap .pcomt-left .mine { font-size: 13px; color: var(--primary); }
.pcomt-wrap .pcomt-left .date { font-size: 12px; color: var(--gray70); }
.pcomt-wrap .pcomt-left .date span::before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; margin: 0 5px; background-color: var(--gray88); }
.pcomt-wrap .pcomt-left .btn-pcomt-reply { margin-top: 8px; font-size: 13px; color: var(--grayab); }
.pcomt-wrap .pcomt-unit .pcomt-read-more { display: inline-block; padding: 6px 35px 6px 12px; margin-top: 24px; border: 1px solid var(--gray30); border-radius: 24px; background: url(../images/metaroom/arrow-d-gray.svg) no-repeat 90% 50%; font-size: 13px; color: var(--grayab); }
.pcomt-bottom-fix { position: absolute; bottom: 0; flex: 0 0 auto; width: 100%; margin-left: -16px; }
.pcomt-reply-ing { display: flex; justify-content: space-between; padding: 10px 16px; background-color: var(--gray1e); }
.pcomt-reply-ing i { display: inline-block; width: 12px; height: 12px; vertical-align: baseline; background: url('../images/metaroom/icon_close_white.svg') no-repeat 50% 50%; cursor: pointer; }
.pcomt-write-box { display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-top: 1px solid rgba(var(--white-rgb), 0.05); background-color: var(--gray26); }
.pcomt-write-box .box-square-unit { flex: 0 0 auto; max-width: 34px; }
.pcomt-write-box .pcomt-write { flex: 1 1 0; padding: 9px 16px; }
.pcomt-write-box button { flex: 0 0 auto; }
.pcomt-write-box .icon-plane { display: inline-block; width: 24px; height: 24px; margin: 4px; }

.post-form {}
.post-form .file-box label { width: 100%; height: 100%; }
.post-form .file-list-wrap { display: flex; gap: 12px; overflow-x: scroll; }
.post-form .box-square-unit { flex: 0 0 auto; width: 154px; border-radius: 12px; overflow: hidden; }
.post-form .mark-cover { position: absolute; top: 0; left: 0; padding: 4px 6px; border-radius: 12px 0 12px 0; background-color: var(--primary); }
.post-form .mark-video { position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; background: url('../images/metaroom/icon_play.svg') no-repeat 50% 50%; transform: translate(-50%, -50%); }
.post-form .mark-video::after { content: ""; position: absolute; top: -90%; left: -100%; display: block; width: 38px; height: 38px; border-radius: 50%; background-color: rgba(var(--white-rgb), 0.3); filter: blur(1px); }
.post-form .del-file { position: absolute; top: 5px; right: 6px; width: 20px; height: 20px; border-radius: 50%; background: var(--grayab) url('../images/metaroom/icon_close_gray.svg') no-repeat 50% 50%; }
.post-form .file-box label { display: block; width: 154px; height: 154px; border-radius: 12px; background: var(--gray30) url('../images/metaroom/icon_camera.svg') no-repeat 50% 50%; overflow: hidden; }
.post-form textarea { width: 100%; height: 154px; padding: 16px 20px; box-shadow:0 0 0 1000px var(--gray30) inset; -webkit-box-shadow:0 0 0 1000px var(--gray30) inset; -webkit-text-fill-color: inherit; border-radius: 16px; background-color: var(--gray30); font-size: 16px; color: var(--white); overflow-y: auto; }
.post-form .btn-tagbox { position: absolute; top: 10px; right: 10px; }
.post-form .btn-post-delTag { width: 18px; height: 18px; border-radius: 50%; background-color: rgba(var(--white-rgb), 0.15); }
.post-form .btn-post-delTag img { width: 50%; vertical-align: baseline; }
.post-form .btn-post-addTag { padding: 8px 14px; margin-left: 16px; }
.post-form .post-hashtag-chk { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.post-form .post-hashtag-chk p { padding: 6px 14px; border-radius: 24px; background-color: var(--gray30); font-size: 14px;  }
.post-form .post-hashtag-chk button { width: 10px; height: 10px; background: url('../images/metaroom/icon_close_gray.svg') no-repeat 95% 50%; }
.post-form .btn-box:has(#write_post_btn) { margin-top: 32px; }


/* guest-book */
.gbook-comm-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.gbook-comm-top .user-info { flex: 1 1 0; display: inline-flex; align-items: center; gap: 12px; }
.gbook-comm-top .user-info i { width: 14px; height: 14px; vertical-align: baseline; }

.guest-book-box .cont-section { padding: 0 12px; }
.guest-book-box article { display: flex; flex-direction: column; height: 100%; }
.guest-book-box .gbook-wrap { flex: 1 1 0; }
.guest-book-box .gbook-comm-box { margin-top: 12px; border-radius: 16px; font-size: 15px; }
.guest-book-box .gbook-unit { padding: 14px 16px 16px; background-color: var(--gray1e); }
.guest-book-box .user-info .box-square-unit { max-width: 40px; }
.guest-book-box .gbook-txt,
.guest-book-box .gbook-reply-txt { margin-top: 8px; white-space: pre-line; }
.guest-book-box .gbook-unit-bottom { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 4px; }
.guest-book-box .gbook-unit-bottom .date { font-size: 12px; color: var(--gray70); }
.guest-book-box .gbook-unit-bottom .date span::before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; margin: 0 5px; background-color: var(--gray88); }
.guest-book-box .gbook-unit-bottom button { padding: 7px 10px; margin-left: auto; border-radius: 5px; font-size: 13px; }
.guest-book-box .gbook-answer { padding: 12px 16px 16px; background-color: var(--gray30);  }
.guest-book-box .gbook-bottom-fix { flex: 0 0 auto; }
.guest-book-box .gbook-write-btn { position: absolute; right: 10px; bottom: 10px; display: flex; justify-content: flex-end; align-items: flex-end; gap: 8px; cursor: pointer; }
.guest-book-box .gbook-write-btn > p { position: relative; flex: 0 0 auto; padding: 8px 12px; margin: 6px 12px;  border-radius: 5px; background-color: var(--white); color: var(--gray12); animation: contOut 4s forwards;}
.guest-book-box .gbook-write-btn > p::before { position: absolute; right: -20px; content: ""; display: block; border: 12px solid transparent; border-left-color: var(--white); }
.guest-book-box .gbook-write-btn .box-square-unit { flex: 0 0 64px; border: 2px solid var(--white); border-radius: 50%; overflow: hidden; }
.guest-book-box .gbook-write-unable { padding: 16px; margin: 0 -12px; background-color: var(--gray1e); color: var(--gray88); text-align: center; }

.guest-book-form { font-size: 15px; }
.guest-book-form .cont-tit h4 { flex: 1 1 0; text-align: center; }
.guest-book-form .cont-tit button[type=submit]:disabled { color: var(--gray70); cursor: none; }
.guest-book-form .cont-section { display: flex; flex-direction: column; }
.guest-book-form .gbook-loaded { flex: 0 1 0; border-bottom: 1px solid rgba(var(--white-rgb),0.05); }
.guest-book-form .box-square-unit { max-width: 32px; }
.guest-book-form .hide-cont { padding: 8px 10px; border-radius: 5px; background-color: var(--gray30); }
.guest-book-form .rotate i { transform: rotate(180deg); }
.guest-book-form .icon-ddown { width: 16px; height: 16px; vertical-align: middle; }
.guest-book-form .gbook-txt { max-height: 94px; margin-bottom: 16px; overflow: auto; }
.guest-book-form .gbook-reply-txt { max-height: 94px; margin-bottom: 16px; overflow: auto; }
.guest-book-form .gbook-writing { flex: 1 1 0; display: inline-flex; flex-direction: column; gap: 16px; margin-top: 16px; }
.guest-book-form .gbook-writing textarea { flex: 1 1 0; display: block; width: 100%; height: 100%; padding: 0; background-color: transparent; resize: none; }
.guest-book-form .gbook-writing .label-st-v { text-align: right;  }
.guest-book-form .gbook-writing i { width: 14px; height: 14px; margin: 0 3px; }

@keyframes contOut {
    0% { display: block; }
    60% { display: block; }
    100% { display: none; }
}


/* Modal */
/* Modal */
#trade_item .box-square-unit { background-color: var(--white); }
#trade_item .icon-enlarge { position: absolute; right: 6px; bottom: 6px; width: 28px; height: 28px; border-radius: 6px; background-color: rgba(var(--black-rgb), var(--opacity40)); background-size: 16px; }
#trade_item .trade-item-info { margin: 20px 0 8px; line-height: 1.25; word-break: auto-phrase; }
#trade_item .trade-item-info em { color: var(--primary); }
#trade_item .point-owned {}






/*

@media all and (max-width: 1500px){
    .cht-box p{font-size: 20px;}
    .cht-inner > div p.by { right: 6%; font-size: 16px; }
    .cht-inner > div p.by img { max-width: 40%; }

}

@media all and (max-width: 1200px){
    .cht-box p{font-size: 18px;}
    .cht-box .go{width: 70px; height: 70px;}
    .cht-inner > div p.by { right: 4%; font-size: 14px; }
    .cht-inner > div p.by img { max-width: 30%; }
}

@media all and (max-width: 1100px){
    .cht-wrap{width: 90%;}
    .cht-box .go{width: 60px; height: 60px;}
    .login-guide { font-size: 12px; }

}

@media all and (max-width: 1000px) {
    .login_container .logo{background: url(../images/metaroom/logo_2.svg) no-repeat center center;max-width: 65%;background-size:24%;margin: 0 auto;max-height: 45px;}
    .logo{background: url(../images/metaroom/logo_2.svg) no-repeat center center;max-width: 65%;background-size:30%;margin: 0 auto;max-height: 45px;}
    .login_container{padding: 10px 0;}
    .login_wrap_start .login_container .login-wrap .login-cnt > div > p{font-size: 10px; top: -8px;}
    .create_btn_wrap .create_btn{max-width: 200px; height: 30px; line-height: 28px; font-size: 12px;}
    .create_btn{display: block; max-width: 200px; height: 30px; line-height: 28px; font-size: 12px; padding:0; }
    .login_wrap_start .btn-back { top: 10px; left: 4vw; width: 50px; height: 50px; }

}

@media all and (max-width: 915px){
    .login_wrap_start .login_container .back{position: absolute; left: 20px; top: 20px; width: 40px; height: 40px; border-radius: 50%; background: #000 url(../images/metaroom/icon_go_back.svg) no-repeat center center;}
}

@media all and (max-width: 900px){
    .cht-box{padding:9%;}
    .cht-box p{font-size: 16px; margin-bottom: 14px;}
    .cht-box a{width: 70px; height: 70px; font-size: 18px;}
    .cht-box a span{  line-height:18px;height:20px; }
    .cht-box .go{width: 40px; height: 40px; font-size:18px;}
    .cht-inner > div { border-radius: 40px; }
    .cht-inner > div p.by { font-size: 12px; }
    .cht-inner > div p.by img { max-width: 30%; }
    .login-guide { padding-left: 25px; font-size: 11px; }
    .login_wrap_start .btn-back { top: 15px; width: 45px; height: 45px; }


}

@media all and (max-width: 700px){
    .cht-box{border-radius: 40px;}
    .cht-box p{font-size: 15px; line-height: 1.3;}
    .cht-box a{width: 60px; height: 60px;}
    .cht-inner:first-child .cht-box{background-size:55%;}
    .cht-inner:nth-child(2) .cht-box{background-size:55%}
    .cht-inner:last-child .cht-box{background-size:75%}
    .login_wrap_start .btn-back { top: 20px; width: 35px; height: 35px; padding: 1.5%; }
}

@media all and (max-width: 670px) {
    .cht-inner > div{padding-top: 100%}
    .cht-inner > div p.by { margin-bottom: 10px; font-size: 10px; }
    .login-guide { margin-top: 8px; padding-left: 18px; }
    .br{display: block;}
    .m_br{display: none;}

}

@media all and (max-width: 600px){
    .cht-box a{width: 50px; height: 50px; font-size: 14px;}
    .cht-box a span{  line-height:14px;height:15px; }
    .cht-box p{margin-bottom: 15px}
    .cht-box .go{width: 30px; height: 30px;}
}

@media all and (max-width: 500px){
    .login_wrap_start .btn-back { width: 30px; height: 30px; padding: 2%; }

}

@media all and (max-width: 400px){
    .cht-inner{margin: 0 auto;width: 100%;}
}

@media all and (min-width: 1700px){
    .cht-inner{width: 33.08%; max-width: 520px; border-radius: 50px;}
}
/* //login 화면 login.ejs*/



/*.my-box-menu .menu-content .mybox-list .content-m .user-list > .none_data{width: 100%; padding-top: 100px; margin-bottom: 0; margin-top: 0;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt .btn-box{ display: flex;margin-left: auto;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt .btn-box > .btn-follow{!*width: 71px; height: 36px; *! border-radius: 5px; color: #fff; padding: 1px 12px; margin-right: 8px; background: #a8a8a8;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt .btn-box > .btn-follow.on{background:#be3455;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt .btn-box > a{flex: 0 0 auto; width:36px; min-width: 27px; height: 36px; border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt{color:#fff; display: flex;align-items: center; font-size: 14px; margin-bottom: 14px; width:100%; padding-right: 19px;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt .img{position: relative;width: 40px;height: 40px;min-width: 40px;z-index: 1;margin: 0;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt .img span{width: 100%;height: 100%;display: inline-block;border: none;border-radius: 12px;text-align: center;overflow: hidden;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt .img span img{margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: cover;object-position: center center; border-radius: 50%;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt .txt{display: flex;flex-direction: column;margin: 0;margin-left: 8px;font-size: 14px;width: 100%;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt .txt > a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; cursor: default;}*/
/*.my-box-menu > div a span{position: relative;display: inline-block;text-indent: -9999px;}*/
/*.my-box-menu .menu-content .mybox-list .user-list .user-list-cnt .btn-box{display: flex;margin-left: auto;}*/
/*!*.my-box-menu .icon-close{position: absolute;top: 39px;left: 37px;width: 17px;height: 17px;background: url(../images/metaroom/icon_popup_close.svg) no-repeat center;text-indent: -9999px;cursor: pointer;}*!*/
/*.my-box-menu .menu-setting-close{position: absolute;top: 39px;left: 37px;width: 17px;height: 17px;background: url(../images/metaroom/icon_popup_close.svg) no-repeat center;text-indent: -9999px;cursor: pointer;z-index: 99;}*/


/* item 리스트 dim box */
/*.social-form.item-box .item-list{display: block; height: 380px; overflow-y: auto; }*/
/*.social-form.item-box .item-list .line-cate { font-size: 18px; }*/
/*.social-form.item-box .item-list ul {display: flex;flex-wrap: wrap;gap: 9px;}*/
/*.social-form.item-box .item-list ul li{ position: relative; width: 33%; max-width: 117px; height: 33%; border-radius: 5px;}*/
/*.social-form.item-box .item-list ul li{position: relative; display:flex; align-items: center;justify-content: center; width: 23%; max-width: 86px; height: 23%;border-radius: 10px;}*/
/*

.social-form.item-box .item-list ul li.item-empty { width: 100%; max-width: calc(100% - 20px); padding: 20px; border-radius: 10px; background-color: #363636; text-align: center; color: #fff; }
.social-form.item-box .item-list ul li .dim-box{width: 100%;height: 100%;background: #fff;border-radius: 10px;}
!*.social-form.item-box .item-list ul li.selected .dim-box{border: solid 2px #be3455;}*!
.social-form.item-box .item-list ul li .dim-box.on{opacity: 0.5}

.social-form.item-box .item-list ul li .dim-box .img{position: relative;width: 100%; !*max-width:86px;*! z-index: 1;}
.social-form.item-box .item-list ul li .dim-box .img span{position: relative;z-index: 1;width: 100%;padding-top: 100%;display: inline-block;font-size: 0; border-radius: 12px;}
.social-form.item-box .item-list ul li .dim-box .img span img{position: absolute; left: 0; top: 0; margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: cover;object-position: center center; border-radius: 8px;}
.social-form.item-box .item-list ul li .item-name { color: #fff; margin-top: 3px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.social-form.item-box .item-list ul li .item-place { color: #999; font-size: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.social-form.item-box .item-list ul li .item-owner { display: flex; align-items: center; gap: 5px; margin-top: 3px; font-size: 12px; color: #fff; }
.social-form.item-box .item-list ul li .item-owner .dim-box { flex: 0 0 auto; width: 24px; height: 24px; background-color: transparent; }
.social-form.item-box .item-list ul li .item-owner .dim-box .img span img { border-radius: 50%; cursor: default; }
*/
/*


.social-form.item-box .btn{ position: relative;max-width: 370px;height: 54px; left: auto; bottom: auto; border-radius: 5px; !*margin-top:20px;*!}
.social-form.item-box .btn-edit { border: 1px solid #919191; background-color: transparent; color: #919191; }
.social-form.item-box .btn-edit.on { color: #fff; }
.social-form.item-box .btn#btn_link_market { margin: 16px 0 0; text-align: center; line-height: 52px; }
.social-form.item-box .btn#btn_link_market img { vertical-align: text-top; }
@media all and (max-width: 1000px){
    .social-form.item-box .btn#btn_link_market { display: none; }
    .social-form.item-box .social-form-cate button { padding: 8px 13px; }
    .social-form.item-box .item-list .line-cate { font-size: 16px; }
    .social-form.item-box .item-list ul { gap: 14px 5px; }
    .social-form.item-box .item-list ul li{ width: 31.5%; max-width: 100px; height: 48%; }
    .social-form.item-box .item-list ul li .item-name,
    .social-form.item-box .item-list ul li .item-cost { font-size: 12px; }
    .social-form.item-box .item-list ul li .item-count { top: 55px; font-size: 10px; letter-spacing: 0; }
}*/

/*
안쓴다고해서.. 주석.....
.social-form.item-box .item-list.obj-room-list ul { gap: 20px; }
.social-form.item-box .item-list.obj-room-list ul li { display: block; width: calc(50% - 10px); max-width: 174px; height: 49%; }
.social-form.item-box .item-list.obj-room-list ul li .dim-box .img { max-width: 100%; }
.social-form.item-box .item-list.obj-room-list ul li .room-name { margin: 10px 0; color: #fff; font-size: 15px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.social-form.item-box .item-list.obj-room-list ul li .room-link { width: 100%; padding: 10px; border-radius: 21px; color: #fff; font-size: 13px; text-align: center; }
.social-form.item-box .item-list.obj-room-list ul li .room-have { background: #be3455; }
.social-form.item-box .item-list.obj-room-list ul li .room-buy { border: 1px solid #fff; }
.social-form.item-box .item-list.obj-room-list ul li .room-scheduled { border: 1px solid #fff; opacity: 0.3; user-select: none; pointer-events: none; }
*/


/* my-box-menu */


/* my-box 에 나오는 버튼들 눌렀을때 나오는 하위 메뉴 */
/*.my-box-menu .menu-content .mybox-list p {display: block; text-align: center; margin-top: 10px; margin-bottom: 18px; font-size: 16px; color: #fff;}*/
/*.my-box-menu .menu-content .mybox-list.guest p{margin-bottom: 28px}*/
/*.my-box-menu .menu-content .mybox-list.guest .btn-follow{margin-bottom: 10px; color: #fff;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .mynpc_intro{color: #999; text-align: left; font-size: 13px; margin: 12px 0;}*/
/*.my-box-menu .menu-content .mybox-list .content-m{margin-top: 42px; display: flex; flex: 1; !*height:calc(100% - 155px);*! flex-direction: column;}*/
/*.my-box-menu .menu-content .mybox-list .content-m .line-cate{font-size: 20px;}*/
/*.my-box-menu .menu-content .mybox-list .content-m .user-list{display: block; flex:1; overflow-y: auto; margin-top: 14px;}*/
/*.my-box-menu .menu-content .mybox-list .content-m .btn-edit{display: none; border-radius: 0; color: #fff;}*/

/* my-box 안에 motion 부분 */
/*.my-box-menu .menu-content .mybox-list.motion h2{padding-left: 39px;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m div > .motion-top{display: flex; justify-content: space-between; align-items: center; padding-bottom: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m div > .motion-top > p{position: relative; text-align: left; padding-left: 10px; margin-bottom: 5px; font-size: 15px; margin-top: 0;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m div > .motion-top > p:before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: #fff; border-radius: 50%;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m div > .motion-top > .motion-down{display: none; font-size: 0; width: 20px; height: 20px; background: url(../images/metaroom/icon_down_m.svg) no-repeat center center; background-size: 100%; }*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m div > .motion-desc{height: 100%; overflow: hidden}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m div > span{ color: #999; font-size: 13px;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m{margin-top: 21px; overflow-y: auto;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m >div {border-bottom: 1px solid #333; width: calc(100% - 20px); padding-top: 20px;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m >div:first-child{padding-top: 0;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m >div:last-child{border: none;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap{margin-top: 15px;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul{display: flex; flex-wrap: wrap; gap: 14px 5px; padding-bottom: 20px;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li{position: relative; width: 33%; max-width: 120px; height: 33%;!*원래는 86px 가로세로*! border-radius: 5px; cursor: pointer;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .dim-box{width: 100%;height: 100%;border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li.selected .dim-box{border: solid 2px #be3455;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .dim-box.on{opacity: 0.5}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .dim-box .img{position: relative;width: 100%; z-index: 1;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .dim-box .img span{position: relative;z-index: 1;width: 100%;padding-top: 100%;display: inline-block;font-size: 0; border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .dim-box .img span img{position: absolute; left: 0; top: 0; margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: cover;object-position: center center; border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .motion-name{margin-top: 3px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .checked{position: absolute; left: 10px; top: 10px; display: none; align-items: center; justify-content: center;width: 18px; height: 18px; border-radius: 50%; background: #be3455 url(../images/metaroom/icon_set_s.svg) no-repeat center center; background-size: 12px; z-index: 99;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .checked.on{display: flex;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .locked{position: absolute; left: 10px; top: 10px; display: none; align-items: center; justify-content: center;width: 18px; height: 18px; border-radius: 50%; background: #767676 url(../images/metaroom/icon_lock.svg) no-repeat center center; background-size: 8px; z-index: 99;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .locked.on{display: flex;}*/
/*.my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li .lock-img::after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border-radius: 5px; background-color: rgba(0,0,0,0.65); z-index: 9; }*/

/*.my-box-menu .menu-content .mybox-list.board-write2 {}*/
/*.my-box-menu .menu-content .mybox-list.board-write2 .content-m h3 { padding-bottom: 6px; font-size: 20px; font-weight: 500; }*/
/*.my-box-menu .menu-content .mybox-list.board-write2 .content-m .input-box .input-tit { margin: 38px 0 8px; font-size: 16px; }*/
/*.my-box-menu .menu-content .mybox-list.board-write2 .content-m .input-box textarea { width: 100%; height: 280px; padding: 16px 20px; border-radius: 5px; background-color: #585858; resize: none; }*/
/*.my-box-menu .menu-content .mybox-list.board-write2 .content-m .input-box .input-help { display: block; margin-top: 5px; font-size: 13px; color: #999; }*/
/*.my-box-menu .menu-content .mybox-list.board-write2 .content-m .input-box .input-count { text-align: right; }*/
/*.my-box-menu .menu-content .mybox-list.board-write2 .content-m .form-wrap .btn-bottom { padding-top: 50px; }*/



/*@media all and (max-width: 1000px){*/

/*    .my-box-menu .menu-content .mybox-list.board-write2 .content-m h3 { font-size: 16px; }*/
/*    .my-box-menu .menu-content .mybox-list.board-write2 .content-m .input-box .input-tit { margin: 10px 0 8px; font-size: 14px; }*/
/*    .my-box-menu .menu-content .mybox-list.board-write2 .content-m .input-box textarea { height: 150px;padding: 10px; font-size: 13px; }*/
/*    .my-box-menu .menu-content .mybox-list.board-write2 .content-m .form-wrap .btn-bottom { padding-top: 20px; }*/
/*}*/


/*.my-box-menu .menu-content .mybox-list.invite {}*/
/*.my-box-menu .menu-content .mybox-list.invite .content-m h3 { padding-bottom: 14px; border-bottom: 1px solid #3d3d3d; font-size: 20px; font-weight: 500; }*/
/*.my-box-menu .menu-content .mybox-list.invite .content-m .user-list .user-list-cnt .btn-box { flex: 0 0 auto; }*/
/*.my-box-menu .menu-content .mybox-list.invite .content-m .user-list .user-list-cnt button { padding: 10px 20px; border-radius: 22px; font-weight: 400; }*/
/*.my-box-menu .menu-content .mybox-list.invite .content-m .user-list .user-list-cnt .btn-box .btn-invite-fam { border: 1px solid #fff; }*/
/*.my-box-menu .menu-content .mybox-list.invite .content-m .user-list .user-list-cnt .btn-box .btn-memb-fam { border: 1px solid #4d4d4d; color: #4d4d4d; pointer-events: none; }*/
/*.my-box-menu .menu-content .mybox-list.invite .content-m .user-list .none_data { width: 100%; padding-top: 100px; }*/
/*.my-box-menu .menu-content .mybox-list.invite .content-m .user-list .none_data { width: 100%; padding-top: 100px; }*/

/*

.right-box .input-box input::placeholder,
.right-box .input-box textarea::placeholder { color: #999; }
.right-box .input-file label { white-space: nowrap; overflow: hidden; }
.right-box .input-box .input-tit { margin-bottom: 8px; font-size: 16px; }
.right-box .input-file label { display: block; color: #999; }
.right-box .input-box .input-help { display: block; margin-top: 5px; font-size: 13px; color: #999; }
.right-box .input-box .input-count { text-align: right; }
.right-box .menu-content { position: relative; width: 100%; height: inherit; padding: 70px 37px 15px; overflow-y: auto; }
.right-box .content-m-full { height: calc(100% - 75px); margin-top: 38px; }
.right-box .form-wrap { display: flex; flex-direction: column; height: 100% }
.right-box .form-wrap .btn-bottom { margin-top: auto; padding-top: 20px; }
*/
/*


@media all and (max-width: 1000px){
    .right-box { max-width: 340px; }
    .right-box.wide { max-width: 86%; }
    .right-box h3 { font-size: 17px; }
    .right-box .input-box { margin-bottom: 7px; }
    .right-box .input-box input[type=text],
    .right-box .input-file label { max-height: 39px; padding: 10px; font-size: 13px; }
    .right-box .input-box textarea { padding: 10px; font-size: 13px; }
    .right-box .input-box input::placeholder,
    .right-box .input-box textarea::placeholder { color: #999; }
    .right-box .input-box .input-tit { font-size: 14px; }
    .right-box .menu-content { padding: 45px 20px 15px 55px; }

    .right-box .content-m-full { height: 100%; margin-top: 20px; }
    .right-box .form-wrap .btn-bottom { padding-bottom: 20px; }
}


.board-list {}
.board-list .board-head { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-left: 15px; margin-bottom: 15px; }
.board-list .board-head h4 { position: relative; flex: 1 1 0; font-size: 20px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.board-list .board-head::before { display: block; content: ""; position: absolute; left: 0; width: 5px; height: 30px; background-color: #be3455; }
.board-list .board-head .btn-box { flex: 0 0 auto; }
.board-list .board-head .btn-box .btn-board-write { max-height: 44px; padding: 12px 24px; margin-right: 14px; border-radius: 22px; }
.board-list .board-head .btn-box .btn-board-setting { position: relative; width: 44px; height: 44px; border-radius: 50%; background: #be3455 url('../images/metaroom/icon_setting.svg') no-repeat center center; background-size: 27px; }
.board-list .board-content { height: 100%; max-height: calc(100% - 60px); }
.board-list .board-content ul { display: flex; flex-wrap: wrap; justify-content: space-between; height: inherit; }
.board-list .board-content ul li { width: calc(50% - 27px); margin-bottom: 36px; }
.board-list .board-content ul li .dim-box {width: 100%; height: auto; margin-bottom: 10px; }
.board-list .board-content ul li .dim-box .img{position: relative;width: 100%; max-width: 100%; z-index: 1;}
.board-list .board-content ul li .dim-box .img span{position: relative;z-index: 1;width: 100%;padding-top: 67%;display: inline-block;font-size: 0; }
.board-list .board-content ul li .dim-box .img span img{position: absolute; left: 0; top: 0; margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: cover;object-position: center center; cursor: pointer; }
.board-list .board-content ul li .board-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; font-size: 24px; font-weight: 600; line-height: 2.3rem; }
.board-list .board-content ul li .board-txt { display: -webkit-box; max-height: 13rem; -webkit-line-clamp: 10; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 15px; line-height: 1.3rem; }
.board-list .board-content .no-data { display: flex; width: 100%; height: 80%; justify-content: center; align-items: center; text-align: center; color: #999; }

@media all and (max-width: 1000px){
    .board-list .board-head h4 { font-size: 17px; }
    .board-list .board-head .btn-box .btn-board-write { max-height: 36px; padding: 8px 16px; margin-right: 10px; }
    .board-list .board-head .btn-box .btn-board-setting { width: 36px; height: 36px; background-size: 20px }
    .board-list .board-content { max-height: calc(100% - 37px); }
    .board-list .board-content ul li { width: calc(50% - 18px); }
    .board-list .board-content ul li .board-title { margin-bottom: 8px; font-size: 17px; line-height: 1.65rem; }
    .board-list .board-content ul li .board-txt { height: 8rem; -webkit-line-clamp: 6; font-size: 14px; }
}

.board-read {}
.board-read .board-head { position: relative; margin-top: 20px; border-bottom: 1px solid #404040; }
.board-read .board-head h4 { position: relative; font-size: 26px; }
.board-read .board-head .board-date { padding: 8px 0; font-size: 15px; color: #999; }
.board-read .board-head .board-date span:not(:last-child)::after { display: inline-block; content: ""; width: 1px; height: 12px; margin: 0 8px; background-color: #999; }
.board-read .board-head .btn-box { position: absolute; top: -60px; right: 0; }
.board-read .board-head .btn-box button { max-height: 44px; padding: 10px 23px; margin-left: 14px; border-radius: 22px; }
.board-read .board-content { height: 100%; max-height: calc(100% - 45px); padding-top: 34px; font-size: 15px;  }
.board-read .board-content img { width: 100%; margin: 10px 0; }

#board-del-confirm .modal-foot .modal-close { width: 100%; max-width: 100%; background-color: #be3455; color: #fff; }

@media all and (max-width: 1000px){
    .board-read .board-head h4 { font-size: 19px; }
    .board-read .board-head .board-date { padding: 5px 0; font-size: 12px; }
    .board-read .board-head .btn-box { top: -40px; }
    .board-read .board-head .btn-box button { max-height: 36px; padding: 6px 16px; margin-left: 10px; }
    .board-read .board-content { max-height: calc(100% - 37px); padding-top: 10px; font-size: 14px;  }
}
*/

/*

#roomDomain .modal .modal-head h5 { font-size: 18px; font-weight: 500; color: #000; }
#roomDomain .modal .modal-body .set-domain { display: flex; justify-content: space-between; align-items: center; }
#roomDomain .modal .modal-body .set-domain input { width: 213px; height: 48px; padding: 13px 14px; border-radius: 5px; border: solid 1px #dbdbdb; }
#roomDomain .modal .modal-body .set-domain span { font-size: 15px; font-weight: 500; letter-spacing: 0.3px; }
#roomDomain .modal .modal-body p { font-size: 13px; color: #1e1e1e; text-align: left; margin: 10px 0 23px; }
#roomDomain .modal .modal-body .btn-chkDomain { max-width: 100%; height: 48px; line-height: 46px; border-radius: 24px; border: 1px solid #1e1e1e; }
#roomDomain .modal .modal-foot { margin-top: 14px; }
#roomDomain .modal .modal-foot button { width: 50%; }

*/


/*.my-box-menu .menu-content .mybox-list.setting .content-m div{margin-bottom: 20px;display: block; cursor: pointer; display: inline-block}*/
/*.my-box-menu .menu-content .mybox-list.setting .content-m div > label{margin-left: 5px; vertical-align: middle;}*/
/*.my-box-menu .menu-content .mybox-list.setting .content-m .open_type{display: none; flex-direction: column; align-items: flex-start; padding-left: 30px; margin-bottom: 0; margin-top: 14px;}*/
/*.my-box-menu .menu-content .mybox-list.setting .content-m .open_type.on{display: flex;}*/
/*.my-box-menu .menu-content .mybox-list.setting .content-m .open_type input[type="checkbox"]{display: none;}*/
/*.my-box-menu .menu-content .mybox-list.setting .content-m .open_type input[type="checkbox"] + label{display: flex; align-items: center; width: 18px; height: 18px; border: solid 1px #666;}*/
/*.my-box-menu .menu-content .mybox-list.setting .content-m .open_type input[type="checkbox"]:checked + label{background: #be3455 url(../images/metaroom/checkbox_check.svg) no-repeat center; border: 1px solid #be3455;}*/
/*.my-box-menu .menu-content .mybox-list.setting .content-m .open_type div{margin-bottom: 14px;}*/
/*.my-box-menu .menu-content .mybox-list.setting .content-m .open_type div:last-child{margin-bottom: 0;}*/
/*.my-box-menu .menu-content .mybox-list.setting .content-m .open_type div label span{position: relative;display: inline-block;white-space: nowrap;margin-left: 24px;}*/

/*.my-box-menu .menu-content .mybox-list.setting .room_save { background: #be3455; border: 1px solid #be3455;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .icon-new{display: none;position: absolute;top: 10px;left: 10px;width: 18px;height: 18px;border-radius: 50%;background: url(../images/metaroom/icon_new.svg) no-repeat center;z-index: 999;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .icon-new.on{display: block;}*/

/*@media all and (max-width: 1000px){*/

/*    .my-box-menu .menu-content .mybox-list.motion .content-m{padding-right: 12px; margin-top: 0;}*/
/*    .my-box-menu .menu-content .mybox-list.motion .content-m div > .motion-top > .motion-down{display: inline-block;}*/
/*    .my-box-menu .menu-content .mybox-list.motion .content-m div > .motion-top > .motion-down.on{ transform: rotate(180deg)}*/
/*    .my-box-menu .menu-content .mybox-list.motion .content-m .motion-wrap ul li{width: 32%; max-width: 100px; height: 48%;}*/
/*    .my-box-menu .menu-content .mybox-list.motion h2{padding-left: 0; padding-bottom: 8px; font-size: 16px; font-weight: normal;}*/
/*    .my-box-menu .menu-content .mybox-list.motion .content-m >div{width: 100%; padding-top: 20px;}*/
/*    .my-box-menu .menu-content .mybox-list .content-m{margin-top: 0; height: 100%;}*/
/*    .my-box-menu .menu-content .mybox-list .content-m .line-cate{font-size: 16px;}*/
/*    .my-box-menu .menu-content .mybox-list.motion .content-m div > .motion-desc.on{height: 0;}*/
/*    .my-box-menu .menu-content .mybox-list.motion .content-m > .m-greeting.on{border-bottom: none;}*/
/*    .my-box-menu .menu-content .mybox-list.motion .content-m > .m-crash.on{border-bottom: none;}*/
/*    .my-box-menu .menu-content .mybox-list.motion .content-m > .m-dance.on{border-bottom: none;}*/
/*    .my-box-menu .menu-content .mybox-list.setting {height: initial; }*/
/*    .my-box-menu .menu-content .mybox-list.setting .content-m{margin-top: 16px;}*/
/*    .my-box-menu .menu-content .mybox-list.setting .content-m .room-profile { margin: 10px 0 22px; }*/
/*    .my-box-menu .menu-content .mybox-list.setting .content-m .room-profile .img { max-width: 140px; max-height: 140px; }*/
/*    .my-box-menu .menu-content .mybox-list.setting .content-m .set-domain .input-flex { flex-wrap: wrap; }*/
/*    .my-box-menu .menu-content .mybox-list.setting .content-m .set-domain .input-flex label { flex: initial; width: calc(100% - 73px); }*/
/*    .my-box-menu .menu-content .mybox-list.setting .content-m .set-domain .input-flex input { padding: 10px; }*/
/*    .my-box-menu .menu-content .mybox-list.setting .content-m .set-domain .input-flex p { margin: 0 0 8px 5px; }*/
/*    .my-box-menu .menu-content .mybox-list.setting .content-m .set-domain .input-flex button { max-width: 100%; padding: 12px; margin-top: 5px; }*/
/*    .my-box-menu .menu-content .mybox-list.setting .content-m .my-domain .domain-box { padding: 12px 14px 10px; }*/
/*    .my-box-menu .menu-content .mybox-list.setting .content-m .my-domain .domain-box p { font-size: 13px; }*/
/*    .my-box-menu .menu-content .mybox-list.setting .setting-sellList { padding: 12px 10px; }*/
/*    .my-box-menu .menu-content .mybox-list.setting .setting_save { height: 44px; line-height: 42px; margin-top: 30px; }*/




    /*.my-box-menu .menu-content .mybox-list.setting .content-m{margin-top: 16px;}*/
    /*.my-box-menu .menu-content .mybox-list.setting h2{padding-left: 0; padding-top: 5px; font-size: 16px; font-weight: normal;}*/
    /*.my-box-menu .menu-content .mybox-list.setting .content-m div{margin-bottom: 10px;}*/
    /*.my-box-menu .menu-content .mybox-list.setting{overflow-y: auto;}*/
    /*.my-box-menu .menu-content .mybox-list.setting button{height: 48px; line-height: 46px; max-width: calc(100% - 52px)}*/
    /*.my-box-menu .icon-close{left: 20px; top: 28px;}*/
/*}*/
/*.motion-set{position: absolute; left: 50%; bottom: 86px; transform: translateX(-50%); width: 100%; max-width: 250px; height: 54px; line-height: 52px; text-align: center; border-radius: 27px;  color: #fff; background: rgba(0, 0, 0, 0.7); cursor: pointer; display: none}*/
/*.motion-set.on{display: block}*/
/*.motion-reset{position: absolute; left: 50%; bottom: 86px; transform: translateX(-50%); width: 100%; max-width: 250px; height: 54px; line-height: 52px; text-align: center; border-radius: 27px;  color: #fff; background: rgba(0, 0, 0, 0.7); cursor: pointer; display: none}*/
/*.motion-reset.on{display: block}*/
/*.motion-cancel{position: absolute; left: 50%; bottom: 86px; transform: translateX(-50%); width: 100%; max-width: 250px; height: 54px; line-height: 52px; text-align: center; border-radius: 27px;  color: #fff; background: rgba(0, 0, 0, 0.7); cursor: pointer; display: none}*/
/*.motion-cancel.on{display: block}*/
/*@media all and (max-width: 1000px){*/
/*    .motion-cancel,.motion-set,.motion-reset{max-width: 100px; left: 35%; bottom: 20px;}*/
/*}*/


/*!*my-box 안에 my npc 부분 클릭했을때*!*/
/*.my-box-menu .menu-content .mybox-list.mynpc h2{padding-left: 39px; font-weight: 500;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m div > .mynpc-desc{height: 100%; overflow: hidden}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m div > span{ color: #999; font-size: 13px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m{margin-top: 0; overflow-y: auto; z-index: 0;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m >div {border-bottom: 1px solid #333; width: calc(100% - 20px);}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m >div:first-child{padding-top: 0;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m >div:last-child{border: none;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap:first-child{margin-top: 0;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap{margin-top: 15px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul{display: flex; flex-wrap: wrap; gap: 14px 5px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul li{position: relative; width: 33%; max-width: 120px; height: 33%;!*원래는 86px 가로세로*! border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul li .dim-box{width: 100%;height: 100%;border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul li.selected .dim-box{border: solid 2px #be3455;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul li .dim-box.on{opacity: 0.5}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul li .dim-box .img{position: relative;width: 100%; z-index: 1;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul li .dim-box .img span{position: relative;z-index: 1;width: 100%;padding-top: 100%;display: inline-block;font-size: 0; border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul li .dim-box .img span img{position: absolute; left: 0; top: 0; margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: contain;object-position: center center; border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .mynpc-name{margin-top: 3px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul li .checked{position: absolute; right: 10px; top: 10px; display: none; align-items: center; justify-content: center;width: 18px; height: 18px; border-radius: 50%; background: #be3455 url(../images/metaroom/icon_set_s.svg) no-repeat center center; background-size: 65%; z-index: 99;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul li .checked.on{display: flex;}*/

/*.my-box-menu .menu-content .mybox-list.mynpc_motion { margin-top: 20px; border-top: 1px solid  #333; }*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion h3 { margin: 20px 0 13px; color: #be3455; font-weight: 500; font-size: 17px; }*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .mynpc-bottom{position: absolute;left: -35px;bottom: -35px;width: 440px;height: 100px; !* background: #fff; *!background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 22%, #000);z-index: 0;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion > button{display: none; background: #be3455;border-radius: 5px;width: 100%;max-width: 370px;height: 54px;margin: 0; z-index: 1;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m div > .mynpc-top{display: flex; justify-content: space-between; align-items: center; padding-bottom: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m div > .mynpc-top > p{position: relative; text-align: left; padding-left: 10px; margin-bottom: 0; font-size: 15px; margin-top: 0;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m div > .mynpc-top > p:before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: #fff; border-radius: 50%;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m div > .mynpc-top > .mynpc-down{display: none; font-size: 0; width: 20px; height: 20px; background: url(../images/metaroom/icon_down_m.svg) no-repeat center center; background-size: 100%; }*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m div > .mynpc-desc{height: 100%; overflow: hidden}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m div > span{ color: #999; font-size: 13px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m{margin-top: 0; overflow-y: auto; z-index: 0;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m >div {border-bottom: 1px solid #333; width: calc(100% - 20px); padding-top: 20px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m >div:first-child{padding-top: 0px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m >div:last-child{border: none;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap:first-child{margin-top: 0;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap{margin-top: 15px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul{display: flex; flex-wrap: wrap; gap: 14px 5px; padding-bottom: 20px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul li{position: relative; width: 33%; max-width: 120px; height: 33%;!*원래는 86px 가로세로*! border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul li .dim-box{width: 100%;height: 100%;border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul li.selected .dim-box{border: solid 2px #be3455;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul li .dim-box.on{opacity: 0.5}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul li .dim-box .img{position: relative;width: 100%; z-index: 1;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul li .dim-box .img span{position: relative;z-index: 1;width: 100%;padding-top: 100%;display: inline-block;font-size: 0; border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul li .dim-box .img span img{position: absolute; left: 0; top: 0; margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: cover;object-position: center center; border-radius: 5px;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .mynpc-name{margin-top: 3px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul li .checked{position: absolute; right: 10px; top: 10px; display: none; align-items: center; justify-content: center;width: 18px; height: 18px; border-radius: 50%; background: #be3455 url(../images/metaroom/icon_set_s.svg) no-repeat center center; background-size: 65%; z-index: 99;}*/
/*.my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul li .checked.on{display: flex;}*/

/*.my-box-menu .menu-content .mybox-list.myroom .content-m .btn-main-room { position: absolute; right: 30px; top: -8px; width: auto; height: 100%; max-height: 44px; line-height: 32px; padding: 0 20px; margin-top: 0;border-radius: 60px; z-index: 50; color:#fff; background-color: #be3455; }*/

/*.menu-name .content-m .room-selec input[type="radio"] { margin-bottom: 10px; }*/
/*.menu-name .content-m .room-selec ul { padding: 20px 0 0; }*/
/*.menu-name .content-m .room-selec ul li .room-name { margin-bottom: 0; }*/
/*.menu-name .content-m .save-mainroom { position: absolute; right: 30px; top: -40px; width: auto; padding: 10px 20px; border-radius: 60px; z-index: 50; color:#fff; background-color: #be3455; }*/
/*#set-mainRoom .modal-foot .btn-ok { color:#fff; background-color: #be3455; }*/





/*@media all and (max-width: 1000px){*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion h3 { font-size: 16px; }*/
/*    .my-box-menu .menu-content .mybox-list .content-m{margin-top: 0; height: 100%;}*/
/*    .my-box-menu .menu-content .mybox-list .content-m .line-cate{font-size: 16px;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .content-m{padding-right: 12px; margin-top: 0;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .content-m div > .mynpc-top > .mynpc-down{display: inline-block;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .content-m div > .mynpc-top > .mynpc-down.on{ transform: rotate(180deg)}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .content-m .mynpc-wrap ul li{width: 32%; max-width: 100px; height: 48%;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc h2{padding-left: 0; padding-bottom: 8px; font-size: 16px; font-weight: normal;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .content-m >div{width: 100%; padding-top: 20px;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .content-m .npc_list {padding-top: 0;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .content-m div > .mynpc-desc.on{height: 0;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .content-m > .m-greeting.on{border-bottom: none;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .content-m > .m-crash.on{border-bottom: none;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .content-m > .m-dance.on{border-bottom: none;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc .mynpc-bottom{display:none; max-width: 256px;    left: -20px;bottom: -20px;width: 256px;height: 31%;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc > button{position: absolute;right: 20px;top: -10px;width: 100%;max-width: 97px;height: 100%;max-height: 40px;line-height: 38px;margin-top: 0;border-radius: 60px;}*/
    /*.my-box-menu .menu-content .mybox-list.mynpc .mynpc_intro{padding-right: 20px;}*/
    /*.my-box-menu .menu-content .mybox-list.setting .content-m{margin-top: 16px;}*/
    /*.my-box-menu .menu-content .mybox-list.setting h2{padding-left: 0; padding-top: 5px; font-size: 16px; font-weight: normal;}*/
    /*.my-box-menu .menu-content .mybox-list.setting .content-m div{margin-bottom: 10px;}*/
    /*.my-box-menu .menu-content .mybox-list.setting{overflow-y: auto;}*/
    /*.my-box-menu .menu-content .mybox-list.setting button{height: 48px; line-height: 46px; max-width: calc(100% - 52px)}*/
    /*.my-box-menu .icon-close{left: 20px; top: 28px; z-index: 10; }*/

/*    .my-box-menu .menu-content .mybox-list .content-m{margin-top: 0; height: 100%;}*/
/*    .my-box-menu .menu-content .mybox-list .content-m .line-cate{font-size: 16px;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .content-m{padding-right: 12px; margin-top: 0;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .content-m div > .mynpc-top > .mynpc-down{display: inline-block;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .content-m div > .mynpc-top > .mynpc-down.on{ transform: rotate(180deg)}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .mynpc-wrap ul li{width: 32%; max-width: 100px; height: 48%;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion h2{padding-left: 40px; padding-bottom: 8px; font-size: 16px; font-weight: normal;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .content-m >div{width: 100%; padding-top: 20px;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .content-m .npc_list {padding-top: 0;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .content-m div > .mynpc-desc.on{height: 0;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .content-m > .m-greeting.on{border-bottom: none;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .content-m > .m-crash.on{border-bottom: none;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .content-m > .m-dance.on{border-bottom: none;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion .mynpc-bottom{display:none; max-width: 256px;    left: -20px;bottom: -20px;width: 256px;height: 31%;}*/
/*    .my-box-menu .menu-content .mybox-list.mynpc_motion > button{position: absolute;right: 20px;top: -10px;width: 100%;max-width: 97px;height: 100%;max-height: 40px;line-height: 38px;margin-top: 0;border-radius: 220px;}*/


/*    .my-box-menu .menu-content .mybox-list.myroom .content-m .btn-main-room { right: 20px; max-height: 33px; line-height: 30px; padding: 0 13px; font-size: 13px;}*/
/*    .menu-name .content-m .room-selec input[type="radio"] { margin-bottom: 5px; }*/

/*    .menu-name .content-m .save-mainroom { padding: 7px 13px; font-size: 13px; }*/

/*}*/







/* 공통 팔로잉 팔로워 리스트*/
/*.right-content .menu-content .content-m .user-list .user-list-cnt{color:#fff; display: flex;font-size: 14px; margin-bottom: 14px; width:100%; padding-right: 19px;}*/
/*.right-content .menu-content .content-m .user-list .user-list-cnt input[type="checkbox"]{display: none;}*/
/*.right-content .menu-content .content-m .user-list .user-list-cnt input[type="checkbox"] + label{display: none; margin-right: 13px; width: 18px; height: 18px; border: solid 1px #707070; background-color: rgba(0, 0, 0, 0.65);}*/
/*.right-content .menu-content .content-m .user-list .user-list-cnt input[type="checkbox"]:checked + label{background: url(../images/metaroom/checkbox_check.svg) no-repeat center;}*/
/*.right-content .menu-content .content-m .user-list .user-list-cnt .img{position: relative;width: 40px;height: 40px;min-width: 40px; z-index: 1; margin: 0; }*/
/*.right-content .menu-content .content-m .user-list .user-list-cnt .img span{width: 100%;height: 100%;display: inline-block;border: none;   border-radius: 12px;   text-align: center;   overflow: hidden;}*/
/*.right-content .menu-content .content-m .user-list .user-list-cnt .img span img{margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: cover;object-position: center center; border-radius: 50%;}*/
/*.right-content .menu-content .content-m .user-list .user-list-cnt .txt{display: flex; flex-direction: column; margin: 0; margin-left: 8px; padding-right: 8px; font-size: 14px;width: 80%; text-align: left; overflow: hidden; text-overflow: ellipsis; }*/
/*.right-content .menu-content .content-m .user-list .user-list-cnt .txt > a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; cursor: default;}*/
/*  user-g(남의방), user-m(내방)  */
/*.right-content .menu-content .user-g .content-m .user-list .user-list-cnt .txt{display: flex; flex-direction: column; margin: 0; margin-left: 8px; font-size: 14px;}*/
/*.right-content .menu-content .user-g .content-m .user-list .user-list-cnt .txt > div{display: flex;align-items: center;}*/
/*.right-content .menu-content .user-g .content-m .user-list .user-list-cnt .txt > div > a{font-size: 13px; margin-right: 8px;}*/
/*.right-content .menu-content .user-g .content-m .user-list .user-list-cnt .txt > div > span{font-size: 10px; color: #a8a8a8;}*/
/*.right-content .menu-content .user-g .content-m .user-list .user-list-cnt .txt .cmt-private{ color: #fff; opacity: 0.5}*/
/*.right-content .menu-content .content-m .user-list.guestbook .txt > div{display: flex;align-items: center;}*/
/*.right-content .menu-content .content-m .user-list.guestbook .txt > div > a{font-size: 13px; margin-right: 8px;max-width: 110px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}*/
/*.right-content .menu-content .content-m .user-list.guestbook .txt > div > span{font-size: 10px; color: #a8a8a8;}*/
/*.right-content .menu-content .social-form.piki-friends .piki-talk .content-m .line-cate{font-size: 20px;}*/
/*.right-content .menu-content .social-form.user-m .piki-talk{display: flex; flex-direction: column; flex: 1; overflow: hidden;}*/
/*.right-content .menu-content .social-form.user-m .piki-talk .content-m > p{color: #999; font-size: 13px;}*/
/*.right-content .menu-content .social-form.user-g .piki-talk{display: block; height: calc(100% - 210px); flex: 1}*/
/*.right-content .menu-content .social-form.user-m .line-cate{font-size: 20px;}*/

/*@media all and (max-width: 1000px){*/
/*    .right-content .menu-content .content-m .user-list .user-list-cnt{ padding-right: 9px;}*/
/*    .right-content .menu-content .social-form.user-m .line-cate{font-size: 16px;}*/
/*    .right-content .menu-content .social-form.user-m .line-account{font-size: 16px;}*/
/*    .right-content .menu-content .social-form.piki-friends .piki-talk .content-m .line-cate{font-size: 16px;}*/
/*}*/

/*.right-content .menu-content .social-form.user-m .user-list .txt > a{font-size: 14px; cursor: default; }*/
/*.right-content .menu-content .social-form.user-m .user-list .txt > p{position: relative; font-size: 10px; color: #a8a8a8; display: flex; align-items: center;}*/
/*.right-content .menu-content .social-form.user-m .user-list .txt > p span{position: relative;display: flex;align-items: center;}*/
/*!*.right-content .menu-content .social-form.user-m .user-list .txt > p span:first-child::after{content: "";width: 2px;height: 2px;background: #a8a8a8;display: inline-block;margin-left: 8px;}*!*/
/*.right-content .menu-content .social-form.user-m .user-list .txt > p span::after{content: "";width: 2px;height: 2px;background: #a8a8a8;display: none;margin-left: 8px;}*/
/*.right-content .menu-content .social-form.messaging .piki-talk{display: block; height: calc(100% - 72px); flex: 1}*/

/*.right-content .menu-content .social-form.specific .piki-talk{display: block; height: calc(100% - 72px); flex: 1}*/
/*.right-content .menu-content .social-form.specific .piki-talk > p{  font-size: 20px;font-weight: 500;  color: #fff; margin-bottom: 20px;}*/
/*.right-content .menu-content .social-form.specific .piki-talk .content-m{height: calc(100% - 52px);}*/
/*.right-content .menu-content .social-form.user-g .piki-talk .content-m{height: calc(100% - 155px);}*/
/*.right-content .menu-content .social-form .piki-talk .content-m .btn-edit.on{background: #d33333; border: none;}*/
/*.right-content .menu-content .social-form .btn-edit.on{background: #be3455; border: none;}*/
/*.right-content .menu-content .content-b{position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; display: block;}*/
/*.right-content .menu-content .content-b .chk-private{display: inline-block; margin-bottom: 10px; padding-left: 10px;}*/
/*.right-content .menu-content .content-b .write-form{position: relative;display: flex;width: 100%; height: 150px; background: rgba(0, 0, 0, 0.6);padding: 4px;}*/
/*.right-content .menu-content .content-b .write-form textarea{width: 80%;height: calc(100% - 30px);border-radius: 0;background: transparent;resize: none;padding: 0 15px;margin: 15px 8px 0 0;}*/
/*.right-content .menu-content .content-b .write-form button{width: 20%; height: 100%;  border: solid 1px #404040;background-color: rgba(255, 255, 255, 0.15); border-radius: 0;}*/
/*.right-content .menu-content .content-b input[type="checkbox"]{display: none;}*/
/*.right-content .menu-content .content-b input[type="checkbox"] + label{cursor: pointer; display: flex; align-items: center;}*/
/*.right-content .menu-content .content-b input[type="checkbox"] + label > span{vertical-align: middle; padding-left: 5px;}*/
/*.right-content .menu-content .content-b input[type="checkbox"] + label:before{ content: ""; width: 18px; height: 18px;   border: solid 1px #707070;   background-color: rgba(0, 0, 0, 0.65);}*/
/*.right-content .menu-content .content-b input[type="checkbox"]:checked + label:before{content: "";width: 18px; height: 18px; background: url(../images/metaroom/checkbox_check.svg) no-repeat center;}*/
/*.right-content .menu-content .social-form{display: none; width: 100%; height:inherit; padding-top: 50px;}*/
/*.right-content .menu-content .social-form.messaging.on{display: flex; flex-direction: column;}*/
/*.right-content .menu-content .social-form.specific.on{display: flex; flex-direction: column;}*/
/*.right-content .menu-content .social-form.item-box.on{display: flex; flex-direction: column;}*/
/*.right-content .menu-content .social-form.setting.on{display: flex; flex-direction: column;}*/
/*.right-content .menu-content .social-form.album-box.on{display: flex; flex-direction: column;}*/






/* social-form-top 부분 버튼 두개 toggle 되는 부분 */
/*.right-content .menu-content .social-form.item-box .swiper-wrapper {padding-right: 20px; }*/
/*.right-content .menu-content .social-form .social-form-top button img{margin-left: 5px;}*/
/*.right-content .menu-content .social-form .social-form-top .around-piki{width: 159px; height: 42px; font-weight: 500}*/
/*.right-content .menu-content .social-form .social-form-top .guest-talk{width: 106px;height: 42px; font-weight: 500;}*/
/*.right-content .menu-content .social-form .social-form-top .guest-talk::after{content:""; background: url(../images/metaroom/icon_talk_on.svg) no-repeat center center;width: 14px;height: 16px; margin-left: 5px;}*/
/*.right-content .menu-content .social-form .social-form-top .guest-talk.on::after{content:""; background: url(../images/metaroom/icon_talk.svg) no-repeat center center;width: 14px;height: 16px; margin-left: 5px;}*/
/*.right-content .menu-content .social-form .social-form-top .following, .room-menu .social-form .social-form-top .follower{width: 106px;}*/
/*.right-content .menu-content .social-form .social-form-top .following::after{content:""; background: url(../images/metaroom/icon_visitor_on.svg) no-repeat center center;width: 14px;height: 16px; margin-left: 5px;}*/
/*.right-content .menu-content .social-form .social-form-top .following.on::after{content:""; background: url(../images/metaroom/icon_visitor.svg) no-repeat center center;width: 14px;height: 16px; margin-left: 5px;}*/
/*.right-content .menu-content .social-form .social-form-top .around-piki::after{content:""; background: url(../images/metaroom/icon_p.svg) no-repeat center center;width: 14px;height: 16px; margin-left: 5px;}*/
/*.right-content .menu-content .social-form .social-form-top .around-piki.on::after{content:""; background: url(../images/metaroom/icon_p_on.svg) no-repeat center center;width: 14px;height: 16px; margin-left: 5px;}*/



/*.right-content .menu-content .social-form .piki-talk .content-m{ display: flex; flex-direction: column; height: 100%;}*/
/*.right-content .menu-content .social-form .content-m{display: flex; height:calc(100% - 65px); flex-direction: column; flex: 1;}*/
/*.right-content .menu-content .social-form .content-m .arrange-list { padding-bottom: 24px; }*/
/*.right-content .menu-content .social-form .content-m .sell-list { padding: 0 20px 24px 0; margin: 24px 0; border-bottom: 1px solid #5a5a5a; }*/
/*.right-content .menu-content .social-form .content-m .scroll-box { flex: 0 0 auto; padding-bottom: 24px; }*/
/*.right-content .menu-content .social-form .content-m .market-list { padding-top: 16px; }*/
/*.right-content .menu-content .social-form .content-m .none_data { display: block; max-width: 100%; width: 100%; padding-top: 100px; margin-bottom: 0; margin-top: 0; }*/
/*.right-content .menu-content .social-form .content-m .none_data.selected { border: none; }*/
/*.right-content .menu-content .social-form .content-m .none_data .btn_link { display: none; max-width: 208px; border: 1px solid #fff; border-radius: 75px; padding: 17px 42px; margin: 20px auto 0; }*/
/*.right-content .menu-content .social-form .content-m .none_data .btn_link img { width: 100%; }*/
/*.right-content .menu-content .social-form .content-m.radio-box{ color: #fff;height: calc(100% - 61px); !*width: calc(100% - 27px);*! display: flex;flex-direction: column;}*/
/*.right-content .menu-content .social-form .content-m .user-list{display: block; flex:1; overflow-y: auto; }*/
/*.right-content .menu-content .social-form .content-m .user-list.around-piki{display: block; flex:1; height: 100%;}*/
/*.right-content .menu-content .content-m .user-list.guestbook .user-list-cnt .txt{width: calc(100% - 40px);}*/
/*.piki-talk .edit-count{margin-left: 5px}*/

/*@media all and (max-width: 1000px){*/

    /*.right-content .menu-content .social-form.setting{padding-top: 0; height: auto;}*/
    /*.right-content .menu-content .social-form{padding-top: 0;}*/

    /*.right-content .menu-content .social-form .social-form-top .around-piki{width: 159px; height: 39px; font-weight: 500}*/
    /*.right-content .menu-content .social-form .social-form-top .guest-talk{width: 106px;height: 39px; font-weight: 500;}*/
    /*.right-content .icon-close{left: 20px; top: 28px;}*/
    /*.right-content .menu-content.m-on{padding: 26px 8px 21px 70px; overflow-y: auto;}*/
    /*.right-content .menu-content .social-form.user-m .piki-talk{overflow-y: visible;}*/
    /*.right-content .menu-content .social-form .content-m .user-list{overflow-y: visible;}*/
    /*.right-content .menu-content .social-form.messaging .content-m .user-list{overflow-y: auto;}*/
    /*.right-content .menu-content .social-form.user-m .content-m .user-list{overflow-y: auto;}*/
/*    !*.right-content .menu-content .social-form .content-m .user-list.around-piki{overflow-y: visible;}*!*/
/*    .right-content .menu-content .my-box .content-t{padding-top: 0;display: flex;flex-direction: column;align-items: center;justify-content: center; }*/
/*    .right-content .menu-content .my-box .content-m{height: auto;flex: 1; margin-top: 12px;}*/
/*    .line-box{justify-content: normal; margin-bottom: 7px; }*/

/*    .line{display: none;}*/
/*    .right-content .menu-content .my-box .content-m > .btn-wrap > .btn-box{justify-content: flex-start}*/
/*    .my-box .content-m > .btn-box{justify-content: flex-start; margin-bottom: 12px;}*/
/*    .right-content .menu-content .my-box .content-m > .btn-wrap > .btn-box button{height: 40px;}*/
/*    .right-content .menu-content .my-box p{margin-bottom: 0;}*/
/*    !*.right-content .menu-content .content-m .user-list .user-list-cnt .btn-box{width: 50%}*!*/
/*    .right-content .menu-content .content-m .user-list .user-list-cnt .btn-box > a{width: 100%; max-width:36px; min-width: 27px; }*/
/*    .right-content .menu-content .my-box .content-t .edit-pr{margin-top: 12px; height: 100%; max-height: 40px;}*/
/*    .right-content .menu-content .my-box .content-t .logout{position: relative; top: 0; right: 0; max-width: 194px; height: 100%; max-height: 40px; margin-top: 6px;}*/

/*    .right-content .menu-content .social-form .social-form-top button{height: 37px;}*/
/*    .right-content .menu-content .social-form .piki-talk .content-m{overflow-y: auto;}*/
/*    .right-content .menu-content .social-form .content-m { height: calc(100% - 85px); }*/
/*    .right-content .menu-content .social-form .content-m .none_data .btn_link { display: block; }*/
/*}*/

/*.right-content .menu-content .social-form.sell-box .line-cate { font-size: 20px; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .none-data { display: block; max-width: 100%; width: 100%; padding-top: 100px; margin-bottom: 0; margin-top: 0; color: #999; text-align: center; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list { padding-right: 27px; margin-top: 14px; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li { display: flex; justify-content: space-between; align-items: center; gap: 18px; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li + .pd-li { margin-top: 16px; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .img{position: relative;width: 80px; height: 80px; border-radius: 10px;  overflow: hidden; z-index: 1; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .img span {width: 100%;height: 100%;display: inline-block;border: none;   border-radius: 5px; text-align: center; overflow: hidden;}*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .img span img{margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: cover; object-position: center center; background-color: #fff;}*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .txt{display: flex; flex-direction: column; color: #fff; flex: 1; overflow: hidden; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .txt .pd-name { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .txt .pd-cost { font-size: 14px; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .btn-box {}*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .btn-box a { padding: 9px 19px; border-radius: 8px; font-size: 14px; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .btn-box a.btn-buy { background-color: #be3455; color: #fff; }*/
/*.right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .btn-box a.btn-soldOut { background-color: #4d4d4d; color: #767676; }*/

/*@media all and (max-width: 1000px) {*/
/*    .right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li { gap: 10px; }*/
/*    .right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .img{ width: 60px; height: 60px; }*/
/*    .right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .txt .pd-name { font-size: 14px; }*/
/*    .right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .txt .pd-cost { font-size: 12px; }*/
/*    .right-content .menu-content .social-form.sell-box .content-m .sell-pd-list .pd-li .btn-box a { padding: 3px 13px; font-size: 12px; }*/
/*}*/



/*.social-form .icon-close{position: absolute;top: 30px!* 22px; *!; right: 23px;width: 17px;height: 17px;background: url(../images/metaroom/icon_popup_close.svg) no-repeat center;text-indent: -9999px; cursor:pointer;}*/

/* 게스트 일때 social-form guest-talk */
/*.user-cmt{position: absolute; bottom: 20px; display: none;justify-content: space-between;align-items: center;width: 100%; max-width: 378px;border-radius: 10px;background-color: rgba(0, 0, 0, 0.7);padding: 6px; margin-top: 6px;}*/
/*.user-cmt.on{display: flex;}*/
/*.input-cmt{background: none;width: 80%; color: #fff; padding-left: 20px; font-size: 14px;}*/
/*.input-cmt-btn{width: 20%; max-width: 58px; height: 36px;  border: solid 1px #404040; border-radius: 5px; font-size: 14px; color:#404040;}*/
/*.input-cmt:focus .input-cmt::placeholder{color: #fff}*/
/*.input-cmt:focus + .input-cmt-btn{border: 1px solid #fff; color: #fff;}*/
/*!* 게스트 일때 친구 social-form guest-fd *!*/
/*.top-friend .social-form.guest-fd{display: none; width: 420px; height:520px; position: absolute; top: 0; right: 78px; border-radius: 30px; background-color:rgba(0,0,0,0.7); padding: 18px; padding-right: 5px}*/
/*.top-friend .social-form.guest-fd.on{display: block;}*/

/*.top-friend .social-form.guest-fd .btn-close{position: relative; border-radius: 24px; background-color: #fff;}*/

















/*첫번째 setting css*/

/*.right-content .menu-content .social-form.setting{max-width: calc(100% - 27px);}*/
/*.right-content .menu-content .social-form.setting .setting-range{padding-bottom: 35px; border-bottom: 1px solid #a8a8a8;}*/
/*.right-content .menu-content .social-form.setting .setting-comm .content-m.radio-box{height: calc(100% - 88px)}*/
/*.right-content .menu-content .social-form.setting .setting-comm .content-m.radio-box > div{flex:1;}*/
/*.right-content .menu-content .social-form.setting .setting-comm .content-m.radio-box button{position: relative;max-width:100%; height: 54px;left: auto;bottom: auto;margin-top: 20px;border-radius: 5px;color: #fff;}*/
/*.right-content .menu-content .social-form.setting .setting-comm{padding-top:35px; height: 100%;}*/
/*.right-content .menu-content .social-form.setting .setting-comm .social-subtit{margin-bottom: 0;}*/
/*.right-content .menu-content .social-form.setting .setting-comm .content-m.radio-box{height: calc(100% - 88px)}*/
/*.right-content .menu-content .social-form.setting .setting-comm p:nth-child(2){color: #fff; margin: 14px 0 20px 0; display: flex; align-items: center; padding-left: 10px; position: relative;}*/
/*.right-content .menu-content .social-form.setting .setting-comm p:nth-child(2)::before{content: '';width: 3px;height: 3px;background: #fff;border-radius: 50%;display: inline-block;margin-right: 6px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}*/
/*.right-content .menu-content .social-form.setting .content-m.radio-box .btn-edit.on{background: #be3455; border: none;}*/
/*.right-content .menu-content .social-form.setting .content-m.radio-box .btn-edit{width: 100%; max-width: 100%; height: 42px; line-height: 40px; margin-top: 27px;border: solid 1px #fff;}*/
/*.right-content .menu-content .social-form.setting .content-m.radio-box:nth-child(1){border-bottom:solid 1px #a8a8a8;}*/
/*.right-content .menu-content .social-form.setting .social-form-top .social-tit{ font-size: 18px;font-weight: 500; color: #fff;}*/
/*.right-content .menu-content .social-form.setting .social-subtit{ font-size: 20px;font-weight: 500; color: #fff; margin-bottom: 25px;}*/
/*
.right-content .menu-content .social-form.setting .radio-box div div{margin-bottom: 18px; display: flex; align-items: center}
.right-content .menu-content .social-form.setting .radio-box div div:last-child{margin-bottom: 0;}
.right-content .menu-content .social-form.setting > .btn {position: relative;max-width: 370px;height: 54px;left: auto;bottom: auto;margin-top: 20px; border-radius: 5px; color: #fff;}
*/
/*.right-content .menu-content .social-form.item-box .btn-edit{position: absolute;right: 30px;top: 27px; width: auto; height: 100%;max-height: 40px;line-height: 38px; padding: 0 10px; margin-top: 0;border-radius: 60px; z-index: 50; }*/

/*!*messaging 부분*!*/
/*.right-content .menu-content .social-form.messaging {}*/
/*.right-content .menu-content .social-form.messaging .swiper-menu .swiper-wrapper button{flex: 1 1 0; }*/
/*.right-content .menu-content .social-form.messaging .content-m .user-list .txt > div{display: flex;align-items: center;}*/
/*.right-content .menu-content .social-form.messaging .content-m .user-list .txt > div > a{font-size: 13px; margin-right: 8px;max-width: 110px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}*/
/*.right-content .menu-content .social-form.messaging .content-m .user-list .txt > div > span{font-size: 10px; color: #a8a8a8;}*/

/*.right-content .menu-content .social-form.messaging .group-notice { color: #fff; }*/
/*.right-content .menu-content .social-form.messaging .group-notice .notice-tit-wrap { display: flex; justify-content: space-between; }*/
/*.right-content .menu-content .social-form.messaging .group-notice h4 { font-size: 20px; font-weight: 500; }*/
/*.right-content .menu-content .social-form.messaging .group-notice .notice-recent { padding: 16px; margin: 12px 0 26px;  border-radius: 14px; background-color: #4d4d4d; }*/

/*.right-content .menu-content .social-form.messaging .member-talk {display: block; height: calc(100% - 72px); flex: 1}*/
/*.right-content .menu-content .social-form.messaging .member-talk .content-m { display: flex; flex-direction: column; height: 100%; }*/
/*.right-content .menu-content .social-form.messaging .member-talk .swiper-menu .swiper-wrapper { border: none; }*/
/*.right-content .menu-content .social-form.messaging .member-talk .swiper-menu .swiper-wrapper button { flex: 0 0 auto; position: relative; padding: 0 0 4px; margin-right: 34px; font-size: 17px; color: #4d4d4d; font-weight: 400; }*/
/*.right-content .menu-content .social-form.messaging .member-talk .swiper-menu .swiper-wrapper button.on { color: #fff; }*/
/*.right-content .menu-content .social-form.messaging .member-talk .swiper-menu .swiper-wrapper button.new::before { content:""; display: block; position: absolute; top: 2px; right: -5px; width: 4px; height: 4px; border-radius: 50%; background: #be3455; }*/
/*.right-content .menu-content .social-form.messaging .member-talk .swiper-menu .swiper-wrapper button.new::before { content:""; display: block; position: absolute; top: 2px; right: -5px; width: 4px; height: 4px; border-radius: 50%; background: #be3455; }*/
/*.right-content .menu-content .social-form.messaging .member-talk .content-m .memo-list .user-list-cnt .txt .date { color: #a8a8a8; }*/
/*.right-content .menu-content .social-form.messaging .member-talk .content-m .memo-list .user-list-cnt .menu-box  { align-items: center; }*/
/*.right-content .menu-content .social-form.messaging .member-talk .content-m .memo-list .user-list-cnt .menu-box .btn-dot-menu,*/
/*.right-content .menu-content .social-form.messaging .member-talk .content-m .memo-list .user-list-cnt .menu-box .btn-dot-menu:hover { margin: 6px 10px; background-size: 65%; }*/
/*.right-content .menu-content .social-form.messaging .btn-box .btn-memo-write { width: 100%; padding: 16px; border-radius: 5px; }*/
/*.right-content .menu-content .social-form.messaging .member-talk .content-m .memo-list .user-list-cnt.group-memo-empty { height: 90%; justify-content: center; align-items: center; }*/






/*@media all and (max-width: 1000px){*/
/*    .right-content .menu-content .social-form.messaging .line-box .line-cate{font-size: 16px;}*/
/*    .right-content .menu-content .social-form.messaging .btn-edit{width: auto; max-width: initial;height: 100%;max-height: 33px;line-height: 33px; padding: 0 20px; margin-top: 0;border-radius: 60px; font-size: 13px;}*/
/*    .right-content .menu-content .social-form.messaging .btn-flex-box.pd-r20 { justify-content: flex-end; padding-right: 0; }*/
/*    .right-content .menu-content .social-form.messaging .memo_btn_box{position: absolute;right: 10px;top: 18px;}*/
/*    .right-content .menu-content .social-form.messaging .group-notice { margin-top: 20px; }*/
/*    .right-content .menu-content .social-form.messaging .group-notice h4 { font-size: 17px; }*/
/*    .right-content .menu-content .social-form.messaging .group-notice .notice-recent { padding: 12px; margin-bottom: 0;font-size: 12px; }*/
/*    .right-content .menu-content .social-form.messaging .member-talk .swiper-menu .swiper-wrapper button { font-size: 14px; }*/
/*    .right-content .menu-content .social-form.messaging .btn-box { position: absolute; right: 10px; top: 18px; }*/
/*    .right-content .menu-content .social-form.messaging .btn-box .btn-memo-write { width: auto; padding: 6px 12px; margin-top: 0; border-radius: 60px; font-size: 13px; }*/

/*    .right-content .menu-content .social-form.item-box .btn-edit{max-width: 100%;max-height: 33px;line-height: 30px;margin-top: 0; font-size: 13px;}*/

/*}*/

/*.top-friend{display: inline-block;width: 60px;height: 60px;border-radius: 30px;background: rgba(0, 0, 0, 0.7) url(../images/metaroom/icon_freinds.svg) no-repeat center;cursor: pointer; margin-right: 18px;}*/
/*.top-friend.on{background: #be3455 url(../images/metaroom/icon_freinds.svg) no-repeat center;}*/
/*.top-home{display: inline-block;width: 60px;height: 60px;border-radius: 30px;background: rgba(0, 0, 0, 0.7) url(../images/metaroom/icon_home.svg) no-repeat center;cursor: pointer;}*/
/*.top-home.on{background: #be3455 url(../images/metaroom/icon_home.svg) no-repeat center;}*/

/*@media all and (max-width : 1000px ) {*/
/*    .right-content{max-width: 340px;}*/
/*    .right-content.wide{max-width: 460px; right: 0;}*/
/*    .right-content .menu-content{padding: 45px 10px 20px 45px; overflow-y: auto;}*/
/*    !*.right-content.wide .menu-content{padding: 24px 8px 20px 60px; }*!*/
/*    !*.right-content .menu-content .my-box.on{height: auto;}*!*/
/*    .room-menu {left: 20px; top: 20px;}*/
/*    .room-menu .menu-gnb li{position: relative; width: 42px; height: 42px; margin-right: 6px; margin-bottom: 8px;}*/
/*    .room-menu .menu-gnb li a{width: 42px; height: 42px;}*/
/*    .room-menu .item-box { top: -90px; left:-20px; width: 100vw; height: 100vh; padding:50px 0 0; border-radius: 0; }*/
/*    .room-menu .item-box .close-btn-box { display: block; }*/
/*    .cht-box p{font-size: 13px;}*/
/*    .cht-box .go{font-size: 13px;}*/
/*    .cht-box span{height: 13px; line-height: 11px;}*/
/*    .none_data{padding-right: 56px; padding-top:0; display: flex; align-items: center; justify-content: center;}*/
/*}
@media all and (min-width : 900px ) {
    #webgl-container { height: 100vh; }
}*/



/*.location-status{display: none; justify-content: center; align-items: center; position: fixed; top: 46px; right: 60px; width: 100%; max-width: 140px; height: 64px; border-radius: 32px; background: rgba(0,0,0,0.7); padding: 4px 5px; color: #fff840; font-size: 16px;}*/
/*.location-status > span {display: block; width: 55%; text-align: center;}*/
/*.location-status.eng { max-width: 150px; }*/
/*.location-status.eng > span {font-size: 14px; margin-right: 5px; }*/
/*.location-status.on{display: flex;}*/
/*.location-status .img-wrap {width: 48px; height: 48px; background: #fff; border-radius: 50%;  display: flex;align-items: center;justify-content: center; }*/
/*.location-status .img-wrap .img-box{ position: relative;width: 48px;height: 48px;z-index: 1;}*/
/*.location-status .img-wrap .img-box span{position: relative;z-index: 1;width: 100%;padding-top: 100%;display: inline-block;font-size: 0;}*/
/*.location-status .img-wrap .img-box span img{position: absolute;left: 0;top: 0;margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: cover;object-position: center center; border-radius: 50%;}*/

/* 모달창에 있는 img-desc*/
/*.img-desc .img-wrap{width: 100%;max-width: 40px;font-size: 0;}*/
/*.img-desc .img-wrap .img-box p {position: relative;z-index: 1;width: 100%;padding-top: 100%;display: inline-block;font-size: 0;}*/
/*.img-desc .img-wrap .img-box p img{position: absolute;left: 0;top: 0;margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}*/
/*.img-desc .img-user{margin-left: 7px;}*/
/*.img-desc .img-user a{display: block; width: 100%; color: #fff; font-size: 12px; text-align: left;}*/
/*.img-desc {margin-left: 20px;width: 100%;}*/
/*.img-desc > div {display: flex;}*/
/*.img-desc .num-edition{text-align: left; color: #fff;}*/



/*.right-menu-album { width: 80%; max-width: 1132px; }*/
/*.right-menu-album .menu-content .album-box { position: relative; padding: 0; color: #fff; }*/
/*.social-form.album-box .album-name-wrap { padding: 0 0 23px 40px; font-size: 20px; font-weight: 500;  }*/
/*.social-form.album-box .album-name-wrap + .btn-write-album { position: absolute; top: 0; right: 0; padding: 10px 24px; }*/
/*.social-form.album-box .album-name-wrap .name-view button { width: 40px; height: 40px; padding: 9px; border-radius: 50%; background-color: #363636; }*/
/*.social-form.album-box .album-name-wrap .name-view img { width: 100%; }*/
/*.social-form.album-box .album-name-wrap .name-modify { !*display: none;*! }*/
/*.social-form.album-box .album-name-wrap .name-modify > div { display: inline-block; border-bottom: 1px solid #4d4d4d; }*/
/*.social-form.album-box .album-name-wrap .name-modify input { border-radius: initial; background-color: transparent; }*/
/*.social-form.album-box .album-name-wrap .name-modify .del-name { width: 20px; height: 20px; border-radius: 50%; background: #656565 url(../images/metaroom/icon_close_white.svg) no-repeat center center; background-size: 40%; }*/
/*.social-form.album-box .album-name-wrap .name-modify .save-name { padding: 9px 20px; margin-left: 15px; border-radius: 20px; background-color: #363636; font-size: 15px; }*/
/*.social-form.album-box h4 { padding-bottom: 14px; font-size: 18px; font-weight: 500; }*/
/*.social-form.album-box .album-wrap { position: relative; padding-bottom: 12px; display: flex; gap: 12px; height: 100%; overflow: hidden;  }*/
/*.social-form.album-box .album-wrap .dim-album { flex: 0 0 auto; width: 42px; height: 42px; line-height: 39px;  border-radius: 50%; background-color: #a8a8a8; overflow: hidden; text-align: center; }*/
/*.social-form.album-box .album-wrap .dim-album img { vertical-align: middle; }*/
/*.social-form.album-box .album-wrap .dim-album.icon img { top: 50%; left: 50%; width: initial; height: initial; transform: translate(-50%, -50%); }*/
/*.social-form.album-box .album-wrap .album-date { font-size: 12px; color: #a8a8a8; }*/
/*.social-form.album-box .album-wrap .album-target { font-size: 12px; color: #808080; }*/
/*.social-form.album-box .album-wrap .album-target.secret { padding-left: 16px; background: url(../images/metaroom/icon_lock.svg) no-repeat center left; }*/

/*.social-form.album-box .album-wrap .album-left { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; width: 35%; padding: 29px 52px 36px 24px; border-radius: 23px; background-color: #363636; }*/
/*.social-form.album-box .album-wrap .album-left .album-list { flex: 1 1 0; max-height: calc(100% - 35px); overflow-y: auto; }*/
/*.social-form.album-box .album-wrap .album-left .album-list li { display: flex; align-items: flex-start; gap: 10px; padding: 12px 0 ; border-bottom: 1px solid #4d4d4d; cursor: pointer; }*/
/*.social-form.album-box .album-wrap .album-left .album-list li .album-name { flex: 1 1 0; display: flex; align-items: flex-start; gap: 5px; }*/
/*.social-form.album-box .album-wrap .album-left .album-list li .icon-new { flex: 0 0 auto; display: inline-block; width: 22px; height: 20px; background: url(../images/metaroom/icon_new.svg) no-repeat right center; }*/
/*.social-form.album-box .album-wrap .album-left .album-list li:first-child { align-items: center; }*/
/*.social-form.album-box .album-wrap .album-left .album-list li.now .dim-box { border: 2px solid #fff; }*/
/*.social-form.album-box .album-wrap .album-left .album-list li.now .album-name { font-weight: 600; }*/
/*.social-form.album-box .album-wrap .album-left button { height: 48px; line-height: 45px; margin-top: 15px; }*/
/*.social-form.album-box .album-wrap .album-left button img { vertical-align: text-top; width: 21px;     margin-right: 2px; }*/
/*.social-form.album-box .album-wrap .album-left::before { position: absolute; top: 109px; right: -49px; display: block; content: ""; width: 86px; height: 92px; background: url(../images/metaroom/img_album_cahin.svg) no-repeat center center; }*/
/*.social-form.album-box .album-wrap .album-left::after { position: absolute; bottom: 109px; right: -49px; display: block; content: ""; width: 86px; height: 92px; background: url(../images/metaroom/img_album_cahin.svg) no-repeat center center; }*/

/*.social-form.album-box .album-wrap .album-right { flex: 1 1 0; display: flex; flex-direction: column; justify-content: space-between; width: 65%; padding: 29px 30px 0px 58px ; border-radius: 23px; background-color: #363636; }*/
/*.social-form.album-box .album-wrap .album-right > div { flex: 1 1 0; height: 100%; }*/
/*.social-form.album-box .album-wrap .album-right .album-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid #4d4d4d; }*/
/*.social-form.album-box .album-wrap .album-right .album-top h4 { padding: 0; }*/
/*.social-form.album-box .album-wrap .album-right .album-top-left { flex: 1 1 0; display: flex; align-items: center; gap: 10px; }*/
/*.social-form.album-box .album-wrap .album-right .album-top-right button { border-radius: 9px; padding: 10px; margin-left: 8px; border: 1px solid #707070; background-color: #4d4d4d; user-select: none;  }*/
/*.social-form.album-box .album-wrap .album-right .album-top-right button.grid-feed { width: 40px; height: 40px; background: #4d4d4d url(../images/metaroom/icon_view_feed.svg) no-repeat center center; }*/
/*.social-form.album-box .album-wrap .album-right .album-top-right button.grid-feed.check { background-image: url(../images/metaroom/icon_view_feed_on.svg); }*/
/*.social-form.album-box .album-wrap .album-right .album-top-right button.grid-gallery { width: 40px; height: 40px; background: #4d4d4d url(../images/metaroom/icon_view_gallery.svg) no-repeat center center; }*/
/*.social-form.album-box .album-wrap .album-right .album-top-right button.grid-gallery.check { background-image: url(../images/metaroom/icon_view_gallery_on.svg); }*/
/*.social-form.album-box .album-wrap .album-right .album-top-right button.hide { display: none; }*/
/*.social-form.album-box .album-wrap .album-right .album-content { position: relative; height: 100%; max-height: calc(100% - 57px); padding-right: 10px; margin-right: -15px; overflow-y: auto; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul { height: 100%; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul li:not(.album-empty) { margin-bottom: 20px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul li.album-no-img .album-slide { display: none; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul li.album-empty { display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul li.album-empty img { width: 86px; margin: 0 auto; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul li.album-empty p { margin: 14px 0 40px; color: #a8a8a8; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul li.album-empty button { padding: 5% 25%; }*/
/*.social-form.album-box .album-wrap .album-right .album-content button.btn-album-common { width: 36px; height: 36px; margin-left: 10px; border-radius: 50%; background-color: #4d4d4d; }*/
/*.social-form.album-box .album-wrap .album-right .album-content button.btn-album-common img { max-width: 18px; max-height: 20px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-flex { flex: 1 1 0; display: flex; justify-content: space-between; align-items: center; gap: 8px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-flex .album-user-info { display: flex; align-items: center; gap: 8px; flex: 1 1 0; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .album-flex .album-user-info .user-name { font-size: 15px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-head { display: flex; align-items: center; gap: 10px; margin: 16px 0 14px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-head .album-flex { align-items: flex-end; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-head .album-folder-info { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-head .album-folder-info .dim-album { width: 24px; height: 24px; line-height: 22px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-head .album-folder-info .dim-album.icon img { width: 55%; height: 55%; }*/


/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body { padding-bottom: 12px; border-bottom: 1px solid #4d4d4d; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper { padding-bottom: 40px; }*/
/*!*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper img { width: 100%; }*!*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .swiper-horizontal > .swiper-pagination-bullets,*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; !*display: none;*! }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper-pagination-bullet { width: 6px; height: 6px; background: #666; opacity: 1; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper-pagination-bullet-active { width: 18px; border-radius: 6px; background: #fff; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper-pagination-number { top: 14px; bottom: auto; left: auto; right: 14px; width: auto; padding: 3px 8px; border-radius: 12px; background: rgba(0,0,0,0.65); font-size: 12px; user-select: none; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper-button-prev:after,*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper-button-next:after { font-size: 40px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .dim-box .img span img { border-radius: 16px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot { padding: 12px 0; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-buttons { display: flex;  align-items: flex-end; gap: 13px; user-select: none; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot span { vertical-align: bottom; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-buttons .btn-album-like { width: 23px; height: 23px; margin-right: 4px; background: url(../images/metaroom/icon_heart2_default.svg) no-repeat center left; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-buttons .btn-album-like.on { background-image: url(../images/metaroom/icon_heart2_on.svg); background-size: 23px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-buttons p.album-icon-dot { width: 3px; height: 3px; margin-bottom: 10px; border-radius: 50%; background-color: #fff; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-buttons p.album-icon-comment { padding-left: 26px; background: url(../images/metaroom/icon_comment.svg) no-repeat 0 40%; cursor: pointer; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-buttons .btn-comment-album { margin-left: auto; color: #a8a8a8; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap { height: 0; overflow: hidden; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap ul li { margin: 14px 0; border-bottom: 1px solid #4d4d4d; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .album-flex .album-user-info .dim-album { flex: 0 0 36px; width: 36px; height: 36px; background: transparent; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .cmt-text-area { padding: 10px 0 14px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .cmt-text-area .private-mark { padding-left: 18px; background: url(../images/metaroom/icon_lock.svg) no-repeat 0 3px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .cmt-text-area .cmt-date { font-size: 12px; color: #a8a8a8; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .cmt-box-dep2 { padding-left: 42px; background: url("../images/metaroom/icon_comment_re.svg") no-repeat 7px 12px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap.view { height: auto; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap { display: flex; align-items: flex-end; margin-top: 20px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-write-box { flex: 1 1 0; display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 6px 7px 6px 18px; border-radius: 27px; background-color: #4d4d4d; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-write-box .btn-del-name { width: 20px; height: 20px; margin-left: 9px; border-radius: 50%; background-color: #363636; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-write-box .btn-del-name img { vertical-align: baseline; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-write-box input { width: 100%; border-radius: 0; background-color: transparent; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-write-box .btn-cmt-leave { flex: 0 0 auto; width: 57px; height: 36px; border-radius: 20px; background: #363636 url(../images/metaroom/btn_send_inactive.svg) no-repeat center center; background-size: 50%; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-write-box .btn-cmt-leave.active { background-image: url(../images/metaroom/btn_send_active.svg);}*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-write-box p:not(.album-cmt-name) { flex: 1 1 0; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-private { margin: 0 12px 0 20px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-private input[type="checkbox"] { display: none; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-private label span { display: inline-block; width: 20px; height: 20px; margin-right: 8px; border-radius: 50%; vertical-align: text-bottom; background: #dbdbdb url(../../assets/images/metaroom/checkbox_check.svg) no-repeat center center; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-private input[type="checkbox"]:checked + label span { background-color: #be3455; }*/

/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery { display: flex; flex-wrap: wrap; height: initial; margin: 13px 0; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li { width: calc(33.33% - 12px); margin: 6px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li .album-cnt-head,*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li .album-cnt-body .swiper-pagination-bullets,*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li:not(.album-no-img) .album-cnt-body .album-text,*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li .album-cnt-foot { display: none; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body { position: relative; width: 100%; border-radius: 16px; background-color: #222; height: 0; padding-bottom: 100%; overflow: hidden; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { display: -webkit-box; max-height: 10rem; margin: 25px 22px; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li .album-cnt-body,*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li .album-cnt-body .album-slide .swiper { padding: 0; border: 0; border-radius: 10px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li .album-cnt-body .album-slide .swiper-pagination-number { width: 24px; height: 24px; padding: 0; text-indent: -999px; background: url('../images/metaroom/icon_album_gallery.svg') no-repeat center center; background-size: contain; }*/
/*.social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li. {}*/
/*.social-form.album-box .album-wrap .album-recent-wrap .album-content { max-height: calc(100% - 39px); padding-right: 10px; overflow-y: auto; }*/
/*.social-form.album-box .album-wrap .album-recent-wrap .album-tit { align-items: flex-end; }*/




/*@media all and (max-width: 1330px){*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { -webkit-line-clamp: 5; }*/
/*}*/

/*@media all and (max-width: 1250px){*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { margin: 20px; }*/
/*}*/
/*@media all and (max-width: 1200px){*/
/*    .social-form.album-box .album-wrap .album-left { padding: 29px 38px 36px 24px; }*/
/*    .social-form.album-box .album-wrap .album-left::before { top: 90px; right: -39px; width: 65px; height: 70px; }*/
/*    .social-form.album-box .album-wrap .album-left::after { bottom: 90px; right: -39px; width: 65px; height: 70px; }*/
/*    .social-form.album-box .album-wrap .album-right { padding: 29px 30px 0px 38px; }*/
/*}*/
/*@media all and (max-width: 1120px){*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { margin: 22px 20px; -webkit-line-clamp: 4; }*/
/*}*/

/*@media all and (max-width: 1000px){*/
/*    .right-content.right-menu-album { width: 100%; max-width: 100%; }*/
/*    .right-content.right-menu-album .menu-content { padding: 13px 16px 18px 46px; }*/

/*    .social-form.album-box h4 { padding-bottom: 14px; font-size: 16px; font-weight: 500; }*/
/*    .social-form.album-box .album-name-wrap { padding: 7px 0 15px 40px; font-size: 16px;   }*/
/*    .social-form.album-box .album-name-wrap .name-view button { width: 27px; height: 27px; padding: 7px;  }*/
/*    .social-form.album-box .album-name-wrap .name-modify .del-name { width: 17px; height: 17px; }*/
/*    .social-form.album-box .album-name-wrap .name-modify .save-name { padding: 7px 16px; margin-left: 10px; font-size: 11px; }*/
/*    .social-form.album-box .album-name-wrap + .btn-write-album { padding: 7px 17px; font-size: 12px; }*/
/*    .social-form.album-box .album-wrap .dim-album { width: 30px; height: 30px; line-height: 32px; }*/
/*    .social-form.album-box .album-wrap .dim-album.icon img { width: 17px; height: 17px; }*/
/*    .social-form.album-box .album-wrap .album-name { font-size: 12px; }*/
/*    .social-form.album-box .album-wrap .album-date { font-size: 10px; }*/
/*    .social-form.album-box .album-wrap .album-target { font-size: 10px; }*/
/*    .social-form.album-box .album-wrap .album-target.secret { background-size: 12px; }*/


/*    .social-form.album-box .album-wrap .album-left { padding: 18px 20px 15px 18px; border-radius: 8px; }*/
/*    .social-form.album-box .album-wrap .album-left .album-list { max-height: calc(100% - 40px); padding-right: 10px; }*/
/*    .social-form.album-box .album-wrap .album-left .album-list li { gap: 8px; padding: 9px 0 ; }*/
/*    .social-form.album-box .album-wrap .album-left .album-list li .album-name { font-size: 13px; }*/
/*    .social-form.album-box .album-wrap .album-left .album-list li .icon-new { width: 14px; background-size: 13.5px; }*/
/*    .social-form.album-box .album-wrap .album-left button { position:absolute; top: 2px; right: 30px; height: auto; line-height: initial; border: none !important; }*/
/*    .social-form.album-box .album-wrap .album-left button span { display: inline-block; text-indent: -9999px; }*/
/*    .social-form.album-box .album-wrap .album-left::before { top: 40px; right: -30px; width: 50px; height: 50px; }*/
/*    .social-form.album-box .album-wrap .album-left::after { bottom: 40px; right: -30px; width: 50px; height: 50px; }*/
/*    .social-form.album-box .album-wrap .album-right { padding: 15px 30px 0px 28px; border-radius: 8px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-top { padding-bottom: 6px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-top h4 { font-size: 13px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-top-right button { padding: 6px 9px; font-size: 12px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-top-right button img { width: 14px; vertical-align: middle; }*/
/*    .social-form.album-box .album-wrap .album-right .album-top-right button.grid-feed,*/
/*    .social-form.album-box .album-wrap .album-right .album-top-right button.grid-gallery { width: 30px; height: 30px; margin-left: 3px; background-size: 14px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content { max-height: calc(100% - 45px); }*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { -webkit-line-clamp: 6; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul li:not(.album-empty) { margin-bottom: 10px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul li.album-empty img { width: 60px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul li.album-empty p { margin: 14px 0 25px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul li.album-empty button { padding: 9px 40px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content button.btn-album-common { width: 30px; height: 30px; margin-left: 5px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content button.btn-album-common img { max-width: 16px; max-height: 18px; margin-top: 2px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .album-flex .album-user-info .user-name { font-size: 14px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-head { margin: 10px 0 8px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-body { font-size: 13px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper { padding-bottom: 24px; }*/
/*.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper img { width: 100%; }
.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .swiper-horizontal > .swiper-pagination-bullets,
.social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; /*display: none;*/ /* }
    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper-pagination-bullet { width: 6px; height: 6px; background: #666; opacity: 1; }
    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper-pagination-bullet-active { width: 18px; border-radius: 6px; background: #fff; }
    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper-pagination-number { top: 14px; bottom: auto; left: auto; right: 14px; width: auto; padding: 3px 8px; border-radius: 12px; background: rgba(0,0,0,0.65); font-size: 12px; user-select: none; }
    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper-button-prev:after,
    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .swiper-button-next:after { font-size: 40px; }
    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-body .album-slide .dim-box .img span img { border-radius: 16px; cursor: default; }
*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot { padding: 8px 0; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-buttons { gap: 8px; font-size: 12px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-buttons .btn-album-like { width: 18px; height: 18px; margin-right: 4px; background-size: 18px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-buttons .btn-album-like.on { background-size: 18px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-buttons p.album-icon-comment { padding-left: 22px; background-size: 16px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .album-flex .album-user-info .dim-album { flex: 0 0 26px; width: 26px; height: 26px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .cmt-text-area { font-size: 12px; padding: 7px 0 12px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .cmt-text-area .cmt-date { font-size: 10px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-cnt-foot .album-comment-wrap .cmt-box-dep2 { padding-left: 30px; background: url("../images/metaroom/icon_comment_re.svg") no-repeat 5px 10px; background-size: 13px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-write-box { gap: 7px; font-size: 13px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-write-box .btn-cmt-leave { flex: 0 0 auto; width: 34px; height: 28px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-private { margin: 0 8px 0 20px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content .album-comment-write-wrap .cmt-private label span { display: inline-block; width: 17px; height: 17px; margin-right: 3px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li .album-cnt-body .album-slide .swiper-pagination-number { top: 10px; right: 10px; width: 18px; height: 18px; }*/
/*    .right-content.right-menu-album .icon-close { top: 23px; left: 50px; }*/

/*}*/


/*@media all and (max-width: 935px){*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { -webkit-line-clamp: 5; }*/
/*}*/
/*@media all and (max-width: 845px){*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { margin: 23px; -webkit-line-clamp: 4; }*/
/*}*/
/*@media all and (max-width: 780px){*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { margin: 18px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul li.album-empty p { font-size: 12px; }*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul li.album-empty img { width: 45px; }*/
/*}*/
/*@media all and (max-width: 725px){*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { margin: 15px; }*/
/*}*/
/*@media all and (max-width: 700px){*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { margin: 18px 15px; -webkit-line-clamp: 3; }*/
/*}*/
/*@media all and (max-width: 640px){*/
/*    .social-form.album-box .album-wrap .album-right .album-content ul.ul-grid-gallery li.album-no-img .album-cnt-body .album-text p { margin: 13px; }*/
/*}*/







/*.mb_txt_wrap{display: none; position: relative;width: 100%; height: 153px;padding: 20px 8px 20px 20px;background: rgba(0,0,0,0.7);}*/
/*.mb_top{display: flex;justify-content: space-between;padding-right: 12px;}*/
/*.mb_top a {display: block;width: 48px;height: 48px;color: #000;background: #fff url(../images/metaroom/icon_prev.svg) no-repeat center center; background-size: 48.33%;border-radius: 50%;}*/
/*.mb_top a span{display: block; text-indent: -9999px;}*/
/*.mb_top button{display: block;width: 75px;height: 48px;background: #fff;border-radius: 72px;color: #000;font-size: 15px;}*/
/*.mb_txt{background: transparent;width: 100%;padding: 0 62px 0 50px;font-size: 15px;line-height: 1.3;margin-top: 23px;resize: none;}*/

/*@media all and (max-width: 600px){*/
/*    .mb_top button{*/
/*        width: 60px; height: 40px; font-size: 13px;}*/
/*    .mb_top a{width: 40px; height: 40px}*/
/*}*/



/*.remote-control{position: fixed; bottom: -100%; left: 0; width: 100%; max-height: 75vh; padding: 40px; border-radius: 0 0 80px 80px; background: rgba(0,0,0,0.9); color: #fff; transition: all 0.3s}*/
/*.remote-control.on { bottom: 0; }*/
/*.remote-header{display: flex; align-items: center; justify-content: space-between;}*/
/*.remote-header > a{display: flex; align-items: center; justify-content: center; width: 60%; max-width: 140px; height: 48px; line-height: 46px; border: 1px solid #fff; border-radius: 24px; text-align: center;}*/
/*.remote-header > a::before{content: ''; background: url(../images/metaroom/icon_list.svg) no-repeat center center;width: 16px; height: 13px; display: inline-block; margin-right: 10px;}*/
/*.remote-header > button{width: 30%; max-width: 74px; height: 48px; border: 1px solid #fff; border-radius: 24px;}*/
/*.remote-body{display: flex; justify-content: space-between; align-items: center; margin: 50px 0;}*/
/*.remote-body button{text-indent: -9999px; display: block}*/
/*.remote-body button#btn_video_prev{width: 32px; height: 42px; background: url(../images/metaroom/icon_prev_rt.svg) no-repeat center center; display: inline-block;}*/
/*.remote-body button#btn_video_play{width: 106px; height: 106px;   border: solid 5px rgba(255, 255, 255, 0.2);background: #000 url(../images/metaroom/icon_play_rt.svg) no-repeat 60% 50%; border-radius: 50%;}*/
/*.remote-body button#btn_video_pause{width: 106px; height: 106px;   border: solid 5px rgba(255, 255, 255, 0.2);background: #000 url(../images/metaroom/icon_stop_rt.svg) no-repeat center center; border-radius: 50%;}*/
/*.remote-body button#btn_video_next{width: 32px; height: 42px; background: url(../images/metaroom/icon_play_rt.svg) no-repeat center center; display: inline-block;}*/
/*.remote-footer{display: flex; justify-content: space-between; align-items: center;}*/
/*.remote-footer button{width: 60px; height: 60px; border-radius: 50%; display: inline-block; text-indent: -9999px;}*/
/*.remote-footer button#btn_tv{ background: #c12020 url(../images/metaroom/icon_onoff_rt.svg) no-repeat center center; }*/
/*.remote-footer button.btn_full{ border: solid 2px #fff; background: url(../images/metaroom/icon_full_view.svg) no-repeat center center; }*/
/*.remote-footer button.btn_add{border: solid 2px #fff; background: url(../images/metaroom/icon_add_rt.svg) no-repeat center center;}*/

/*@media all and (max-width: 1000px){*/
/*    .remote-control{right: 4%; max-width: 175px; max-height: 230px; padding: 22px; border-radius: 0 0 calc(80px / 3) calc(80px / 3);}*/
/*    .remote-header > a{max-width: 78px; max-height: 34px; line-height: 32px; font-size: 11px; border-radius: 8px;}*/
/*    .remote-header > button{ max-height: 34px; line-height: 32px; font-size: 11px; border-radius: 8px;}*/
/*    .remote-body{margin: 25px 0;}*/
/*    .remote-body button#btn_video_prev{  width: calc(52px / 3);height: calc(70px / 3); background-size: 100%;}*/
/*    .remote-body button#btn_video_play,*/
/*    .remote-body button#btn_video_pause {width: calc(180px / 3);height: calc(180px / 3);background-size: 30%; border: solid 3px rgba(255, 255, 255, 0.2);}*/
/*    .remote-body button#btn_video_next{  width: calc(52px / 3);height: calc(70px / 3); background-size: 100%;}*/
/*    .remote-footer button{width: calc(101px / 3); height: calc(101px / 3); }*/
/*    .remote-footer button:first-child,*/
/*    .remote-footer button#btn_tv,*/
/*    .remote-footer button.btn_full,*/
/*    .remote-footer button.btn_add {background-size: 50%; border-width: 1px}*/

/*}*/








/* 데이터 없을 때 */
.none_data{position: relative; padding-top:100px; text-align:center; height: 100%; color: #fff; padding-right: 14px;}


/* 로딩창 */
.loader-wrap{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7)}
.loader-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width : 60px;height: 60px;border: 5px solid #FFF;border-bottom-color: #be3455;border-radius: 50%;display: inline-block;animation: rotation 1s linear infinite;}
@keyframes rotation { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }


/* capture */
#div_capture { display: none; position: fixed; top: calc(50% - 30px); left: 50%; width: 80vh; height: 80%; transform: translate(-50%,-50%); aspect-ratio: 1 / 1; }
#div_capture canvas { width: 100%; height: 100%; background: transparent; box-shadow: 0 0 0 2000px rgba(0,0,0,0.6); }
#div_capture .capture-line .corner { position: absolute; display: none; border: 4px solid #fff; }
#div_capture .capture-line .corner1 { top: -3px; left: -3px; border-bottom: none; border-right: none; }
#div_capture .capture-line .corner2 { top: -3px; right: -3px; border-bottom: none; border-left: none; }
#div_capture .capture-line .corner3 { bottom: -3px; right: -3px; border-top: none; border-left: none; }
#div_capture .capture-line .corner4 { bottom: -3px; left: -3px; border-top: none; border-right: none; }
#div_capture ul { display: none; margin-top: 12px; z-index: 1000; }
#div_capture ul li { position: relative; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center;  border-radius: 50%; background-color: var(--white); text-align: center; transition: all 0.3s; overflow: hidden; cursor: pointer; pointer-events: auto; }
#div_capture ul li img { max-width: 24px; }
#div_capture #user_shutter { background-color: var(--primary); }

#div_capture.capture-mode1,
#div_capture.capture-mode2 { display: block; }
#div_capture.capture-mode1 .capture-line .corner { display: block; width: 16.5%; height: 16.5%; }
#div_capture.capture-mode1 .capture-menu1 { display: flex; gap: 8px; }
#div_capture.capture-mode2 .capture-line .corner { display: block; width: 100%; height: 100%; }
#div_capture.capture-mode2 .capture-menu2 { display: flex; gap: 8px; }

@media all and (max-width: 1240px){
    #div_capture { width: 60vh; height: 60%; }
}

@media all and (max-width: 1000px){
    #div_capture { top: calc(50% - 25px); width: 52vh; height: 52%; }
    #div_capture .corner { border-width: 2px; }
    #div_capture .corner1 { top: -2px; left: -2px; }
    #div_capture .corner2 { top: -2px; right: -2px; }
    #div_capture .corner3 { bottom: -2px; right: -2px; }
    #div_capture .corner4 { bottom: -2px; left: -2px; }
    #div_capture ul li { width: 36px; height: 36px; }
    #div_capture ul li img { max-width: 20px; }
}
@media all and (max-width: 768px){
    #div_capture { width: 45vh; height: 45%; }
}
@media all and (max-width: 640px){
    #div_capture { gap: 8px; width: 36vh; height: 36%; }
}
@media all and (max-width: 360px){
    #div_capture { width: 33vh; height: 33%; }
}

@media (orientation: landscape ) {
    #div_capture { top: 50%; left: calc(50% - 30px);  }
    #div_capture ul li { margin-top: 8px; }
    #div_capture.capture-mode1,
    #div_capture.capture-mode2 { display: flex; align-items: flex-end; gap: 12px; }
    #div_capture.capture-mode1 .capture-menu1 { display: block; }
    #div_capture.capture-mode2 .capture-menu2 { display: block; }

    @media all and (max-width: 1000px){
        #div_capture { gap: 8px !important; left: calc(50% - 25px); width: 70vh; height: 70%; }
    }
}


.remote-control{position: fixed; top: -200%; right: 8%; width: 90%; max-width: 310px; padding: 40px; border-radius: 0 0 80px 80px; background: rgba(0,0,0,0.9); color: #fff; transition: all 0.3s}
.remote-control.on{top: 0}
.remote-header{display: flex; align-items: center; justify-content: space-between;}
.remote-header > a{display: flex; align-items: center; justify-content: center; width: 60%; max-width: 140px; height: 48px; line-height: 46px; border: 1px solid #fff; border-radius: 24px; color: #fff; text-align: center;}
.remote-header > a::before{content: ''; background: url(../images/metaroom/icon_list.svg) no-repeat center center;width: 16px; height: 13px; display: inline-block; margin-right: 10px;}
.remote-header > button{width: 30%; max-width: 74px; height: 48px; border: 1px solid #fff; border-radius: 24px;}
.remote-body{display: flex; justify-content: space-between; align-items: center; margin: 50px 0;}
.remote-body button{text-indent: -9999px; display: block}
.remote-body button#btn_video_prev{width: 32px; height: 42px; background: url(../images/metaroom/icon_prev_rt.svg) no-repeat center center; display: inline-block;}
.remote-body button#btn_video_play{width: 106px; height: 106px;   border: solid 5px rgba(255, 255, 255, 0.2);background: #000 url(../images/metaroom/icon_play_rt.svg) no-repeat 60% 50%; border-radius: 50%;}
.remote-body button#btn_video_pause{width: 106px; height: 106px;   border: solid 5px rgba(255, 255, 255, 0.2);background: #000 url(../images/metaroom/icon_stop_rt.svg) no-repeat center center; border-radius: 50%;}
.remote-body button#btn_video_next{width: 32px; height: 42px; background: url(../images/metaroom/icon_play_rt.svg) no-repeat center center; display: inline-block;}
.remote-footer{display: flex; justify-content: space-between; align-items: center;}
.remote-footer button{width: 60px; height: 60px; border-radius: 50%; display: inline-block; text-indent: -9999px;}
.remote-footer button#btn_tv{ background: #c12020 url(../images/metaroom/icon_onoff_rt.svg) no-repeat center center; }
.remote-footer button.btn_full{ border: solid 2px #fff; background: url(../images/metaroom/icon_full_view.svg) no-repeat center center; }
.remote-footer button.btn_add{border: solid 2px #fff; background: url(../images/metaroom/icon_add_rt.svg) no-repeat center center;}

@media all and (max-width: 1000px){
    .remote-control{right: 4%; max-width: 175px; max-height: 230px; padding: 22px; border-radius: 0 0 calc(80px / 3) calc(80px / 3);}
    .remote-header > a{max-width: 78px; max-height: 34px; line-height: 32px; font-size: 11px; border-radius: 8px;}
    .remote-header > button{ max-height: 34px; line-height: 32px; font-size: 11px; border-radius: 8px;}
    .remote-body{margin: 25px 0;}
    .remote-body button#btn_video_prev{  width: calc(52px / 3);height: calc(70px / 3); background-size: 100%;}
    .remote-body button#btn_video_play,
    .remote-body button#btn_video_pause {width: calc(180px / 3);height: calc(180px / 3);background-size: 30%; border: solid 3px rgba(255, 255, 255, 0.2);}
    .remote-body button#btn_video_next{  width: calc(52px / 3);height: calc(70px / 3); background-size: 100%;}
    .remote-footer button{width: calc(101px / 3); height: calc(101px / 3); }
    .remote-footer button:first-child,
    .remote-footer button#btn_tv,
    .remote-footer button.btn_full,
    .remote-footer button.btn_add {background-size: 50%; border-width: 1px}

}


.tv-wrap { display: none; position: fixed; top:0; right: 0; width:100%; height: 100%; z-index: 10; background-color: #000; }
.tv-wrap video { width:100%; height: 100%; }
.tv-wrap i.btn-close { position: absolute; top: 25px; right: 35px; width: 22px; height: 22px; }
.tv-wrap i.btn-close img { width: 100%; }


.music-controller { position: fixed; top: -200%; right: 50px; width: 90%; max-width: 380px; padding: 22px; border-radius: 30px; background: rgba(0, 0, 0, 0.8); color: #fff; transition: all 0.3s; }
.music-controller .music { display: none; }
.music-controller .music .play-now { display: flex; justify-content: space-between; gap: 7px; margin-bottom: 20px; max-height: 140px; overflow: auto; }
.music-controller .music .play-now .music-info { flex: 1 1 0; display: flex; gap: 12px; align-items: center; overflow: hidden; }
.music-controller .music .play-now .music-info .music-cover { width: 48px; height: 48px; line-height: 48px; border-radius: 10px; overflow: hidden; }
.music-controller .music .play-now .music-info .music-cover span { width: 100%; height: 100%; display: inline-block; border: none; border-radius: 5px; text-align: center; overflow: hidden; }
.music-controller .music .play-now .music-info .music-cover .img { position: relative; width: 100%; height: 100%; overflow: hidden; }
.music-controller .music .play-now .music-info .music-cover .img span { width: 100%;height: 100%; display: inline-block;border: none; text-align: center; overflow: hidden; }
.music-controller .music .play-now .music-info .music-cover .img span img {margin: 0 auto;display: inline-block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.music-controller .music .play-now .music-info .music-cover .img.none-cover { background-color: #fff; }
.music-controller .music .play-now .music-info .music-cover .img.none-cover img { max-width: 13px; max-height: 20px;  text-align: center; vertical-align: middle; }
.music-controller .music .play-now .music-info .music-txt { max-width: calc(100% - 85px); }
.music-controller .music .play-now .music-info .music-txt .m-tit { font-size: 16px; font-weight: 500; }
.music-controller .music .play-now .music-info .music-txt .m-unique-id { font-size: 13px; color: #999; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


.music-controller .music .play-list button { padding: 8px 6px 2px; border-radius: 5px; border: 1px solid #fff; }
.music-controller .music .play-ctr .progress-bar { width: 100%; }
.music-controller .music .play-ctr .progress-bar .progress { position:relative; width: 100%; height: 2px; cursor: pointer; }
.music-controller .music .play-ctr .progress-bar .progress span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.music-controller .music .play-ctr .progress-bar .progress .progress-bg { background-color: #fff; }
.music-controller .music .play-ctr .progress-bar .progress .progress-current { width: 0.1%; background-color: #be3455; }
.music-controller .music .play-ctr .progress-bar .time { width: 100%; display: flex; justify-content: space-between; align-items: center; color: #999; font-size: 10px; margin-top: 4px; }
.music-controller .music .play-ctr .ctr-wrap {  display: flex; align-items: center; gap: 35px; margin: 12px auto 5px; }
.music-controller .music .play-ctr .ctr-wrap ul { flex: 1 1 0; display: flex; justify-content: space-between; align-items: center; gap: 10px; max-width: 200px; }
.music-controller .music .play-ctr .ctr-wrap ul li.play,
.music-controller .music .play-ctr .ctr-wrap ul li.stop { width: 50px; height: 50px; line-height: 45px; text-align: center; border: 1px solid #fff; border-radius: 50%; }
.music-controller .music .play-ctr .ctr-wrap ul li.play { padding-left: 3px; }
.music-controller .music .play-ctr .ctr-wrap ul li.play img,
.music-controller .music .play-ctr .ctr-wrap ul li.stop img { vertical-align: middle; }
.music-controller .music .play-ctr .ctr-wrap ul li.before.disable,
.music-controller .music .play-ctr .ctr-wrap ul li.after.disable { opacity: 0.2; pointer-events: none; user-select: none; }
.music-controller .btn-close { position: absolute; top: 22px; right: 22px; width: 17px; height: 17px; background: url(../images/metaroom/icon_popup_close.svg) no-repeat center; text-indent: -9999px; cursor: pointer; }

.music-controller .music-empty { display: none; padding: 6px; text-align: center; }
.music-controller .music-empty div { margin: 10px 0 24px; }
.music-controller .music-empty div img { width: 24px; opacity: 0.2; }
.music-controller .music-empty div p { margin-top: 6px; }
.music-controller .music-empty .btn-box button { width: 100%; height: 48px; border: 1px solid #fff; border-radius: 12px; }
.music-controller.on { top: 50px; z-index: 9; }
.music-controller.on .music.on { display: block; }
.music-controller.on .music-empty.on { display: block; }

@media all and (max-width: 1000px){
    .music-controller { max-width: 300px; }
    .music-controller .music .play-now .music-info .music-cover { width: 48px; height: 48px; line-height: 48px; }
    .music-controller .music .play-now .music-info .music-txt .m-tit { font-size: 15px; line-height: 1.3; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    .music-controller .music .play-ctr .ctr-wrap ul li.play, .music-controller .music .play-ctr .ctr-wrap ul li.stop { width: 42px; height: 42px; line-height: 37px; }
    .music-controller .music .play-ctr .ctr-wrap ul li img { width: 18px; }
    .music-controller .music .play-ctr .ctr-wrap ul li.play,
    .music-controller .music .play-ctr .ctr-wrap ul li.stop { width: 40px; height: 40px; line-height: 35px; }
    .music-controller .music .play-ctr .ctr-wrap ul li.play img,
    .music-controller .music .play-ctr .ctr-wrap ul li.stop img { width: 11px; }

    .music-controller .music-empty div { font-size: 14px; }

}

@media all and (max-width: 400px){
    .music-controller { right: 4%; max-width: 70%; }

}


/* 영상 */
.modal-video .modal { display: flex; flex-direction: column; width: 90%; max-width: 490px; height: 90%; max-height: 618px; }
.modal-video .modal-head h5 { font-size: 17px; font-weight: 500; padding-bottom: 16px; }
.modal-video .modal-body { flex: 1 1 0; overflow-y: auto; }
.modal-video .modal-body input[type="checkbox"] { display: none; }
.modal-video .modal-body input[type="checkbox"] + label { display: block; width: 24px; height: 24px; background-color: #fff; border-radius: 5px; }
.modal-video .modal-body input[type="checkbox"]:checked + label {
    background: #be3455 url(../../assets/images/metaroom/checkbox_check.svg) no-repeat center; }
.modal-video .modal-body .video-list-ul { height: 100%; max-height: calc(100% - 40px); }
.modal-video .modal-body .video-list-ul > li { display: flex; gap: 8px; margin: 16px 0; }
.modal-video .modal-body .video-list-ul li:only-child .video-reOrder button,
.modal-video .modal-body .video-list-ul li:first-child .video-reOrder button.send-up,
.modal-video .modal-body .video-list-ul li:last-child .video-reOrder button.send-down { opacity: 0.7; pointer-events: none; }
.modal-video .modal-body .chk-all { display: flex; gap: 8px; color: #fff; }
.modal-video .modal-body .video-chkBox { display: flex; flex-direction: column; justify-content: center; }
.modal-video .modal-body .video-reOrder { display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.modal-video .modal-body .video-reOrder button { width: 20px; height: 20px; border-radius: 4px; background-color: #5f5f5f; }
.modal-video .modal-body .video-reOrder button img { width: 10px; height: 10px; vertical-align: baseline; }
.modal-video .modal-body .video-reOrder button.send-up img { transform: rotate(-180deg); }
.modal-video .modal-body .video-wrap { flex: 1 1 0; display: flex; align-items: flex-start; gap: 12px; }
.modal-video .modal-body .video-wrap .dim-box { flex: 0 0 auto; width: 86px; height: 86px; border-radius: 10px; overflow: hidden; }
.modal-video .modal-body .video-txt-wrap { text-align: left; }
.modal-video .modal-body .video-txt-wrap .video-etc { margin-top: 5px; font-size: 11px; color: #999; }
.modal-video .modal-body .video-txt-wrap .video-etc .uploading { padding-left: 22px; font-size: 12px; background: url('../images/metaroom/icon_upload_ing.svg') no-repeat 0 80%; }
.modal-video .modal-foot .btn-del { max-width: 100%; border: 1px solid #fff; background: transparent; }
.modal-video .modal-foot .btn-pink-color { max-width: 100%; background-color: #be3455; color: #fff; }


@media all and (max-width: 1000px){
    .modal-video .modal-body .video-wrap .dim-box { width: 60px; height: 60px; }
    .modal-video .modal-body .video-txt-wrap { line-height: 1.4; }

}

.screenBlock { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.75); z-index: 999; }
.screenBlock p { text-align: center; }
.screenBlock p img { width: 42%; max-width: 245px; }
.screenBlock.on { display: flex; }