@charset "UTF-8";
.move-loading {
 width: 100vw;
 height: 100vh;
 display: flex;
 align-items: center;
 justify-content: center;
 background: url("/images/common/move-loading-bg-mb.png") no-repeat center bottom/100% auto;
}
.move-loading .only-mb {
 display: block !important;
}
.move-loading .only-pc {
 display: none !important;
}
.move-loading .loading-wrapper {
 overflow: auto;
 width: 100vw;
 max-height: 100vh;
 padding: 6px 20px;
}
.move-loading .loading-wrapper .loading-inner {
 max-width: 704px;
 margin: 0 auto;
}
.move-loading .loading-header {
 display: flex;
 align-items: center;
 gap: 12px;
}
.move-loading .loading-header .logo {
 width: 93px;
 height: auto;
}
.move-loading .loading-header .progress {
 flex: 1;
 height: 6px;
 background: #E4E4E4;
 border-radius: 100px;
}
.move-loading .loading-header .progress .progress-bar {
 position: relative;
}
.move-loading .loading-header .progress .plane {
 position: absolute;
 top: -32px;
 width: 36px;
 height: auto;
 transform: translateX(-50%);
}
.move-loading .loading-header .progress .current {
 height: 100%;
 background: #DB3A3F;
 border-radius: 100px;
}
.move-loading .loading-header .door {
 width: 70px;
 height: auto;
}
.move-loading .loading-body {
 margin-top: 5px;
}
.move-loading .loading-body .tit {
 color: #111111;
 text-align: center;
 font-family: "Noto Sans KR";
 font-size: 20px;
 font-weight: 700;
 line-height: 160%;
}
.move-loading .loading-body .desc {
 margin-top: 10px;
 color: #404042;
 text-align: center;
 font-family: "Noto Sans KR";
 font-size: 14px;
 font-weight: 400;
 line-height: 180%;
}
/* PC: 최소 960 */
@media (min-width: 960px) {
 .move-loading {
 background: url("/images/common/move-loading-bg-pc.png") no-repeat center bottom/100% auto;
 }
 .move-loading .only-mb {
 display: none !important;
 }
 .move-loading .only-pc {
 display: block !important;
 }
 .move-loading .loading-wrapper {
 padding: 0;
 }
 .move-loading .loading-header {
 gap: 20px;
 }
 .move-loading .loading-header .logo {
 width: 190px;
 margin-right: 5px;
 }
 .move-loading .loading-header .progress {
 height: 8px;
 margin-left: 5px;
 }
 .move-loading .loading-header .progress .plane {
 top: -39px;
 width: 46px;
 }
 .move-loading .loading-header .door {
 width: 130px;
 }
 .move-loading .loading-body {
 margin-top: 2px;
 }
 .move-loading .loading-body .tit {
 font-size: 32px;
 }
 .move-loading .loading-body .desc {
 margin-top: 12px;
 color: #404042;
 font-size: 18px;
 }
}e: 18px;
 }
}</div><div class="naked_ctrl">
<form action="/index.cgi/speech" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.dbpia.co.kr:443/css/move_loading.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.dbpia.co.kr:443/css/move_loading.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech" selected="selected">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>