/*
@font-face{ font-family:'Nanum Gothic'; font-weight: normal; font-style:normal;
    src: url('/file/fonts/NanumGothic.eot');
	src: local('NanumGothic'),local('나눔고딕'),
		url('/file/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('/file/fonts/NanumGothic.woff') format('woff'),
		url('/file/fonts/NanumGothic.ttf') format('truetype');
}
*/
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/*@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');*/

*{ outline: none; font-family: 'SUIT'; line-height:1.6;}
html,body { margin:0; padding:0; width:100%; height:100%; min-width:300px; position: relative; overflow-x:hidden;}

body[orient="portrait"] { min-height:540px; }
body[orient="landscape"] { min-height:400px; }

video{ width:100%; }
ul{ margin:0; padding:0; list-style:none;}
ul > li{ margin:0; padding:0; list-style:none;}
ol{ margin:0; padding:0; list-style:none;}
ol > li{ margin:0; padding:0; list-style:none;}
dl{ margin:0; padding:0; list-style:none;}
dl > dt{ margin:0; padding:0; list-style:none;}
dl > dd{ margin:0; padding:0; list-style:none;}

p{ margin:0; line-height:1.8;}
s{ color:#cccccc;}

a img{ border:0px;}
a{ color:#555555; outline: none; text-decoration:none; selector-dummy : expression(this.hideFocus=true);}
a:hover{ cursor:pointer; color:#3164F1; border-color:#108eed; outline: none; text-decoration:none;}

table{ display:table; border-collapse:collapse;}
th,td{ display:table-cell;}
form{ padding:0; margin:0;}
input[type=button],button{ cursor:pointer;}
input[type=text],input[type=password],input[type=email],input[type=date],input[type=time]{ime-mode:inactive;}
input[type=number]{ime-mode:inactive;}

input:read-only, textarea:read-only {
  background-color: #f1f1f1;
}


select{ font-size:12px; background-color:#fff;}
h1,h2,h3,h4,h5,p{ color:#202020; margin:0; padding:0; line-height:1.6;}
select > option:disabled {
    color:#bbbbbb;
}

svg{margin:0; padding:0;}

.LoadingBar{ position:fixed; left:0; top:0; display:table; width:100%; height:100%; z-index:50000;}
.LoadingBar > li{ position:relative; display:table-cell; text-align:center; vertical-align:middle; color:#ffffff;}
.LoadingBar:before{ content:""; position:fixed; width:100%; height:100%; left:0; top:0; background-color:#000000; opacity:0.6; animation-name:LoadBlackOpacity; animation-duration:0.3s;}
.LoginFormSection{ width:200px; margin:auto; text-align:left; background-color:#ffffff; color:#000000; position:relative; border:3px solid #0c66f3;}
.LoginFormSection > header{ padding:16px;}
.LoginFormSection > header > nav{ position:absolute; right:16px; top:16px;}
.LoginFormSection > section{ padding:16px; padding-top:0;}

.loading {display:none; position:fixed; top:-4px; left:0; z-index:99; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
.loading strong {display:block; position:relative; top:50%; margin:-75px auto 0 auto; width:200px; height:50px; padding:0 30px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-sizing:border-box; color:#000; font-size:16px; line-height:50px; text-align:center; animation-name:loadings; animation-duration:3s; animation-iteration-count:infinite;}

@keyframes loadings{
    0% {
        background-color: rgba(255,255,255,0.5);
    }
    50% {
        background-color: rgba(255,255,255,1);
    }
    100% {
        background-color: rgba(255,255,255,0.5);
    }
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


#Work{ display:none;}

@keyframes LoadBlackOpacity {
    from {opacity:0;}
    to {opacity:0.6;}
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:rgba(0,0,0,0.2);
    font-weight:300;
    letter-spacing:-0.2px;
    background-color:transparent;
}
::-moz-placeholder { /* Firefox 19+ */
    color:rgba(0,0,0,0.2);
    font-weight:300;
    letter-spacing:-0.2px;
    background-color:transparent;
}
input:-ms-input-placeholder { /* IE 10+ */
    color:rgba(0,0,0,0.2);
    font-weight:300;
    letter-spacing:-0.2px;
    background-color:transparent;
}
textarea:-ms-input-placeholder { /* IE 10+ */
    color:rgba(0,0,0,0.2);
    font-weight:300;
    letter-spacing:-0.2px;
    background-color:transparent;
}
:-moz-placeholder { /* Firefox 18- */
    color:rgba(0,0,0,0.2);
    font-weight:300;
    letter-spacing:-0.2px;
    background-color:transparent;
}

.DisplayNone{ display:none !important;}