/*
@import url('https://fonts.cdnfonts.com/css/roboto');
@import url('https://fonts.cdnfonts.com/css/league-spartan');


@font-face {
    font-family: 'MonoplexKRNerd-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_Monoplex-nerd@1.0/MonoplexKRNerd-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
*/

/*{ outline: none; line-height:1.6; font-family:'League Spartan'; color:#fff;}*/
*{ outline: none; line-height:1.6; font-family:'SUIT';}

html,body { margin:0; padding:0; width:100%; height:100%; 
position: relative;  font-display: swap; align-items: top;justify-content: center; 
-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; 
-webkit-text-size-adjust: 100%;

  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
    /*text-transform:capitalize;*/
}
@media (prefers-color-scheme: light) {
}
@media (prefers-color-scheme: dark) {
}
body[orient="portrait"] { min-height:540px; }
body[orient="landscape"] { min-height:400px; }

header,footer{ z-index:500;}

video{ max-width:100%; object-fit:cover; 	object-position:center; }
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;}
img{ max-width:100%;}
a img{ border:0px;}
a{ outline: none; text-decoration:none; selector-dummy : expression(this.hideFocus=true); }
a:hover{ cursor:pointer;  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=tel],input[type=time]{ime-mode:inactive;; background-color:transparent; max-width:96%; border:0; border-bottom:1px solid #000;}
input[type=number]{ime-mode:inactive; display:inline-block; background-color:transparent; max-width:96%;}

input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=date]:focus,input[type=time]:focus,input[type=number]:focus,textarea:focus,select:focus{
}

textarea{ime-mode:inactive;  background-color:transparent; max-width:96%;}

input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

textarea{ border:0; border-bottom:1px solid #000; padding:3px; line-height:1.6;}


input::placeholder {
  color: rgba(0,0,0,0.6);
}
textarea::placeholder {
  color: rgba(0,0,0,0.6);
}


select{ background-color:#fff; border:0; border-bottom:1px solid #000; padding:3px 0; max-width:calc(96% - 8px);}
h1,h2,h3,h4,h5,p{ 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;
}

html{scroll-behavior: smooth; font-size: 100%;}

.KumGubunKRW:before{ content:"₩ "; }
.KumGubunUSD:before{ content:"$ "; }
.KumGubunEUR:before{ content:"€ "; }
.KumGubunJPY:before{ content:"¥ "; }
.KumGubunCNY:before{ content:"¥ "; }

@media (prefers-color-scheme: dark) {
	body.KBody input[type=text]
	,body.KBody input[type=number]
	,body.KBody input[type=password]
	,body.KBody input[type=tel]
	,body.KBody input[type=email]
	,body.KBody select
	,body.KBody textarea{ background-color:transparent;}

}
.daum-wm-title,.daum-wm-datetime,.daum-wm-content{ display:none !important;}

.pageloaddiv{ background-color:#12176A; position:fixed; left:0; top:0; transition-duration:0.5s; width:100vw; height:100vh; display:inline-block; z-index:6000;}

.privatebtn{ font-weight:bold;}
