/* 프로젝트별 기본 스타일 정의 START */

/* 폰트 - 세이코어드림 */
@font-face {
  font-family: "S-CoreDream";
  src: url("../fonts/SCDream1.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SCDream1.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SCDream1.woff2") format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/SCDream1.woff") format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/SCDream1.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 100;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("../fonts/SCDream2.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SCDream2.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SCDream2.woff2") format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/SCDream2.woff") format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/SCDream2.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 300;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("../fonts/SCDream3.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SCDream3.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SCDream3.woff2") format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/SCDream3.woff") format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/SCDream3.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 300;
}
@font-face {
  font-family: "S-CoreDreamr";
  src: url("../fonts/SCDream4.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SCDream4.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SCDream4.woff2") format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/SCDream4.woff") format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/SCDream4.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 400;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("../fonts/SCDream5.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SCDream5.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SCDream5.woff2") format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/SCDream5.woff") format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/SCDream5.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 500;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("../fonts/SCDream6.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SCDream6.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SCDream6.woff2") format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/SCDream6.woff") format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/SCDream6.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 600;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("../fonts/SCDream7.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SCDream7.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SCDream7.woff2") format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/SCDream7.woff") format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/SCDream7.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 700;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("../fonts/SCDream8.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SCDream8.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SCDream8.woff2") format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/SCDream8.woff") format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/SCDream8.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 800;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("../fonts/SCDream9.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SCDream9.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/SCDream9.woff2") format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/SCDream9.woff") format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/SCDream9.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 900;
}

/* 폰트 - KBO 다이아 고딕 */
@font-face {
  font-family: "KBO Dia Gothic";
  src: url("../fonts/KBO-Dia-Gothic_light.eot"); /* IE9 Compat Modes */
  src: url("../fonts/KBO-Dia-Gothic_light.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/KBO-Dia-Gothic_light.woff2")
      format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/KBO-Dia-Gothic_light.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/KBO-Dia-Gothic_light.ttf")
      format("truetype"); /* Safari, Android, iOS */
  font-weight: 100;
}
@font-face {
  font-family: "KBO Dia Gothic";
  src: url("../fonts/KBO-Dia-Gothic_medium.eot");
  src: url("../fonts/KBO-Dia-Gothic_medium.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/KBO-Dia-Gothic_medium.woff2") format("font-woff2"),
    url("../fonts/KBO-Dia-Gothic_medium.woff") format("woff"),
    url("../fonts/KBO-Dia-Gothic_medium.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "KBO Dia Gothic";
  src: url("../fonts/KBO-Dia-Gothic_bold.eot");
  src: url("../fonts/KBO-Dia-Gothic_bold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/KBO-Dia-Gothic_bold.woff2") format("font-woff2"),
    url("../fonts/KBO-Dia-Gothic_bold.woff") format("woff"),
    url("../fonts/KBO-Dia-Gothic_bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSansKR-Bold.eot");
  src: url("../fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/NotoSansKR-Bold.woff2") format("font-woff2"),
    url("../fonts/NotoSansKR-Bold.woff") format("woff"),
    url("../fonts/NotoSansKR-Bold.ttf") format("truetype");
  font-weight: 700;
}

/* Noto Sans */
@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSansKR-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/NotoSansKR-Regular.woff2") format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/NotoSansKR-Regular.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/NotoSansKR-Regular.ttf")
      format("truetype"); /* Safari, Android, iOS */
  font-weight: 400;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSansKR-ExtraBold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/NotoSansKR-ExtraBold.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/NotoSansKR-ExtraBold.woff2")
      format("font-woff2"),
    /* Super Modern Browsers */ url("../fonts/NotoSansKR-ExtraBold.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/NotoSansKR-ExtraBold.ttf")
      format("truetype"); /* Safari, Android, iOS */
  font-weight: 800;
}

/* 기본색상 */
:root {
  /* color(변동될 수 있음) */
  --text-color: #000000;
  --text-sub-color: #333333;
  --white-color: #ffffff;
  --yellow-color: #FECF1D;
  --green-color: #5CCBC4;
  --red-color: #e11f1f;
  --dark-green-color: #005FFF;
  --dark-yellow-color: #0D980D;
}

/* 프로젝트별 기본 스타일 정의 END */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  /*outline: 0;*/
  font: inherit;
  vertical-align: baseline;
  line-height: 1;
  font-family: "S-CoreDream", sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  color: var(--text-color);
  word-break: keep-all;

  /*
  폰트 기본 속성
  font-style: ;
  font-weight: ;
  font-family: ;
  font-style: normal;
  font-size: ;
  line-height: ; */
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 추가 */

li {
  list-style: none;
}
a {
  /* display: block; */
  text-decoration: none;
  color: inherit;
}

/* 반응형 rem 기본 폰트 사이즈 10px */
html {
  font-size: 10px;
}

body {
  font-size: 1.6rem;
  /* letter-spacing: 1px; */
}

input:focus-visible, select:focus-visible,  textarea:focus-visible { outline: 1px solid #000 !important;}
input[type="text"]{background-color: #fff; }
input[type="text"]:focus-visible { outline: 1px solid #000 !important;}
select{background-color: #fff;}

/*textarea:focus, input:focus, select:focus{*/
/*  outline: none;*/
/*}*/

.w50 { width: 50%; }
.w100 { width: 100%; }

*:focus{outline:2px dashed #0A6EA5 !important;}

.login-container {
  max-width: 400px;
  margin: 80px auto;
  padding: 32px 24px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.login-title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
}
.login-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
}
.login-form input[type="text"],
.login-form input[type="password"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
}
.login-form button {
  width: 100%;
  padding: 12px;
  background: #0058a3;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 1.1rem;
  font-weight: bold;
  cursor: pointer;
}
.login-form button:hover {
  background: #003e7e;
}
.login-footer {
  margin-top: 18px;
  text-align: center;
  font-size: 0.95rem;
}