.upload-container{width:100%;margin:0 auto}.file-option-area{width:33%;max-width:300px;min-width:200px}.modal-transparent .modal-content{background-color:transparent;border:none}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh}.loader{border:5px solid #f3f3f3;border-top-color:blue;border-radius:50%;width:100px;height:100px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.convert-target-select-popup-wrap{display:none}.convert-target-select-popup-wrap._on{display:block;position:fixed;left:0;top:0;width:100%;height:100%}.convert-target-select-popup-bg{position:absolute;left:0;top:0;width:100%;height:100%;cursor:default;z-index:2}.convert-target-select-popup{position:absolute;left:0;top:0;width:340px;max-height:240px;box-sizing:border-box;max-width:100vw;padding:10px;display:flex;flex-direction:column;border-radius:3px;box-shadow:0 0 25px rgba(0,0,0,.1);z-index:2}.convert-target-select-popup .convert-target-search-area{position:relative;flex:1 0 35px;padding:0 5px 5px;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:10px}.convert-target-select-popup .convert-target-search-area:before{content:"";position:absolute;left:4px;top:6px;height:12px;width:12px;border-radius:50%;border-width:2px;border-style:solid}.convert-target-select-popup .convert-target-search-area:after{content:"";position:absolute;left:13px;top:18px;height:2px;width:8px;background:#fff;transform:rotate(45deg)}.convert-target-select-popup .convert-target-search-area input{width:100%;height:30px;line-height:30px;margin:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:1em;font-weight:100;padding:0 0 0 25px}.convert-target-select-popup .convert-target-types{flex:1 1 100%;max-height:180px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.convert-target-select-popup .convert-target-types .typegroup-tab{flex:1 0 100px;padding:5px;box-sizing:border-box;border-right-width:1px;border-right-style:solid}.convert-target-select-popup .convert-target-types .typegroup-tab .typegroup{line-height:26px;padding:0 5px;opacity:.5}.convert-target-select-popup .convert-target-types .typegroup-tab .typegroup:hover{opacity:.6;cursor:pointer}.convert-target-select-popup .convert-target-types .types-selectarea{flex:1 1 100%;overflow:auto}.convert-target-select-popup .convert-target-types .types-selectarea>div{box-sizing:border-box;padding:5px;display:flex;flex-wrap:wrap}.convert-target-select-popup .convert-target-types .types-selectarea>div>span.convert_ext{flex:0 1 25%;font-size:.8em;text-align:center;cursor:pointer;overflow:hidden}.convert-target-select-popup .convert-target-types .types-selectarea>div>span.convert_ext label{display:block;padding:5px;box-sizing:border-box;cursor:pointer}.convert-target-select-popup .convert-target-types .types-selectarea>div>span[not_allow=y]{display:none!important}.convert-target-select-popup .types-selectarea input,.convert-target-select-popup .types-selectarea span.convert_ext{display:none;border-radius:5px}.convert-target-select-popup .types-selectarea input:checked+label{background:#000;font-weight:600;box-shadow:0 0 5px rgba(0,0,0,.2)}.convert-target-select-popup:not([select_type=audio]):not([select_type=image]):not([select_type=doc]) .typegroup-tab .typegroup[type_group=video],.convert-target-select-popup[select_type=audio] .typegroup-tab .typegroup[type_group=audio],.convert-target-select-popup[select_type=doc] .typegroup-tab .typegroup[type_group=doc],.convert-target-select-popup[select_type=image] .typegroup-tab .typegroup[type_group=image]{opacity:1;font-weight:600}.convert-target-select-popup._on_searching .typegroup-tab,.convert-target-select-popup[type=audio] .typegroup-tab,.convert-target-select-popup[type=audio] .typegroup-tab .typegroup:not([convert_type*=audio]),.convert-target-select-popup[type=image] .typegroup-tab,.convert-target-select-popup[type=image] .typegroup-tab .typegroup:not([convert_type*=image]),.convert-target-select-popup[type=video] .typegroup-tab .typegroup:not([convert_type*=video]){display:none}.convert-target-select-popup._on_searching .convert-target-types .types-selectarea>div>span.convert_ext,.convert-target-select-popup:not([select_type=audio]):not([select_type=image]):not([select_type=doc]) .types-selectarea span.convert_ext[type_group*=video],.convert-target-select-popup[select_type=audio] .types-selectarea span.convert_ext[type_group*=audio],.convert-target-select-popup[select_type=doc] .types-selectarea span.convert_ext[type_group*=doc],.convert-target-select-popup[select_type=image] .types-selectarea span.convert_ext[type_group*=image]{display:block}.convert-target-select-popup[type=audio] .types-selectarea span.convert_ext:not([convert_type*=audio]),.convert-target-select-popup[type=image] .types-selectarea span.convert_ext:not([convert_type*=image]),.convert-target-select-popup[type=video] .types-selectarea span.convert_ext:not([convert_type*=video]){display:none}.convert-target-select-popup .search_not_found{display:none;width:100%;text-align:center;line-height:30px;font-size:14px;opacity:.3}.convert-target-select-popup._on_searching .search_not_found{display:block}.convert-target-select-popup._on_searching .types-selectarea input+label[not_allow=false]:not([style*=display][style*=none])~.search_not_found{display:none}.convert-detail-setting-popup-wrap{display:block}.convert-detail-setting-popup-bg{position:absolute;left:0;top:0;width:100%;height:100%;cursor:default;z-index:2;opacity:.8}.convert-detail-setting-popup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:500px;max-height:90vh;box-sizing:border-box;max-width:100vw;display:flex;flex-direction:column;border-radius:3px;box-shadow:0 0 25px rgba(0,0,0,.1);z-index:2;overflow:hidden}.convert-detail-setting-popup ._off{display:none!important}.convert-detail-setting-popup button{position:relative;border:0}.convert-detail-setting-popup button:hover:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:block;background:rgba(0,0,0,.4);z-index:0}.convert-detail-setting-popup .convert-detail-setting-popup-header{flex:1 0 50px;box-sizing:border-box;padding:5px 200px 5px 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.convert-detail-setting-popup .convert-detail-setting-popup-header>span{position:relative;line-height:40px;font-size:18px;padding-left:35px;display:inline-block}.convert-detail-setting-popup .convert-detail-setting-popup-header>span:before{content:"";position:absolute;display:block;left:0;top:0;width:40px;height:40px;background-size:24px;background-position:50%;background-repeat:no-repeat;background-image:url(/img/ic_settings_white_24.svg)}.convert-detail-setting-popup .convert-detail-setting-popup-header ._close_btn{position:absolute;right:5px;top:5px;width:40px;height:40px;padding:0;border-radius:3px;overflow:hidden;background:transparent}.convert-detail-setting-popup .convert-detail-setting-popup-header ._close_btn>span{display:block;width:100%;height:100%}.convert-detail-setting-popup .convert-detail-setting-popup-header ._close_btn>span:after,.convert-detail-setting-popup .convert-detail-setting-popup-header ._close_btn>span:before{content:"";position:absolute;display:block;left:50%;top:50%;width:50%;height:1px}.convert-detail-setting-popup .convert-detail-setting-popup-header ._close_btn>span:before{transform:translate(-50%,-50%) rotate(45deg)}.convert-detail-setting-popup .convert-detail-setting-popup-header ._close_btn>span:after{transform:translate(-50%,-50%) rotate(-45deg)}.convert-detail-setting-popup .convert-detail-setting-popup-body{position:relative;flex:1 1 100%;overflow:auto;box-sizing:border-box}.convert-detail-setting-popup .convert-detail-setting-groupTypes{position:absolute;height:31px;top:20px;right:50px;width:140px;display:flex;border-radius:3px 3px 0 0;overflow:hidden}.convert-detail-setting-popup .convert-detail-setting-groupTypes>*{flex:1 1 70px;width:70px;border:0;opacity:.4}.convert-detail-setting-popup .convert-detail-setting-groupTypes[group_type=audio]>[group_type=audio],.convert-detail-setting-popup .convert-detail-setting-groupTypes[group_type=video]>[group_type=video]{opacity:1}.convert-detail-setting-popup .convert-detail-setting-groupTypes[group_type=audio]:not(._off)+.convert-detail-setting-popup-body [group_type]:not([group_type=audio]),.convert-detail-setting-popup .convert-detail-setting-groupTypes[group_type=video]:not(._off)+.convert-detail-setting-popup-body [group_type]:not([group_type=video]){display:none}.convert-detail-setting-popup .convert-detail-setting-area{padding:15px 20px}.convert-detail-setting-popup .detail_setting_group{display:flex;font-size:12px;margin:10px 5px;line-height:24px}.convert-detail-setting-popup .detail_setting_group>.setting_title{flex:1 0 100px;padding:5px 10px}.convert-detail-setting-popup .detail_setting_group>.setting_title:after{content:":";float:right}.convert-detail-setting-popup .detail_setting_group>.setting_info{flex:1 1 100%;display:flex}.convert-detail-setting-popup .detail_setting_group>.setting_info>*{flex:1 1 auto;min-width:10px;text-align:center;line-height:34px}.convert-detail-setting-popup .detail_setting_group input[type=checkbox],.convert-detail-setting-popup .detail_setting_group input[type=radio]{display:none}.convert-detail-setting-popup .detail_setting_group>.setting_info input[type=number],.convert-detail-setting-popup .detail_setting_group>.setting_info input[type=password],.convert-detail-setting-popup .detail_setting_group>.setting_info input[type=text],.convert-detail-setting-popup .detail_setting_group>.setting_info select{border:0;background-color:transparent;width:100%;height:100%;padding:0 8px}.convert-detail-setting-popup .detail_setting_group>.setting_info input::placeholder{color:hsla(0,0%,100%,.3)}.convert-detail-setting-popup .detail_setting_group>.setting_info select{width:110%;padding-right:15%}.convert-detail-setting-popup .detail_setting_group>.setting_info .input-area,.convert-detail-setting-popup .detail_setting_group>.setting_info .select-area{position:relative;display:inline-block;overflow:hidden;border:1px solid hsla(0,0%,100%,.4);border-radius:3px}.convert-detail-setting-popup .detail_setting_group>.setting_info .select-area:before{content:"";position:absolute;display:block;top:0;right:0;width:20px;height:34px;background-image:url(/img/ic_select_arr_white.svg);background-position:50%;background-size:100%;background-repeat:no-repeat;opacity:.8}.convert-detail-setting-popup .detail_setting_group>.setting_info .select-area option{padding:0 8px;color:#000}.convert-detail-setting-popup .detail_setting_group>.setting_info ._lock{opacity:.7}.convert-detail-setting-popup .detail_setting_group>.setting_info ._lock:before{background-image:url(/img/ic_lock_white.svg)!important;background-size:70%}.convert-detail-setting-popup .detail_setting_group>.setting_info>div{box-sizing:border-box}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio+div>label{position:relative;display:block;width:100%;border:1px solid hsla(0,0%,100%,.4);border-radius:3px;overflow:hidden;line-height:32px}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio+div>label>span{display:flex;width:100%;flex-wrap:nowrap;opacity:.3;overflow:hidden}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio+div>label>span:last-child{position:absolute;top:0;left:50%;opacity:1;width:50%;border-radius:3px;overflow:hidden;transition:left .2s ease 0s}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio+div>label>span>span{flex:1 1 50%}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio+div>label>span:last-child>span{flex:1 1 100%;min-width:100%;transform:translateX(-100%);transition:transform .2s ease 0s}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio:checked+div>label>span:last-child{left:0}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio:checked+div>label>span:last-child>span{transform:translateX(0)}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area{position:relative;padding:0 3em}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area:not(:last-child){margin-bottom:10px}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area .input-area{position:relative;width:100%;padding-right:1em;box-sizing:border-box;overflow:visible;display:none}.convert-detail-setting-popup .detail_setting_group>.setting_info .input-area{position:relative}.convert-detail-setting-popup .detail_setting_group>.setting_info .input-area .error_msg{position:absolute;bottom:100%;font-size:.5em;line-height:100%;padding:4px 5px;background:#fff;border:1px solid orange;border-radius:3px;color:#be7b00;font-weight:600;display:none}.convert-detail-setting-popup .detail_setting_group>.setting_info .input-area .error_msg:before{content:"";position:absolute;display:block;top:93%;left:10px;height:5px;width:5px;background:#fff;border-right:1px solid orange;border-bottom:1px solid orange;transform:rotate(45deg)}.convert-detail-setting-popup .detail_setting_group>.setting_info .input-area input._error~.error_msg{display:block}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area .input-area:not(:first-child){margin-top:10px}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area .input-area .input-unit{line-height:32px;width:auto;white-space:nowrap}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area .input-area .input-unit>span{font-size:.8em;line-height:32px;opacity:.5;border-left:1px solid #fff;padding-left:5px;margin-left:5px;display:inline-block}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio:checked~.setting-resize-area .input-area._pr,.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio:not(:checked)~.setting-resize-area .input-area._px{display:flex}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area input{height:32px}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area .setting-resize-tag{position:absolute;left:-2.5em;width:1.8em;height:100%;background-image:url(/img/ic_arrow_horizontal_white.svg);background-position:50%;background-size:100%;background-repeat:no-repeat;opacity:.6}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area .setting-resize-tag:after,.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area .setting-resize-tag:before{content:"";position:absolute;width:70%;height:2px;left:15%;background-color:#fff}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area .setting-resize-tag:before{top:18%}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area .setting-resize-tag:after{bottom:18%}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio~.setting-resize-area .setting-resize-tag._width{transform:rotate(90deg)}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-ratio:checked~.setting-resize-area #setting-resize-lock+label{display:none}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-lock+label{position:absolute;top:50%;transform:translateY(-50%);right:.5em;width:1.8em;height:1.8em;background-image:url(/img/ic_linkoff_white.svg);background-size:1.4em 1.4em;background-position:50%;background-repeat:no-repeat;border-radius:5px;opacity:.6}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-lock:checked+label{background-image:url(/img/ic_link_white.svg);opacity:1}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-lock+label:after,.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-lock+label:before{content:"";position:absolute;width:1em;height:6px;left:-.2em;border-right:2px solid #fff}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-lock+label:before{top:-10px;border-top:2px solid #fff}.convert-detail-setting-popup .detail_setting_group>.setting_info #setting-resize-lock+label:after{bottom:-10px;border-bottom:2px solid #fff}.convert-detail-setting-popup .detail_setting_group>.setting_info .rangeinput-area{padding:0 3em}.convert-detail-setting-popup .detail_setting_group>.setting_info .rangeinput-area input{-webkit-appearance:none;width:100%;height:2px;padding:0;margin:0;outline:none;border-radius:2px;border:1px solid hsla(0,0%,100%,.4)}.convert-detail-setting-popup .detail_setting_group>.setting_info .rangeinput-area input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1em;height:1em;background:#00609c;cursor:pointer;border-radius:50%;border:1px solid hsla(0,0%,100%,.4)}.convert-detail-setting-popup .detail_setting_group>.setting_info .rangeinput-area input::-moz-range-thumb{width:1em;height:1em;background:#00609c;cursor:pointer}.convert-detail-setting-popup .detail_setting_group>.setting_info .rangeinput-area .rangeinput-stap-view{position:relative;display:flex;line-height:20px;height:20px;padding:0 .5em;margin-bottom:5px;justify-content:space-between}.convert-detail-setting-popup .detail_setting_group>.setting_info .rangeinput-area .rangeinput-stap-view>span{position:relative;white-space:nowrap;display:block;height:2em;text-align:center;width:0}.convert-detail-setting-popup .detail_setting_group>.setting_info .rangeinput-area .rangeinput-stap-view>span>span{position:absolute;left:0;top:0;transform:translateX(-50%)}.convert-detail-setting-popup .detail_setting_group>.setting_info .rangeinput-area .rangeinput-stap-view>span:before{content:"";position:absolute;display:block;top:22px;left:0;width:1;height:9px;background:#fff;opacity:.3;z-index:-1}.convert-detail-setting-popup .convert-detail-setting-popup-footer{flex:1 0 60px;box-sizing:border-box;border-top:1px solid rgba(0,0,0,.2);padding:15px 30px;display:flex;justify-content:space-between}.convert-detail-setting-popup .convert-detail-setting-popup-footer #setConvertDetailAll{display:none}.convert-detail-setting-popup .convert-detail-setting-popup-footer #setConvertDetailAll+label{position:relative;opacity:.5;font-size:12px;line-height:30px;padding-left:24px;display:inline-block;cursor:pointer}.convert-detail-setting-popup .convert-detail-setting-popup-footer #setConvertDetailAll+label:before{content:"";position:absolute;display:block;left:0;top:8px;width:12px;height:12px;border:2px solid #fff;border-radius:5px;box-sizing:content-box}.convert-detail-setting-popup .convert-detail-setting-popup-footer #setConvertDetailAll:checked+label{opacity:1}.convert-detail-setting-popup .convert-detail-setting-popup-footer #setConvertDetailAll:checked+label:after{content:"";position:absolute;display:block;left:0;top:5px;width:20px;height:20px;background-image:url(/img/ic_done_white.svg);background-size:100%;background-position:50%}.convert-detail-setting-popup .convert-detail-setting-popup-footer #setConvertDetail{height:100%;padding:0 20px;line-height:0;border-radius:5px;font-weight:600;cursor:pointer;overflow:hidden}.mediaconverter-container-area{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mediaconverter-container-area .dragover-state-view{position:fixed;top:0;left:0;width:100%;height:100%;display:block;background:rgba(25,25,25,.4);pointer-events:none;opacity:0;z-index:2}.mediaconverter-container-area._dragover *{pointer-events:none}.mediaconverter-container-area._dragover .dragover-state-view{opacity:1;transition:opacity .3s ease 0s}.mediaconverter-container-area .dragover-state-view ._deco{position:absolute;left:20px;top:20px;height:calc(100% - 40px);width:calc(100% - 40px);border:2px solid #fff;opacity:.8;border-radius:10px}.mediaconverter-container-area .dragover-state-view ._adding_view{position:absolute;left:50%;top:50%;transform:translate(-50px,-50px);width:100px;height:100px;opacity:1}.mediaconverter-container-area .dragover-state-view ._adding_view:before{content:"";position:absolute;left:42px;width:12px;height:100%;background:#fff}.mediaconverter-container-area .dragover-state-view ._adding_view:after{content:"";position:absolute;top:42px;height:12px;width:100%;background:#fff}.mediaconverter-container-area .body-ad-contents-area{position:relative;width:100%;max-width:1280px;margin:auto;padding-top:30px}.mediaconverter-container-area .introduce-area{width:100%;height:100%;padding:10px;text-align:center}.mediaconverter-container-area .introduce-area .title-contents-area{font-size:2em;font-weight:600;margin-bottom:5px}.mediaconverter-container-area .introduce-area .body-contents-area{font-size:1.2em;font-weight:400}.mediaconverter-container-area .ad_horizontal_wrap{text-align:center;width:100%}.mediaconverter-container-area .ad_horizontal_wrap img{border-width:1px;border-style:solid;max-width:100%}#content-data-default{display:none}.mediaconverter-container-area .mediaconverter-area{width:100%;max-width:1300px;margin:auto;padding:20px 10px;box-sizing:border-box}.mediaconverter-container-area .mediaconverter-area .app-name-area{font-weight:600;font-size:2.5em;text-align:center;margin-bottom:10px}.mediaconverter-container-area .mediaconverter-area.uploadBtn{width:100%;max-width:350px;margin:auto;padding:20px 10px;box-sizing:border-box}.mediaconverter-container-area .mediaconverter-area #media-list-wrap{position:relative;border:1px solid #e2e2e2;background-color:#fff;padding:5px 10px;border-radius:5px;overflow:hidden;min-height:40vh}.mediaconverter-container-area .mediaconverter-area.uploadBtn>button{width:100%;min-height:8vh;border-radius:12px;text-align:center;font-size:1.2em;color:#fff;background-color:#00395c}.mediaconverter-container-area .mediaconverter-area.uploadBtn .button_sub_text{margin-top:5px;text-align:center;font-size:.9em}.mediaconverter-container-area .mediaconverter-area #media-list{width:100%;height:auto;min-height:300px;list-style:none;padding:0;margin-bottom:0}.mediaconverter-container-area .mediaconverter-area #media-list li{list-style:none;display:flex}.mediaconverter-container-area .mediaconverter-area #media-list li>*{flex:1 3 100%;padding:5px 10px;border-bottom-width:1px;border-bottom-style:solid;height:43px}.mediaconverter-container-area .mediaconverter-area #media-list li:nth-child(n+8):last-child>*{border-bottom-width:0}.mediaconverter-container-area .mediaconverter-area #media-list .content-file-name-area,.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area{line-height:30px;white-space:nowrap}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area{max-width:40%}.mediaconverter-container-area .mediaconverter-area #media-list span{vertical-align:middle}.mediaconverter-container-area .mediaconverter-area #media-list .content-file-size{font-size:.9em;white-space:nowrap;padding:0 3px}.mediaconverter-container-area .mediaconverter-area #media-list .content-file-size:before{content:"( "}.mediaconverter-container-area .mediaconverter-area #media-list .content-file-size:after{content:" )"}.mediaconverter-container-area .mediaconverter-area #media-list .content-file-name{max-width:80%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mediaconverter-container-area .mediaconverter-area #media-list .content-file-convert-setting{position:relative;flex:1 0 135px;width:135px;min-width:135px;max-width:135px;display:flex;justify-content:space-between}.mediaconverter-container-area .mediaconverter-area #media-list .content-file-convert-setting .convert-target-select-ext{display:none;width:100%;height:100%;line-height:22px;justify-content:space-between;padding:5px 15px;box-sizing:border-box;border-radius:5px;text-align:center;font-size:10px}.mediaconverter-container-area .mediaconverter-area #media-list .content-file-convert-setting .convert-target-select-ext-from,.mediaconverter-container-area .mediaconverter-area #media-list .content-file-convert-setting .convert-target-select-ext-to{font-size:1.2em}.mediaconverter-container-area .mediaconverter-area div.empty_contents{position:absolute;width:100%;height:100%;top:0;left:0}.mediaconverter-container-area .mediaconverter-area div.empty_contents>*{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mediaconverter-container-area .mediaconverter-area div.empty_contents .notification_dragdrop_files span{font-weight:600;cursor:pointer}.mediaconverter-container-area .mediaconverter-area #media-list:not(:empty)~div.empty_contents{display:none}.mediaconverter-container-area .mediaconverter-area #media-list-wrap,.mediaconverter-container-area .mediaconverter-area div.empty_contents>*{padding-bottom:55px;box-sizing:border-box}.mediaconverter-container-area .mediaconverter-area div.list_footer_contents{position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;height:50px;padding:10px}.mediaconverter-container-area .mediaconverter-area div.list_footer_contents>div{display:flex;height:100%;justify-content:space-between}.mediaconverter-container-area .mediaconverter-area button{border:0;border-radius:3px;padding:0 10px;overflow:hidden;height:100%;vertical-align:middle}.mediaconverter-container-area .mediaconverter-area #media-list button.convert-target-select-btn{position:relative;min-width:80px;overflow:visible;padding:0 15px;font-size:.9em;line-height:32px}.mediaconverter-container-area .mediaconverter-area #media-list button.convert-target-select-btn:not([selected_type]):after,.mediaconverter-container-area .mediaconverter-area #media-list button.convert-target-select-btn[selected_type=""]:after{font-size:10px;line-height:32px}.mediaconverter-container-area .mediaconverter-area #media-list button.convert-setting-btn{width:30px;background-size:20px;background-position:50%;background-repeat:no-repeat;background-image:url(/img/ic_settings_white_24.svg);display:none}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area{flex:1 1 40%;display:flex;justify-content:end}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area>*{flex:1 1 100%}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area>.cancel_at_queue,.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area>.convert_single,.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area>.converted_download{flex:1 0 auto;display:none;text-decoration:none;font-size:13px;overflow:hidden}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area>.remove_btn{position:relative;flex:1 0 30px;width:30px;opacity:.2}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area>.remove_btn>span:after,.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area>.remove_btn>span:before{content:"";position:absolute;width:50%;height:2px;border-radius:2px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area>.remove_btn>span:before{transform:translate(-50%,-50%) rotate(45deg)}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area>.remove_btn>span:after{transform:translate(-50%,-50%) rotate(-45deg)}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area>.remove_btn:hover{opacity:.8}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area .convert_state_view{font-size:.8em;font-weight:600}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area .convert_state_view>*{padding:2px;line-height:26px;height:100%;box-sizing:border-box;background:transparent;display:none}.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=failed] .msg._failed,.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=upload_failed] .msg._upload_failed,.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=waiting] .msg._wait_for{display:block;font-size:1.2em}.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=failed] .msg._failed,.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=upload_failed] .msg._upload_failed{color:red}.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=converting] .progress,.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=uploading] .uploading,.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=wait_conversation] .wait_conversation{display:block;padding-right:10px;height:100%}.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=need_select] .msg._need_select{display:block}.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=converted] .convert-state-area>.converted_download,.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=wait_conversation] .convert-state-area>.cancel_at_queue,.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=waiting] .convert-state-area>.convert_single{border-radius:5px;display:initial;min-width:82px;text-align:center;box-sizing:border-box}.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=converted] .convert-state-area>.converted_download>button,.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=wait_conversation] .convert-state-area>.cancel_at_queue>button,.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=waiting] .convert-state-area>.convert_single>button{width:100%}.mediaconverter-container-area .mediaconverter-area #media-list li[convert_state=waiting] .msg._wait_for{display:block;font-size:1.2em}.mediaconverter-container-area .mediaconverter-area #media-list li:not([convert_state=need_select]):not([convert_state=waiting]) .content-file-convert-setting>button{display:none!important}.mediaconverter-container-area .mediaconverter-area #media-list li:not([convert_state=uploading]):not([convert_state=need_select]):not([convert_state=waiting]) .content-file-convert-setting .convert-target-select-ext{display:flex}@keyframes loading_progress{0%{left:-50%}to{left:0}}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area .convert_state_view .wait_somthing_state>span{position:relative;display:block;width:100%;height:100%;box-sizing:border-box;border-width:2px;line-height:22px;border-style:solid;text-align:center;overflow:hidden}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area .convert_state_view .wait_somthing_state>span:before{content:"";position:absolute;display:block;left:-50%;top:0;width:150%;height:100%;opacity:.7;z-index:0;animation-duration:5s;animation-name:loading_progress;animation-iteration-count:infinite;animation-timing-function:linear;background-image:linear-gradient(-70deg,#fff,transparent 1%,#fff 2%,transparent 3%,#fff 4%,transparent 5%,#fff 6%,transparent 7%,#fff 8%,transparent 9%,#fff 10%,transparent 11%,#fff 12%,transparent 13%,#fff 14%,transparent 15%,#fff 16%,transparent 17%,#fff 18%,transparent 19%,#fff 20%,transparent 21%,#fff 22%,transparent 23%,#fff 24%,transparent 25%,#fff 26%,transparent 27%,#fff 28%,transparent 29%,#fff 30%,transparent 31%,#fff 32%,transparent 33%,#fff 34%,transparent 35%,#fff 36%,transparent 37%,#fff 38%,transparent 39%,#fff 40%,transparent 41%,#fff 42%,transparent 43%,#fff 44%,transparent 45%,#fff 46%,transparent 47%,#fff 48%,transparent 49%,#fff 50%,transparent 51%,#fff 52%,transparent 53%,#fff 54%,transparent 55%,#fff 56%,transparent 57%,#fff 58%,transparent 59%,#fff 60%,transparent 61%,#fff 62%,transparent 63%,#fff 64%,transparent 65%,#fff 66%,transparent 67%,#fff 68%,transparent 69%,#fff 70%,transparent 71%,#fff 72%,transparent 73%,#fff 74%,transparent 75%,#fff 76%,transparent 77%,#fff 78%,transparent 79%,#fff 80%,transparent 81%,#fff 82%,transparent 83%,#fff 84%,transparent 85%,#fff 86%,transparent 87%,#fff 88%,transparent 89%,#fff 90%,transparent 91%,#fff 92%,transparent 93%,#fff 94%,transparent 95%,#fff 96%,transparent 97%,#fff 98%,transparent 99%)}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area .convert_state_view .wait_somthing_state>span>span{position:absolute;left:50%;transform:translateX(-50%)}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area .convert_state_view .wait_somthing_state>span>span._shadow{text-shadow:1px 1px 1px,-1px 1px 1px,-1px -1px 1px,1px -1px 1px}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area .convert_state_view .progress_track{position:relative;display:block;width:100%;height:100%;border-width:2px;border-style:solid;box-sizing:border-box;overflow:hidden}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area .convert_state_view .progress_bar{position:absolute;display:block;width:100%;height:100%;box-sizing:border-box}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area .convert_state_view .progress_msg{position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;line-height:22px}.mediaconverter-container-area .mediaconverter-area a:not(:disabled),.mediaconverter-container-area .mediaconverter-area button:not(:disabled){cursor:pointer}.mediaconverter-container-area .mediaconverter-area a:not(:disabled):hover,.mediaconverter-container-area .mediaconverter-area button:not(:disabled):hover{position:relative}.mediaconverter-container-area .mediaconverter-area a:not(:disabled):hover:before,.mediaconverter-container-area .mediaconverter-area button:not(:disabled):hover:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:0;background:rgba(0,0,0,.2)}.mediaconverter-container-area .mediaconverter-area button#convertAllSetting{margin-right:10px}.mediaconverter-container-area .mediaconverter-area button#convertAllSetting:disabled{visibility:hidden}.mediaconverter-container-area .mediaconverter-area button#convertFiles:disabled{opacity:.5}@media (max-width:745px){.mediaconverter-container-area .mediaconverter-area #media-list li{flex-wrap:wrap}.mediaconverter-container-area .mediaconverter-area #media-list .content-file-name-area{flex:1 0 100%;min-width:100%;max-width:100%}.mediaconverter-container-area .mediaconverter-area #media-list .convert-state-area{max-width:100%}}@media (max-width:570px){.content-introduce-what-is{padding:5vw!important;transform:scale(.7)}}@media (max-width:460px){.content-introduce-what-is{transform:scale(.6)}}.custom_popup{position:fixed;left:0;top:0;width:100vw;height:100vh;overflow:hidden;z-index:3;display:block;opacity:0;transition-property:opacity;transition-duration:.2s;pointer-events:none}.custom_popup._on{opacity:1;pointer-events:all}.custom_popup .popup-bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.7)}.custom_popup .popup-area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);width:auto;height:auto;min-width:150px;min-height:200px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;transition-property:transform,opacity;transition-duration:.2s;border-radius:10px;overflow:hidden;opacity:0;box-shadow:0 0 10px}.custom_popup._on .popup-area._on{transform:translate(-50%,-50%) scale(1);opacity:1}.custom_popup .popup-area .popup-header{flex:1 0 40px;height:40px;background:#00395c;max-height:40px;padding:5px 40px 5px 20px;line-height:30px;box-sizing:border-box;color:#fff;font-weight:600;font-size:1em}.custom_popup .popup-area .popup-body{position:relative;flex:1 1 100%;height:100%;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.custom_popup .popup-area .popup-body .popup-body-text-content{text-align:center;font-size:.9em;color:#2e2e2e}.custom_popup .popup-close-btn{position:absolute;right:5px;top:5px;height:30px;width:30px;background-color:transparent;border:0;padding:0;background-image:url(/img/ic_close_popup.svg);background-size:40%;background-position:50%;background-repeat:no-repeat;z-index:2;cursor:pointer}.custom_popup .popup-close-btn:hover{transform:scale(1.2)}.custom_popup .popup-area .check-btn-area{margin:0;padding:5px;box-sizing:border-box;height:40px;display:flex;background:#fff;border-top:1px solid #e2e2e2;justify-content:right}.custom_popup .popup-area .check-btn-area button{padding:0 20px;background:#00395c;border:1px solid hsla(0,0%,100%,.7);border-radius:5px;font-size:.8em;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.custom_popup .popup-area .check-btn-area button.popup-cancel-btn{margin-right:5px;background:#a2a2a2}.context-menu-view{position:absolute;white-space:nowrap;z-index:2;background:#302d31;border-radius:4px;overflow:hidden;box-shadow:0 4px 5px #1a1a1a}.context-menu-view>div>button{padding:8px 15px;line-height:100%;min-width:100%;font-size:.8em;height:100%;background:transparent;color:#fff;border:0;text-align:left}.context-menu-view>div:not(:last-child){border-bottom:1px solid #222}.context-menu-view>div>button:hover{background:#424242}.common-toast-view-area{position:fixed;bottom:0;left:0;width:100vw;height:0;z-index:3}@keyframes toastViewFadeOut{0%{opacity:.9}to{opacity:0}}.common-toast-view-area .common-toast-view{position:absolute;display:block;left:50%;top:-100px;transform:translate(-50%,-100%);border-radius:.5em;background:#2e2e2e;color:#f0f8ff;padding:10px 20px;box-shadow:0 3px 5px rgba(0,0,0,.5);opacity:.9;animation-delay:60s;animation-name:toastViewFadeOut;animation-duration:1s;animation-fill-mode:forwards}