@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");

*{
	font-family:NanumBarunGothic, "나눔바른고딕", Nanum Gothic, "나눔고딕", Malgun Gothic, "맑은 고딕", "돋움", Dotum, "굴림", Arial, AppleGothic, "애플고딕", sans-serif;;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot");
  src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff") format("woff"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf") format("truetype");
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 700;
  src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot");
  src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff") format("woff"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf") format("truetype");
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 300;
  src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot");
  src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff") format("woff"), url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf") format("truetype");
}

:root{
	/*	Border	*/
	/*	Color	*/
	--yellow: #F2AF00;
	--red: #F23200;
	--blue: #0013A6;
	--green: #00AC4B;
	--white: #FFF;
	--black: #1F292E;

	--hover:#F28200;
	--remark: #00DC60;
	--confirm: #33bbff;

	--color-white: var(--white);
	--color-weak:#F2F3F1;
	--color-hazy:#D1DBE0;
	--color-pale:#C2CFD6;;
	--color-washy:#B3C3CB;;
	--color-light : #95ADB7;
	--color-watery : #7694A2;
	--color-shadow : #5D7A89;
	--color : #485F6A;
	--color-middle:#34444C;
	--color-bold: #1F292E;

	--color-remark: #CC9900;

	/*	Background	*/
	--background-scroll: #e6f7ff;
	--background-scroll-thumb: #006699;

	--background-hover:#F28200;
	--background-main: #E0E6EB;
	--background-white: var(--white);
	--background-hazy: #F8F8F8;
	--background-form: #E6F9FF;

	--button: #66CCFF;
	
	/*	Border	*/
	--border-seperate: #E0E6EB;
	--border-form: #E0E6EB;
	--border-main: #D0DAE1;

	/*	Radius	*/
	--radius-window: 1rem;
	--radius-form: 0.25rem;
	--radius-small: 0.25rem;

	/*	Size	*/
	--font-main: 0.875rem;

	/*	Index	*/
	--index-title: 10;
}

html{
	font-size: 16px;
}

body{
	font-size:0.75rem;
	line-height:1.5em;
	color: var(--color);
	background-color: var(--color-white);
	letter-spacing: -0.05em;
	word-spacing: 0.1em;
	overflow-x:hidden;
}

@media only screen and (max-width: 767px) {
	/* 모바일 가로	*/
	body{
		font-size:	0.8125rem;
	}
}
html, body {margin: 0; padding: 0;}

table{
	width:100%;
	border-spacing:0px;
	padding:0px;
	border-collapse:collapse;
	table-layout:fixed;
	empty-cells:show;
}

a{
	display:inline-block;
	text-decoration:none;
  color: #333;
}
a:link {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:hover {color:#666666; text-decoration:none;}
a:active {color:#666666; text-decoration:none;}

a img {border: none; }

i{
	vertical-align:middle;
}

img {vertical-align: top;}

ul, dl, ol, li, dd, dt{
	list-style: none;
	padding: 0 0 0 0;
	line-height: 100%;
}

fieldset {margin:0; padding: 0; border: none;}
legend {display:none;}
caption {display:none;}
hr {display:none;}

h1 {margin:0 0 0 0; line-height:100%;}
h2, h3, h4, h5, h6 {margin: 0 0 0 0; line-height:120%; }

form {margin:0; padding:0;}

textarea {	
	overflow:auto;
	border:1px solid #B9B9B9;
	background:#ffffff;
}

input {margin:0; padding:0; vertical-align:middle; }
input[type=checkbox] {margin-right:2px;}s
input.type_checkbox {margin:0px 3px 2px 0px;}
* html input.type_checkbox {margin:-3px 0 0 -4px;}
input.type_checkbox2 {margin:-2px 0 0 0;}
input.type_checkbox3 {margin:0 3px 2px 10px;} 
input.type_checkbox4 {margin:0px 3px 2px -2px;}
* html input.type_checkbox4 {margin:-3px 0 0 -7px;}
*+html input.type_checkbox4 {margin:-3px 0 0 -4px;}

input, select{
	color:#666;
	font-size:0.75rem;
	line-height:1.5em;
}

input[type=radio] {margin-right:3px;}
input.type_radio {margin:-3px 3px 0 0;}

select.type_select1 {
	height:1.7em;
	margin:1px 0 0 0; 
	vertical-align:middle;
}

select.type_select2 {
	color:#666;
	font-family:"Dotum";
	height:1.5em;
	margin:1px 0 0 0; 
	vertical-align:middle;
}

select.type_select3 {
	color:#666;
	font-family:"Dotum";
	height:1.8em;
	margin:1px 0 0 0; 
	vertical-align:middle;
}

input.type_bgtext {
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:none;
	border-bottom:none;
	padding:2px 0 0 3px;
	width:163px;
	height:21px;
	background: url("/system/images/popup/bg_input_text.gif") no-repeat 0 0;
}

input.type_text1 {
	vertical-align:middle;
	height:23px;
	margin:0 0 0 0;
	padding:2px 2px 0 2px;
	border:solid 1px #CACACA;
	color:#666666;
}

input.type_text2 {
	width:100px;
	vertical-align:middle;
	height:17px;
	margin:0 0 0 0;
	padding:2px 2px 0 2px;
	border:solid 1px #CFCFCF;
	color:#666666;
}

input.type_text3 {
	vertical-align:middle;
	height:19px;
	margin:0 0 0 0;
	padding:2px 2px 0 2px;
	background:#EFEFEF;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	color:#666666;
	width:164px;
}

input.type_readonly {
	height:1.6em;
	margin:0;
	padding:0 0 0 2px;
	border-left:1px solid #7A7A7A;
	border-top:1px solid #7A7A7A;
	border-right:1px solid #D1CDC4;
	border-bottom:1px solid #D1CDC4;
	background:#ECECEC;
}

input.type_password {
	height:1.6em;
	margin:0;
	padding:0 0 0 2px;
	border-top:solid 1px #D0D0D0;
	border-left:solid 1px #D0D0D0;
	border-right:solid 1px #E9E9E9;
	border-bottom:solid 1px #E9E9E9;
	background:#FAFAFA;
}

/*input[type=file] {height:18px;}*/
input.type_file1 {
	height:1.6em;
	margin:-2px 0 0 0;
	vertical-align:middle;
	border:solid 1px #B9B9B9;
	background-color:#EDEDED;
}