html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:'Roboto', sans-serif;letter-spacing:0.06rem;font-size:14px;font-weight:normal;color:#333;margin:0;word-wrap:break-word;overflow-wrap:break-word;background:#F8F8F8}.inner{padding:0 15px}button,input,select,textarea{font-family:inherit;font-size:100%;border:none}button{border:none;background:none}a{text-decoration:none;color:#3e3e3e}a:hover{text-decoration:underline}selector{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::placeholder{color:#c3c3c3}img{max-width:100%;height:auto;border:0;vertical-align:bottom;line-height:0px}.flex-row{display:flex;flex-wrap:wrap;align-items:center}.flex-alige-baseline{align-items:baseline}.flex-alige-end{align-items:flex-end}.flex-wrap-nowrap{flex-wrap:nowrap}.flex-just-end{justify-content:flex-end}.flex-just-center{justify-content:center}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-item{display:flex;align-items:center;margin:15px 10px}.checkbox-area{margin:15px 10px}.select-item__title,.text-item__title,.checkbox-area__title{padding-right:10px;font-weight:600}.checkbox-area__title_inner{padding:15px 10px 5px}.select__input{position:relative;display:inline-block;background:#fff;height:40px;border-radius:5px;width:100%;min-width:160px;border:1px solid #BCBCBC;padding-left:10px;box-sizing:border-box}.select__input--custom120{min-width:120px !important}.select__input select{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;background:none;outline:0;cursor:pointer;z-index:2;padding:0 30px 0 0;height:100%}.select__input::after{position:absolute;z-index:1;top:32%;right:10px;display:block;content:"▼";width:12px;height:12px;font-size:10px;line-height:initial;display:inline-block;vertical-align:top}.search-item{box-sizing:border-box;position:relative;border:1px solid #BCBCBC;padding:3px 10px;border-radius:20px;width:100%;overflow:hidden}.search-item input[type="text"]{border:none;height:32px;margin-left:30px;width:100%}.search-item input[type="text"]:focus{outline:0}.search-item button{cursor:pointer;font-size:1.3em;border:none;background:none;color:#000;position:absolute;width:2em;height:3.5em;left:0;top:-10px;outline:none}.checkbox__item,.radio__item{display:inline-block;margin:11px 10px}.checkbox__item label input,.radio__item label input{display:none}.checkbox__item label input:checked+.checkbox__item_text:after,.radio__item label input:checked+.radio__item_text:after{display:block}.checkbox__item label,.radio__item label{display:inline-block}.checkbox__item label .checkbox__item_text,.radio__item label .radio__item_text{padding-left:26px;position:relative;cursor:pointer}.checkbox__item label .checkbox__item_text:before,.radio__item label .radio__item_text:before{content:"";position:absolute;transition:0s;left:0;top:0;bottom:0;margin:auto;width:16px;height:16px;border:2px solid #BCBCBC;background-color:#fff;border-radius:3px}.checkbox__item label .checkbox__item_text:after{content:"";position:absolute;transition:0.1s;display:none;width:16px;height:8px;left:0;top:50%;margin-top:-8px;transform:scale(0.5) rotate(-45deg);border-bottom:5px solid #000;border-left:5px solid #000}.radio__item label .radio__item_text:after{content:"";position:absolute;transition:0.1s;display:none;background:#000;width:16px;height:16px;left:2px;top:50%;margin-top:-8px;transform:scale(0.5)}.radio__item label .radio__item_text:before,.radio__item label .radio__item_text:after{border-radius:100px}.checkbox__item label input:checked+.checkbox__item_text:after,.radio__item label input:checked+.radio__item_text:after{opacity:1}.radio__item label .radio__item_text:after,.checkbox__item label .checkbox__item_text:after{opacity:0;display:block}.radio__item label .radio__item_text:after{transform:scale(0.2)}.radio__item label input:checked+.radio__item_text:after{transform:scale(0.5)}.radio__item label{display:flex}.checkbox__item label .checkbox__item_text:after{transform:rotate(-45deg) scale(0.2)}.checkbox__item label input:checked+.checkbox__item_text:after{transform:scale(0.5) rotate(-45deg)}.input-item{position:relative;width:310px;padding-right:20px}.input-item__text{outline:none;width:100%;font-size:14px;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s}.input-item label{-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s;position:absolute;color:#dcdcdc}.input-item .input-item__text{padding:5px 0;border:none;border-bottom:1px solid #ccc}.input-item .input-item__text ~ label{top:2px;left:0}.input-item .input-item__text:focus ~ label,.input-item .input-item__text.isVal ~ label{top:-12px;font-size:11px;color:#000}.input-item .input-item__border{position:absolute;left:0;bottom:0;display:block;height:1px;width:0;background-color:#EBC70A;-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s}.input-item .input-item__text:focus ~ .border,.input-item .input-item__text.isVal ~ .border{width:100%}.text__input-item{align-items:center;margin:15px 10px}.text__input{position:relative;display:inline-block;background:#fff;height:40px;border-radius:5px;min-width:160px;border:1px solid #BCBCBC;width:100%}.text__input input{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;background:none;outline:0;cursor:pointer;z-index:2;height:100%;text-indent:10px}#writer-setting-modal .text__input input{cursor:text}#modal_apply_btn:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.input-label{display:block;font-size:14px;font-weight:500;margin-bottom:4px;color:#555}.material-icons.md-18,.material-icons-outlined.md-18{font-size:16px;padding-right:3px}.material-icons.md-5,.material-icons-outlined.md-5{font-size:5px}.button{background:#333;color:#fff;font-size:14px;border:none;padding:10px 20px;border-radius:200px;text-align:center;box-shadow:0px 4px 8px #0000003D;margin:15px 10px;display:flex;justify-content:center;align-items:center;min-width:150px;height:40px;cursor:pointer}.button_right{margin-left:auto}.button_left{margin-right:auto}.button_top{margin-bottom:auto}.button_bottom{margin-top:auto}.button>i{padding-right:8px}.tab-item__button,.button__circle{border:1px solid #333;background:#fff;color:#333;padding:10px;display:block;border-radius:100px;font-size:14px;width:20px;height:20px;text-align:center;line-height:1.6;margin:0 6px}.tab-item__button.is-active,.button__circle.is-active{background:#333;color:#fff}.tab-item__button_large{width:auto;height:40px}.button-table{background:#333;color:#fff;border-radius:100px;display:inline-block;padding:3px 10px}.button-more{text-decoration:underline;margin:10px;display:inline-block}.button-more.is-infinite{visibility:hidden;height:1px;opacity:0}.modal{position:fixed;top:50%;left:50%;background:#fff;width:650px;padding:20px 40px;border-radius:10px;box-sizing:border-box;z-index:3;transition:all .2s ease;visibility:visible;opacity:1;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.modal .modal__inner .modal__button_cancel{position:absolute;right:20px;cursor:pointer;z-index:100}.modal .modal__inner .modal__button_cancel .material-icons{font-size:24px}.modal .modal__inner .modal__heading{padding:30px 0;position:relative}.modal .modal__inner .modal__heading .modal__title{font-size:20px;text-align:center;font-weight:600}.modal .modal__inner .modal__body{overflow-y:scroll;max-height:58vh;min-height:140px;width:100%;margin-bottom:90px;padding-right:10px}.modal .modal__inner .modal__button{position:fixed;bottom:-20px;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;width:100%;padding:10px 0}.modal__sub-title{font-size:20px;font-weight:600;margin:5px 0 -5px 0}.modal-bg{background:rgba(0,0,0,0.6);position:fixed;top:0;bottom:0;right:0;left:0}.modal.is-hidden{visibility:hidden;opacity:0;-webkit-transform:translate(-50%, -50%) scale(0.95);transform:translate(-50%, -50%) scale(0.95)}.modal-badge{font-weight:700;position:absolute;top:20px}.modal-badge i{vertical-align:middle;margin-right:6px}#mask{z-index:1;opacity:1;visibility:visible;transition:all .2s ease}#mask.is-hidden{opacity:0;visibility:hidden}.modal-flex-row{align-items:center}#writer-setting-modal .modal__body{display:flex;flex-direction:column;align-items:center;padding:0 20px;box-sizing:border-box;max-height:58vh;overflow-y:auto;margin-bottom:0 !important}#writer-setting-modal .modal__body .form-group{width:100%;margin-bottom:20px}#writer-setting-modal .modal__inner .modal__button{position:relative;margin-top:20px}.tab-box{padding:10px;box-sizing:border-box}.tab-inner__title{font-size:14px;font-weight:600;padding:8px 8px 4px}.tab-box .tab-box__title{font-size:14px;font-weight:600;margin-bottom:10px;display:inline-block}.tab-box .tab-box__body{border-radius:5px}.tab-box .tab-box__body .tab-box__item{padding:10px;display:inline-block}.tab-box .tab-box__body .tab-box__item_button{background:#333;color:#fff;font-size:10px;padding:5px;border-radius:4px;vertical-align:middle;display:inline-block;margin-bottom:1px;cursor:pointer}.tab-box .tab-box__body .tab-box__item_button:hover{text-decoration:none}.tab-box .tab-box__body .tab-box__item_input{border:1px solid #BCBCBC;border-radius:2px;padding:3px;box-sizing:border-box}.tab-box .tab-box__body .tab-box__item .tab-box__item_clear{cursor:pointer}.tab-box .tab-box__body .tab-box__item .tab-box__item_clear .material-icons{background:#dcdcdc;border-radius:100px;padding:2px;margin-left:4px}.switch__text{font-size:12px;font-weight:700;vertical-align:text-top}.switch__label{width:37px;position:relative;display:inline-block;padding-top:3px}.switch__content{display:block;cursor:pointer;position:relative;border-radius:7px;height:14px;background-color:rgba(34,31,31,0.1);-webkit-transition:all .1s .2s;-moz-transition:all .1s .2s;-ms-transition:all .1s .2s;-o-transition:all .1s .2s;transition:all .1s .2s;overflow:hidden}.switch__content:after{content:"";display:block;position:absolute;width:0;height:100%;top:0;left:0;border-radius:7px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.switch__input{display:none}.switch__circle{display:block;top:0px;left:0px;position:absolute;width:20px;height:20px;-webkit-border-radius:10px;border-radius:10px;background-color:#F1F1F1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 2px 2px #ccc;box-shadow:0 2px 2px #ccc}.switch__input:checked ~ .switch__circle{left:18px;background-color:#F1F1F1}.switch__input:checked ~ .switch__content{border-color:transparent;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 0s;transition:all 0s}.switch__input:checked ~ .switch__content:after{background-color:#333;width:100%}.player{position:fixed;bottom:0;left:0;width:100%;color:#fff;z-index:99999;transform:translateY(0);-webkit-transform:translateY(0);transition:all .2s ease}.player.is-hidden{display:none;transition:all .2s ease}.player .player__inner{background:#333333;padding:20px;display:flex;justify-content:center;align-items:center}.player .player__inner .player__title{font-size:13px;padding:0 20px;max-width:340px;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis}.player .player__inner .volume{padding:0 20px;display:flex;justify-content:center;align-items:center}.player .player__inner .volume a{color:#fff;margin:0 10px}.player .player__inner .progress{width:145px;position:relative;background:#151515;height:2px}.player .player__inner .progress .progress__line{height:2px;background:#fff;position:absolute;top:0;left:0;width:50px}.player .player__inner .progress .progress__button{width:12px;height:12px;display:inline-block;background:#fff;border-radius:100px;position:absolute;top:-5px;left:50px}.player .player__inner .operation{padding:0 20px;display:flex;justify-content:center;align-items:center}.player .player__inner .operation a{margin:0 10px}.player .player__inner .seek-bar{padding:0 20px;display:flex;justify-content:center;align-items:center}.player .player__inner .seek-bar .time{margin:0 10px}.player__close-btn{margin-left:auto}.player__button_cancel{cursor:pointer}.icon-color__yellow{color:#FCCC05}.icon-color__red{color:red}.color_white{color:#fff}.text-color__red{color:red}.bg-gray{background:#F4F4F4}.f-12{font-size:12px}.p-0{padding:0}.p-2{padding:2px}.p-5{padding:5px}.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.pt-10{padding-top:10px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-50{padding-bottom:50px}.pr-4{padding-right:4px}.pr-10{padding-right:10px}.pl-4{padding-left:4px}.pl-5{padding-left:5px}.m-0{margin:0}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-auto{margin-bottom:auto}.m-auto{margin:auto}.m-30{margin:30px}.my-15{margin:15px 0 15px 0}.myr-30{margin:30px 30px 30px 0}.mx-0{margin-left:0;margin-right:0}.ml-0{margin-left:0}.ml-auto{margin-left:auto}.ml-12p{margin-left:12%}.ml-5{margin-left:5px}.mr-auto{margin-right:auto}.mr-0{margin-right:0}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mb-25{margin-bottom:25px}.mb-2{margin-bottom:2px}.mt-0{margin-top:0px}.mt-30{margin-top:30px}.my-30{margin:30px 0}.m-10-auto{margin:10px auto}.m-30-auto{margin:30px auto}.mw-20{max-width:20px}.mw-400{max-width:400px}.mw-500{max-width:500px}.mw-540{max-width:540px}.mw-560{max-width:560px}.mw-856{max-width:856px}.mw-900{max-width:900px}.mw-50p{max-width:50%;width:100%}.miw-140{min-width:140px}.miw-80{min-width:80px}.miw-300{min-width:300px}.miw-400{min-width:400px}.miw-462{min-width:462px}.miw-770{min-width:770px}.miw-auto{min-width:auto}.va_midle{vertical-align:middle}.vs_sub{vertical-align:sub}.w-auto{width:auto}.w-180{width:180px}.align-center{text-align:center}.float-right{float:right}.float-left{float:left}.disp-inline{display:inline}.disp-block{display:block}.disp-inline_block{display:inline-block}.disp-table{display:table}.disp-table_cell{display:table-cell}.relative{position:relative}.absolute{position:absolute}.t-0{top:0}.r-0{right:0}.border-r-5{border-radius:5px}.justify-center{justify-content:center}.f-size_10{font-size:10px}.is-disabled .text__input input,.text__input--disabled{opacity:0.6;pointer-events:none;background-color:#bebebe !important;cursor:not-allowed}.is-disabled input{opacity:0.6;pointer-events:none}.is-disabled .checkbox__item_text{background-color:#bebebe !important}@media screen and (max-width: 768px){*{-webkit-appearance:none}body{font-size:14px;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%}.m0-sp{margin:0}.mt15-sp{margin-top:15px}.miw-400,.miw-462,.miw-770{min-width:100%}.align-left-sp{text-align:left}.player .player__inner{position:relative;flex-direction:column;gap:30px}.player .player__inner .player__title{margin-left:0}.player .player__inner .volume{width:100%;padding:0;justify-content:space-between}input[type="range"]{width:50%}.player .player__inner .operation{width:100%;padding:0;justify-content:space-evenly}.player .player__inner .seek-bar{width:100%;padding:0;justify-content:space-between}.player__close-btn{margin-left:0;position:absolute;top:0;right:0;padding:10px;cursor:pointer}.mx-auto-sp{margin-left:auto;margin-right:auto}.w100-sp{width:100%}.modal{width:97%;padding:15px}#writer-setting-modal .modal__body{padding:0 10px}#writer-setting-modal .modal__body .form-group{max-width:100%}}