@charset "utf-8"; 

/* --------------------------------------------------------------------------
   1.0 IE 낮은 IE 9이하 버전에서 브라우저 업그레이드 공지 안내
   -------------------------------------------------------------------------- */
#old-browser-popup{position:fixed; width:100%; height:100%; left:0; top:0; background:url(/assets/common/img/bg.png) repeat; z-index:9999;}
.old-browser-container{width:100%; margin:0 auto; text-align:center;}
.old-browser-container div{color:#fff; font-size:13px; line-height:22px;}
.old-browser-container div b{color:#fc0; font-weight:700;}
.old-browser-container p{background:#fff; border-radius:5px; color:#222; font-weight:700; margin:25px auto 50px auto; height:30px; line-height:30px; width:700px;}
.old-browser-container a{color:#fff; font-weight:700; padding:0 10px; display:inline-block; font-size:12px; text-decoration:none;}
.old-browser-container a:hover{text-decoration:none;}

/* --------------------------------------------------------------------------
   2.0 탭 바로가기
   -------------------------------------------------------------------------- */
#skipnavigation a {position:absolute; left:-3000%;}
#skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:50px; line-height:50px; color:#fff; text-align:center; font-size:12px; font-weight:700; background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);}

/* --------------------------------------------------------------------------
   10.0 HTML 로딩 설정
   -------------------------------------------------------------------------- */
#loader-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background:rgba(255,255,255,1);}
#loading {position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; display:inline-block; width:50px; height:50px; border:3px solid rgba(0,0,0,1); border-radius: 50%; border-top-color:#1cbfb5; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite;}
@-webkit-keyframes spin {to {transform: rotate(360deg);}}
@-moz-keyframes spin {to {transform: rotate(360deg);}}
@-ms-keyframes spin {to {transform: rotate(360deg);}}
@-o-keyframes spin {to {transform: rotate(360deg);}}
@keyframes spin {to {transform: rotate(360deg);}}


#loader-result {display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background:rgba(255,255,255,1);}
#loader_inner {display:block; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; right:0; text-align:center;}
#loader_inner img {max-height:10rem; margin-bottom:2rem;}
#loading-result {display:inline-block; width:50px; height:50px; border:15px solid #dadada; border-radius: 50%; border-top-color:#1cbfb5; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite;}