@charset "utf-8";
:root {
  --bs-blue: #1B65D4;
  --bs-red: #C94353;
  --bs-green: #009833;
  --bs-orange: #ff5e15;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #cccccc;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f4f3f3;
  --bs-gray-200: #222222;
  --bs-gray-300: #333333;
  --bs-gray-400: #444444;
  --bs-gray-500: #555555;
  --bs-gray-600: #666666;
  --bs-gray-700: #777777;
  --bs-gray-800: #888888;
  --bs-gray-900: #999999;
  --bs-primary: #121E3B;
  --bs-secondary: #629EF8;
  --bs-border : #C5CDD7;
  --bs-btn : #0079C3;
  --bs-font: #121E3B;
  --bs-font-hover: #1B65D4;
  --bs-light: #cccccc;
  --bs-dark: #0b152c;
  --bs-lnb-bg :#E6EAF0;
  --bs-font-sans-serif: 'Pretendard', "돋움", Dotum, Arial, sans-serif;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 5px;
	height:5px;
}
::-webkit-scrollbar-thumb {
  height: 30px;
  background-color: var(--bs-primary);
  background-clip: padding-box;
  border: 0px solid transparent;
}
html {
  overflow-y: auto;
} /*2023-12-04 수정*/
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;
}
body, table, th, td, button, select, input, textarea {
  font-family: var(--bs-font-sans-serif);
  font-size: 14px;
  color: var(--bs-gray-500);
  -webkit-text-size-adjust: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
audio, canvas, video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
audio, canvas, img, video {
  vertical-align: middle;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  /*table-layout: fixed;*/
}
img, fieldset {
  border: 0;
}
input, select, textarea {
  line-height: 1.2;
  vertical-align: middle;
  border: 1px solid var(--bs-border);
  border-radius: 4px;
  background: #fff;
  font-weight: 500;
}
input, select {
  height: 26px;
  padding: 0 10px;
}
input[type=file] {padding:0;border:0;}
input[type=file]:read-only {background:rgba(255,255,255,0) !important}
input:focus, select:focus, textarea:focus {
  outline: 0;
  border: 1px solid var(--bs-primary);
}
input:read-only, textarea:read-only {
  background: #f7f7f7 !important;
}
input:read-only:focus, select:read-only:focus, textarea:read-only:focus {
  border: 1px solid #dcdcdc !important;
}
input::placeholder {
  text-align: left;
  color: #aaaaaa;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: transparent !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: transparent !important;
}
input[type=radio], input[type=checkbox] {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
/*
input[type=radio] {
  display: none !important;
}
input[type=radio] + label {
  display: inline-block;
  background: var(--bs-white);
  width: 19px;
  height: 19px;
  cursor: pointer;
  margin-right: 0.2em;
  vertical-align: middle;
  border: 1px solid var(--bs-gray);
  border-radius: 50%;
  position: relative;
}
input[type=radio]:checked + label:after {
  background: var(--bs-primary);
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  border-color: var(--bs-primary);
  content: "";
}
input[type=radio] + label + label {
  margin-right: 0.5em;
  vertical-align: middle;
}
input[type=radio]:disabled + label {
  background: var(--bs-gray-100);
  box-shadow: none;
  opacity: 0.9;
  cursor: not-allowed;
  border-color: var(--bs-gray-200);
}
input[type=radio]:disabled + label:after {
  background: var(--bs-gray-200);
  border-color: var(--bs-gray-200);
}
input[type=checkbox] {
  display: none !important;
}
input[type=checkbox] + label {
  display: inline-block;
  background: var(--bs-white);
  width: 19px;
  height: 19px;
  cursor: pointer;
  margin: 0 0.2em;
  vertical-align: middle;
  border: 1px solid var(--bs-gray);
  border-radius: 4px;
}
input[type=checkbox]:checked + label {
  background: var(--bs-primary) url("../images/icon_checkbox.png") center center no-repeat;
  border-color: var(--bs-primary);
}
input[type=checkbox] + label + label {
  margin-right: 0.5em;
  vertical-align: middle;
}
input[type=checkbox]:disabled + label {
  background-color: var(--bs-gray-100);
  box-shadow: none;
  opacity: 0.9;
  cursor: not-allowed;
  border-color: var(--bs-gray-200);
}*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--bs-white) url("../images/icon_select.png") no-repeat 95% 50%;
  padding: 0 20px 0 7px;
  min-width: 120px;
}
select::-ms-expand {
  display: none;
}
select:focus {
  border: 1px solid var(--bs-primary);
  outline: 0;
  box-shadow: 0;
}
select:required, input:required, textarea:required {
  border-color: var(--bs-primary);
}
select:required:focus, input:required:focus, textarea:required:focus {
  background: var(--bs-light);
}
button, select {
  text-transform: none;
}
button, input {
  line-height: normal;
}
textarea {
  resize: vertical;
  overflow: auto;
}
address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal;
}
label {
  cursor: pointer;
}
caption {
  display: none;
  visibility: hidden;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #eaeaea;
  margin: 1em 0;
  padding: 0;
}
a {
  color: var(--bs-gray-500);
  text-decoration: none;
}
a:active, a:hover, a:focus {
  text-decoration: none;
}
button {
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  border: 0px;
  background: none;
}
pre {
	font-family: var(--bs-font-sans-serif);
	font-size: 14px;
	color: var(--bs-gray-500);
	line-height: 1.6;
	white-space: pre-wrap;
	word-break: break-all;
	-webkit-text-size-adjust: none;
}
.cm-al {
  text-align: left !important;
}
.cm-ac {
  text-align: center !important;
}
.cm-ar {
  text-align: right !important;
}
.cm-aj {
  text-align: justify !important;
}
.max-img {
  max-width: 100%;
}
.blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0
}
.text-primary {
  color: var(--bs-primary) !important;
}
.text-blue {
  color: var(--bs-blue) !important;
}
.text-red {
  color: var(--bs-red) !important;
}
.text-orange {color: var(--bs-orange) !important;}
.text-help {display:flex;justify-content: center;gap:5px;  color: var(--bs-red) !important;    margin: 4px 0;}
.text-help.al {justify-content: flex-start}
.ico-help {background:url("../images/ico_help.png") no-repeat top left;width:16px;height:16px;}

.text-12 {font-size:12px;line-height:1.4; }

.mrT25p {
  margin-top: 25px
}
.mrT40p {
  margin-top: 40px
}
.wid80p {width:80px;}
.wid100p {width:100px;}
.wid5 {width:5%;}
.wid10 {width:10%;}
.wid20 {width:20%;}
.wid30 {width:30%;}
.wid40 {width:40%;}
.wid50 {width:50%;}
.wid60 {width:60%;}
.wid70 {width:70%;}
.wid80 {width:80%;}
.wid90 {width:90%;}
.wid100 {width:100% !important;}

@media all and (max-width:800px) {
  body, table, th, td, input, textarea, button, select {
    font-size: 13px;
  }
}