/*===============================================
/* 濡쒕뵫以� �쒖떆�섍린 ( 濡쒕뵫以� �대�吏�, 濡쒕뵫 �꾨줈洹몃옒�� 諛� )
**---------------------------------------------*/
/* 濡쒕뵫以� �대�吏� */
#page_loading{position: fixed;top: 0px;left: 0px;z-index:10000;width: 100%;height: 100%;}
#page_loading.off{animation-name: main_loading_bg;animation-duration:0.3s; 
animation-timing-function: ease-in-out;animation-delay:0s;
animation-iteration-count:1;animation-direction: alternate;
animation-fill-mode:forwards;animation-play-state:running;} 
/*�먮땲硫붿씠�섏뿉�� display:none�� �덈맖*/
@keyframes main_loading_bg { 0% {opacity: 1;visibility:visible; } 50% {opacity: 0.5; } 100% {opacity: 0; visibility: hidden;} }
#loading_backpannel{position:absolute;top: 0px;left: 0px;z-index: 1;}
#loading_backpannel{width: 100%;height: 100%;opacity:1;background:#fff;}
.main_loading {position:absolute;top:calc(40% - 50px);left:calc(50% - 50px);z-index:2;}
.main_loading {margin:0px;padding:30px 0;width: 100px;height:40px;text-align:center;}
.main_loading span {display:inline-block;width: 10px;height: 10px;background-color: gray;border-radius: 50%;}
.main_loading span {animation: main_loading 1s linear infinite;}
.main_loading span:nth-child(1) {background-color: #202020;animation-delay: 0s;}
.main_loading span:nth-child(2) {background-color: #202020;animation-delay: 0.2s;margin: 0px 10px}
.main_loading span:nth-child(3) {background-color: #202020;animation-delay: 0.4s;}
.main_loading p{margin:10px 0 0 0;font-weight:bold;font-size:12px;color:#555;}
@keyframes main_loading { 0%, 100% {opacity: 0;transform: scale(0.5);} 50% {opacity: 1;transform: scale(1.2);}}

/*濡쒕뵫 �꾨줈洹몃옒�� 諛�*/
#loading_progress_bar{position:fixed;top:0px;left:0px;z-index:1002;margin:0px;padding:0px;width:100%;height:2px;opacity:1;}
#loading_progress_bar.off{
animation-name: main_loading_bar;animation-duration:0.3s; 
animation-timing-function: ease-in-out;animation-delay:0s;
animation-iteration-count:1;animation-direction: alternate;
animation-fill-mode:forwards;animation-play-state:running;}
@keyframes main_loading_bar{ 0% {opacity: 1;visibility:visible; } 50% {opacity: 0.5; } 100% {opacity: 0; visibility: hidden;} }
#loading_progress{display:block;width:100%;height:100%;border:0px solid #ccc;background:#fff;}
progress { -webkit-appearance: none; }
::-webkit-progress-bar   { background-color:#f2f2f2; }
::-webkit-progress-value { background-color:#e87400; box-shadow: 0 0 3px #e87400, 0 0 3px #e87400;}


#code_percent_div{position:absolute;top:10px;left:10px;z-index:1;margin:0px;
padding:5px;width:48px;height:18px;background:#ccccff;border:1px solid #8c8cff;border-radius:5px;overflow:hidden;}
#live_percent_div{position:absolute;top:8px;left:10px;z-index:2;margin:0px;
padding:0px; width:48px;height:18px;color:#3227f3;font-size:10px;text-align:center;}

#live_percent_arrow{position: relative;top:-3px;left:28px;z-index:2;content:" ";
display: inline-block;width:10px;height:10px;
border-width: 1px 0 0 1px; border-style: solid; border-color:#8c8cff; 

background:#ccccff;transform: rotate(45deg);border-radius:2px;}
/*-----------------------------------------------
/* 濡쒕뵫以� �쒖떆�섍린 ( �대�吏�, �꾨줈洹몃옒�� 諛� )
**===============================================*/




/*===============================================
 * �쎌�留뚰겮�� �쇱꽱�뚯씠吏� �꾨줈洹몃젅�ㅻ컮 異쒕젰
**---------------------------------------------*/
section{display: block;}
/* �꾨줈洹몃젅�� �몃뵒寃뚯씠�� */
.Progress_Indicator{position:fixed;top:0rem;z-index:1001;width:100%;height:0.2rem;background:#acc2ff;}
/* Progress Indicator */
#barProgress{display:block;height:100%;width:0rem;background:#5593f5;border:none}
progress{height:100%;width:20rem;-webkit-appearance: none;-moz-appearance: none;
appearance: none;border: none;background-color:#feadd8;}
progress::-webkit-progress-bar{ background-color:#fd91a4; } /* value媛믪쓣 議곗젙�섎뒗 寃껋씠 �꾨땶 諛붿쓽 �볦씠瑜� 議곗젅�섎뒗 �꾩옱�� �뺤떇�대씪��*/
progress::-webkit-progress-value{ background-color: #3c00ff; }/* 吏��먰삎�앹뿉 �섑븯硫� �닿납�� �됱씠 �꾨줈洹몃젅�� �몃뵒寃뚯씠�� �됱씠 �섏뼱�쇳븿*/
/*-----------------------------------------------
 * �쎌�留뚰겮�� �쇱꽱�뚯씠吏� �꾨줈洹몃젅�ㅻ컮 異쒕젰
**===============================================*/



/*===============================================
 * �ㅻⅨ履� �섎떒�� �곷떒�쇰줈 媛�湲� �κ렐 踰꾪듉
**---------------------------------------------*/
.scroll_move_bt > a:before {font-size: 35px;}
.scroll_move_bt{display:none;position: fixed;bottom:100px;right: 20px;z-index: 10;width: 35px;height: 35px; 
/*    border: 1px solid #ccc;*/
/*    border-radius: 50%;*/
/*    background: #f2f2f2;*/
/*    box-shadow:3px 3px 5px 3px #656565;*/
}
.scroll_move_bt > a {display:block;width: 35px;height: 35px;text-indent: 0px;
font-size: 0;color: #ff7043;box-shadow:3px 3px 5px 1px #656565;border-radius: 50%;background: #f2f2f2;}
/*-----------------------------------------------
 * �ㅻⅨ履� �섎떒�� �곷떒�쇰줈 媛�湲� �κ렐 踰꾪듉
**===============================================*/