@font-face {
	font-family: 'ng';
	src:url('../fonts/NanumGothic.eot');
	src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic.woff') format('woff'),
		url('../fonts/NanumGothic.ttf') format('truetype'),
		url('../fonts/NanumGothic.svg#gooddogregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ngb';
	src:url('../fonts/NanumGothicBold.eot');
	src:url('../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothicBold.woff') format('woff'),
		url('../fonts/NanumGothicBold.ttf') format('truetype'),
		url('../fonts/NanumGothicBold.svg#gooddogregular') format('svg');
	font-weight: bold;
	font-style: normal;
}


@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-family: "ng", "돋움", "Arial";font-size:9pt;}
body,form {
	margin: 0px;

}

table,div{
	/*padding 적용시 100%에 포함*/
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
ul li {list-style:none;}
img {border:0px;}
*{
	/*padding 적용시 100%에 포함*/
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
A:link    {color:black;text-decoration:none;}
A:visited {color:black;text-decoration:none;}
A:active  {color:black;text-decoration:none;}
A:hover  {color:gray;text-decoration:none;}
input,select,textarea {	border: 1px solid #CCCCCC;}

h1 { width:50px; padding:5px; font-size:12px; font-weight:bold; font-family:Arial; color:#FFFF00; background:#999999; border-bottom:3px solid #FFFFFF; margin:0}
h2 {
	padding:5px; font-size:13px; font-weight:bold;
	margin:0;
	/*text-align: center;*/
	}
h3 {
	padding:0px; font-size:12px; font-weight:bold;
	margin:5px;	width:150px; color:gray;
	}
h4 {
	font-size:12px;margin:5px;	color:gray;width:250px;padding-left: 5px;
	}

h5 {font-size:16px;width:100%;padding:10px;font-weight:bold;color:white; background:#0c7cb0;}


/*//레이어 alert 창 정의■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar {
  visibility: hidden;
  min-width: 400px;
  margin-left: -200px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

/*서브페이지 타이틀*/
.sub_title {
  width:804px;
  height: 46px;
  padding:14px 0 0 14px;
  background-image: url(/images2/title_bg.gif);
  margin-bottom:10px;
}
.sub_title2 {
  width:804px;
  height: 46px;
  padding:13px 0 0 43px;
  background-image: url(/images2/title_bg2.png);
  margin-bottom:10px;
	font-size:17px;
	font-weight:bold;
}

.top_menu{
	background-color: #1360ae;
  	color: #fff;
}

.title_b{
color:#705f5f;
font-weight:bold;
font-size: 15px;
line-height: 1.5;
font-family: 'ngb',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;

}

/*�� �Է��� ���� ��*/
.inputTitle{
	padding-right: 5px;
	border-bottom: 1px dotted #EEEEEE;
	/*font-weight: bold;*/
}

/*�� �Է��� ��*/
.inputForm{
	padding-left: 5px;
	border-bottom: 1px dotted #EEEEEE;
}

/*��ǰ����Ʈ �̹���*/
.productImage{
	border: 1px solid #CCCCCC;
}


/*����Ʈ ����*/
.tdtitle{
	border-left: 1 solid #A5A98D;
	font-weight: bold;
	color: black;
	background-image: url(/images/ListBack.jpg);
	background-color: #f8f8f8;
}



/*�����޴���*/
#partleft {
	position:relative; padding:0px; width:150px; float:left;
	border-right: thin dotted #CECECE;
	height: 200px;background: #ffffff;
	}
#partleft ul {
	margin:0; padding:5
	}
#partleft li {
	width:130px; padding:5px; border-bottom:1px dotted #EBEBEB; font-size:12px; list-style:none; text-align:right;
	}

/*Ķ���� �����ο� Ŭ�������ǡ�����������������������������������������������������������������������*/
/*Ÿ��Ʋ*/
.CalendarTitle{
	text-align:center;
	background:#DFD9FF;
	color: #ffffff;
}

/*���̺�*/
.CalendarTable{
	background: #ffffff;
	border: 1px solid #616161;
	border-collapse:collapse ;
	font-size: 15px;
}
.CalendarTable td{
	border: 1px solid #E3E3E3;
	padding: 5px;
	margin: 10px;
}

/*�Ϲ�TD������*/
.CalendarNormalTd{
	border: 1px solid #8E8E8E;
}
/*���콺������TD������*/
.CalendarOverTd{
	border: 1px solid red;
	background: #DFD9FF;
}
/*Ķ���� �����ο� Ŭ�������ǡ�����������������������������������������������������������������������*/