body>.wrap{height:100vh}.section-container{height:100%}.snb-detail{width:152px;min-width:152px;background:#fff;padding:16px;height:100%;overflow-y:auto;overflow-x:visible}.snb-detail .question__menu{height:100%;display:flex;flex-direction:column}.snb-detail .tab-content{flex:1}.center-side{border:1px solid #dbdbdb;background:#f6f6f6;flex:1;display:flex;justify-content:center;height:100%;overflow:auto;padding:16px;overflow-x:hidden;position:relative}.theme-detail .tab-pane{width:100%;height:100%}.theme-detail .tab-content{width:100%}.theme-detail .tab-content .tab-pane{position:relative}.theme-detail .tab-content .tab-pane .box-btn-float{position:absolute;top:16px;right:16px;display:flex;gap:8px;align-items:center;justify-content:flex-end;width:204px}.theme-detail .tab-content .tab-pane .btn-modify{display:flex;flex:1;height:48px;justify-content:center;align-items:center;border-radius:8px;border:1px solid #16a3f7;color:#16a3f7;background:#fff;font-size:14px;z-index:10}.theme-detail .tab-content .tab-pane .btn-modify:hover{color:#16a3f7}.theme-detail .tab-content .tab-pane .btn-delete{border-radius:8px;border:1px solid #707070;background:#fff;display:flex;flex:1;height:48px;justify-content:center;align-items:center;font-size:14px;color:#6c6c6c}.theme-detail .container-content{width:100%;background:#fff;height:100%}.theme-detail .wrap-question{display:flex;padding:16px;border-radius:16px;background:#fff;border:1px solid #dbdbdb;gap:16px;height:100%;justify-content:center;width:fit-content;margin:0 auto}.theme__info{background:#fff;border:1px solid #ccc;width:200px;border-radius:16px;padding:0;z-index:2}.theme__question{width:471px}.info__header{width:100%;background:#fff;display:flex;align-items:center;justify-content:space-between;height:36px}.info__title{font-size:14px;font-weight:500;letter-spacing:-0.42px;line-height:17px;color:#2b2b2b;word-break:break-all}.info__title:nth-child(2){margin-left:16px}.info__title:nth-child(2):hover{color:#0a58ca}.info__content{font-size:12px;font-weight:500;color:#707070;line-height:1.2;margin:4px 0 12px}.info__body{padding:16px}.info__body .box-title{display:flex;align-items:center;justify-content:space-between}.info__body .box-title .btn-star{margin-top:-1px}.info__thumbnail{width:100%;height:100px;border-radius:8px;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:8px}.info__footer{width:100%;border:none;display:flex;justify-content:space-between}.info__footer .modal-btn{width:50%;padding:12px 0;min-width:auto}.info__list{display:flex;margin-bottom:8px}.info__list:last-child{margin-bottom:0}.wrap-list{background:#fff;border:1px solid #dbdbdb;padding:16px;border-radius:8px;word-break:keep-all}.list-category{font-size:12px;font-weight:500;letter-spacing:-0.8px;color:#707070;width:32px;margin-right:8px}.list-content{font-size:12px;font-weight:500;letter-spacing:-0.36px;color:#2b2b2b}.scroll{height:100%;overflow-y:auto;overflow-x:visible}.scroll .wrap-menu .list-menu{overflow:visible}.wrap-menu{margin-bottom:16px;border-radius:8px}.wrap-menu.tab-normal{height:100%}.wrap-menu:nth-last-child(1){margin-bottom:0}.wrap-menu .list-menu{width:100%;height:34px;border:1px solid #dbdbdb;background:#fff;overflow:hidden;margin-top:-1px;position:relative}.wrap-menu .list-menu:nth-child(1){border-radius:8px 8px 0 0;margin-top:0}.wrap-menu .list-menu:nth-last-child(1){border-radius:0 0 8px 8px}.wrap-menu .list-menu.active .left-balloon{opacity:1;visibility:visible;z-index:80}.wrap-menu .list-menu.bora-8{border-radius:8px}.wrap-menu .list-menu:nth-child(1):nth-last-child(1){border-radius:8px;margin-top:0}.wrap-menu .list-menu .left-balloon{width:120px;height:48px;position:fixed;background:url(../images/editor/left-balloon.png) no-repeat;opacity:0;visibility:hidden;padding:5px 0 0 14px;display:flex;align-items:flex-start}.wrap-menu .list-menu .link-menu.active{background:#dcf1fe;border-color:#dcf1fe}.wrap-menu .page.active{background:#dcf1fe}.wrap-menu .link-menu{align-items:center;justify-content:center;width:100%;height:100%;color:#2b2b2b;font-size:12px;font-weight:500;padding:0}.wrap-menu .create-sample-question{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.theme-detail .question__container{padding:16px}.theme-detail .wrap-scene,.wrap-remember .wrap-scene{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.theme-detail .wrap-scene .theme__question,.wrap-remember .wrap-scene .theme__question{height:100%}.theme-detail .wrap-scene .tootip-container,.wrap-remember .wrap-scene .tootip-container{position:relative}.theme-detail .wrap-scene .tootip-container .tooltip-preview,.wrap-remember .wrap-scene .tootip-container .tooltip-preview{position:absolute;top:16px;left:100%;width:40px;height:40px}.theme-detail .wrap-scene .tootip-container .tooltip-preview:hover .text-box,.wrap-remember .wrap-scene .tootip-container .tooltip-preview:hover .text-box{opacity:1;visibility:visible}.theme-detail .wrap-scene .tootip-container .tooltip-content,.wrap-remember .wrap-scene .tootip-container .tooltip-content{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center;border-radius:0 8px 8px 0;border-top:1px solid #ededed;border-right:1px solid #ededed;border-bottom:1px solid #ededed;background:#16a3f7}.theme-detail .wrap-scene .tootip-container .text-box,.wrap-remember .wrap-scene .tootip-container .text-box{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:314px;height:77px;padding:24px 28px;color:#2b2b2b;font-size:13px;font-weight:500;line-height:1.2;letter-spacing:-0.52px;background:url(/resources/images/editor/tooltip-preview.svg) no-repeat center center;opacity:0;visibility:hidden;transition:.2s}.theme-detail .wrap-scene .scene__container,.wrap-remember .wrap-scene .scene__container{border-radius:16px;border:1px solid #dbdbdb;background:#fff;aspect-ratio:400/750;width:400px;overflow:hidden}.theme-detail .wrap-scene .scene__container #scene-box,.wrap-remember .wrap-scene .scene__container #scene-box{width:100%;height:100%}.theme-detail .wrap-scene .scene__container #scene-box iframe,.wrap-remember .wrap-scene .scene__container #scene-box iframe{width:100%;height:100%}.wrap-remember .tab-pane{height:100%}.block-video iframe{height:auto;aspect-ratio:1920/1080}.block-video .shorts-player{aspect-ratio:9/16;height:auto !important}.question__container{width:100%;height:100%;border-radius:16px;background:#fff;border:1px solid #dbdbdb}.question__container .tab-content{width:100%;height:100%}.question__container .tab-content .tab-pane{max-height:100%}.question__container .tab-content .scene-text{font-size:10px;letter-spacing:-0.3px;line-height:1.2;margin-bottom:10px;color:#6c6c6c;text-align:center}.question__container .tab-content iframe{width:100%;border-radius:8px;border:1px solid #dbdbdb}.question__container div[class^=block-]{margin-bottom:8px}.question__container div[class^=block-]:nth-last-child(1){margin-bottom:16px}.question__container .type-choice,.question__container .type-multi{padding:16px 0;border:none}.question__container .question-title{font-size:17px;letter-spacing:-0.5px;font-weight:500;color:#2b2b2b;margin-bottom:8px;padding:0;line-height:1.3}.question__container .box-title{margin:0 0 8px;padding:8px 0;font-size:13px;font-weight:500;color:#6c6c6c}.question__container .question-explain-box{padding:16px;border:1px solid #dbdbdb;border-radius:8px}.question__container .question-explain-box div[class^=block-]:nth-last-child(1){margin-bottom:0}.question__container .question-explain-box .question-text{padding:0;min-height:auto;color:#707070}.question__container .question-explain-box:empty::before{content:"해설이 없습니다.";color:#707070;font-size:12px;border-radius:8px;background-color:#f9f9f9;width:calc(100% + 32px);height:48px;margin:-16px;display:flex;align-items:center;padding-left:12px}.question__container .question-content{font-size:14px;letter-spacing:-0.36px;color:#2b2b2b;font-weight:500;word-break:break-all}.question__container .scrollbar-macosx>.scroll-element.scroll-y{right:-38px}.question__container .type-input{position:relative;border:none;padding:16px 0;display:flex;gap:8px 5px}.question__container .type-lock{border:none;padding:0}.question__container .type-direction{border:none;padding:0}.question__container .type-direction .result-direction{width:100%}.question__container .type-direction .result-direction li:nth-child(6n){margin-right:4px}.box-tag{width:100%;padding:16px;border-radius:8px;background:#fff;border:1px solid #dbdbdb;display:flex;flex-wrap:wrap;margin:8px 0}.box-tag .tag{font-size:13px;font-weight:500;letter-spacing:-0.36px;line-height:15px;margin-right:3px;word-break:break-all}.info-right{width:206px;background:none;border:none;backdrop-filter:none;padding:8px 0}.info-right .list-category{width:45px;margin-right:14px}.info-right .btn{width:100%;height:40px;color:#2b2b2b;font-size:14px}.info-right .btn.btn-modify{border:1px solid #16a3f7;color:#16a3f7}.info-right .btn.btn-delete{border:1px solid #6c6c6c;color:#6c6c6c}.save-set-modal .modal-body{padding:24px;text-align:left;margin-bottom:0}.save-set-modal .set-thumbnail{width:100%;height:150px;border-radius:16px;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:8px}.save-set-modal .btn{width:132px}.save-set-modal .recommend{font-size:10px;color:#707070;letter-spacing:-0.3px;margin:4px 0 14px;text-align:left}.save-set-modal .title-input{font-size:12px;font-weight:500;letter-spacing:-0.36px;margin-bottom:4px}.save-set-modal .box-input{margin-bottom:8px}.save-set-modal .box-input:nth-last-child(1){margin-bottom:0}.save-set-modal .input-text{height:32px;font-size:12px;padding:8px}.save-set-modal .input-text::placeholder{font-size:12px}.save-set-modal .input-textarea{height:64px;font-size:12px;padding:8px}.save-set-modal .input-textarea::placeholder{font-size:12px}.info__body .btn{width:100%;height:32px}.info__body .recommend{font-size:10px;color:#707070;letter-spacing:-0.3px;margin:4px 0 14px;text-align:left}.info__body .title-input{font-size:12px;font-weight:500;letter-spacing:-0.36px;margin-bottom:4px}.info__body .box-input{margin-bottom:8px}.info__body .box-input:nth-last-child(1){margin-bottom:0}.info__body .input-text{height:32px;font-size:12px;padding:8px;border-color:#dbdbdb}.info__body .input-text::placeholder{font-size:12px}.info__body .input-textarea{height:64px;font-size:12px;padding:8px}.info__body .input-textarea::placeholder{font-size:12px}.box-link{display:flex}.box-link .nav-link{padding:0;color:#707070}.box-link .nav-link.active{color:#2b2b2b}.holder{color:#707070}.rnb{width:240px;min-width:240px;height:100%;background:#fff;padding:16px;display:flex;flex-direction:column}.rnb .info__content{color:#6c6c6c;word-break:break-all}.rnb .wrap-list{border:none;padding:0;margin:4px 0 8px}.rnb .theme__info{width:100%;border:none;padding:0}.rnb .theme__info .info__body{padding:0}.rnb .box-button{margin-top:40px}.rnb .box-button button,.rnb .box-button a{margin-top:8px}.rnb .box-button .btn-gray{color:#6c6c6c;border:1px solid #707070;width:100%;height:48px;font-size:14px;font-weight:500}.btn-enter-room{height:48px;border-radius:8px;border:1px solid hsla(0,0%,100%,.6);background:#16a3f7;box-shadow:0px 2px 4px 0px rgba(108,108,108,.08);color:#fff;padding:0;font-size:14px;font-weight:400;letter-spacing:-0.42px;line-height:17px;display:flex;align-items:center;justify-content:center;margin-top:8px}.btn-enter-room .ico{margin-right:6px}.question__container_empty{min-width:428px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ccc}.question__container_empty img{margin:0 auto;display:block}.question__container_empty .empty-message{color:#2b2b2b;text-align:center;font-size:14px;font-weight:500;line-height:18px;margin:12px 0 24px}.question__container_empty .btn-blue-border{width:160px;height:40px;border-radius:8px;border:1px solid #dbdbdb;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#16a3f7}@media(min-height: 1081px){#footer{position:absolute;left:0;bottom:0;right:0}}.gray{font-size:12px;font-weight:400;color:#707070;margin-top:8px;margin-bottom:8px;letter-spacing:-0.03em;text-align:center}@media(max-height: 840px){.theme-detail .wrap-scene:not(.wrap-boss){height:auto;padding:40px 0}}/*# sourceMappingURL=theme-detail.css.map */