@charset "utf-8";
 

/*
@font-face {
  font-family: 'Nanum Gothic', sans-serif;
  font-style: normal;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype');
} 
*/
 
/*
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
*/


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(/font/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(/font/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(/font/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(/font/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(/font/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(/font/NotoSansKR-Black.otf) format('opentype');} 

* {
    font-family: 'Noto Sans KR', sans-serif;
} 

/* @import url("http://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");*/
.noto12_black { font-family: 'Noto Sans KR', sans-serif; font-size:12px; color:#333333; line-height: 130%;}  
.noto14_black { font-family: 'Noto Sans KR', sans-serif; font-size:14px; color:#333333; line-height: 130%;}  
.noto16_white { font-family: 'Noto Sans KR', sans-serif; font-size:16px; color:#ffffff; line-height: 130%;}  
.noto16_black { font-family: 'Noto Sans KR', sans-serif; font-size:16px; color:#333333; line-height: 130%;}  
.noto18_black { font-family: 'Noto Sans KR', sans-serif; font-size:18px; color:#333333; line-height: 130%;}  
.noto20_black { font-family: 'Noto Sans KR', sans-serif; font-size:20px; color:#333333; line-height: 130%; }  
.noto22_black { font-family: 'Noto Sans KR', sans-serif; font-size:22px; color:#333333; line-height: 130%; }  
.noto28_black { font-family: 'Noto Sans KR', sans-serif; font-size:28px; color:#333333; line-height: 130%; }  
.noto36_black { font-family: 'Noto Sans KR', sans-serif; font-size:36px; color:#333333; line-height: 130%; }  
.noto36_gray3 { font-family: 'Noto Sans KR', sans-serif; font-size:36px; color:#333333; line-height: 130%; }  
/* font-weight:900 */  
 
/* a테그 */  
	A:link, A:visited {text-decoration: none; color: #444444; } 
	A:hover {text-decoration: none; color: #7B0F23; } /* 붉은색 */

	A.A_rust:link, A.A_rust:visited {text-decoration: none; color: #034D8F; } 
	A.A_rust:hover {text-decoration: none; color: #660033; font-weight:bold; }

	A.A_white:link, A.A_white:visited {text-decoration: none; color: #ffffff; } 
	A.A_white:hover {text-decoration: none; color: #dddddd; }

	A.A_black:link, A.A_black:visited {text-decoration: none; color: #000000; } 
	A.A_black:hover {text-decoration: none; color: #124D88; }

	A.A_white8:link, A.A_white8:visited {text-decoration: none; color: #ffffff; font-size:8pt; line-height:8pt;} 
	A.A_white8:hover {text-decoration: none; color: #ffffff; font-size:8pt; line-height:8pt;}
	 

	A.A_red8:link, A.A_red8:visited {text-decoration: none; color: #951128; font-size:8pt; line-height:8pt; } 
	A.A_red8:hover {text-decoration: none; color: #075F9E; font-size:8pt; line-height:8pt;  font-weight:bold; }


	A.A_red10:link, A.A_red10:visited {text-decoration: none; color: #951128; font-size:10pt; line-height:10pt; } 
	A.A_red10:hover {text-decoration: none; color: #075F9E; font-size:10pt; line-height:10pt;  font-weight:bold; }

	A.A_10:link, A.A_10:visited {text-decoration: none; color: #444444; font-size:10pt; line-height:10pt;} 
	A.A_10:hover {text-decoration: none; color: #7B0F23; font-size:10pt; line-height:10pt;} /* 붉은색 */

	A.A_10_topsub:link, A.A_10_topsub:visited {text-decoration: none; color: #ffffff; font-size:10pt; line-height:10pt;  font-weight:bold;} 
	A.A_10_topsub:hover {text-decoration: none; color: #7B0F23; font-size:10pt; line-height:10pt;  font-weight:bold;} /* 붉은색 - 파란배경 */

	A.A_black10:link, A.A_black10:visited {text-decoration: none; color: #000000; font-size:10pt; line-height:10pt;} 
	A.A_black10:hover {text-decoration: none; color: #7B0F23; font-size:10pt; line-height:10pt;} /* 붉은색 */

	A.A_white10:link, A.A_white10:visited {text-decoration: none; color: #ffffff; font-size:10pt; line-height:10pt;} 
	A.A_white10:hover {text-decoration: none; color: #7B0F23; font-size:10pt; line-height:10pt; background-color:#227FDC;} /* 붉은색 */

	A.A_whiteR10:link, A.A_whiteR10:visited {text-decoration: none; color: #ffffff; font-size:10pt; line-height:10pt;} 
	A.A_whiteR10:hover {text-decoration: none; color: #FCE2E7; font-size:10pt; line-height:10pt;} /* 백색 */


	A.A_black11:link, A.A_black11:visited {text-decoration: none; color: #000000; font-size:11pt; line-height:11pt;} 
	A.A_black11:hover {text-decoration: none; color: #408080; font-size:11pt; line-height:11pt;}

	A.A_black11B:link, A.A_black11B:visited {text-decoration: none; color: #000000; font-size:11pt; line-height:11pt; font-weight:bold;} 
	A.A_black11B:hover {text-decoration: none; color: #000000; font-size:11pt; line-height:11pt; font-weight:bold;}

	A.A_white11:link, A.A_white11:visited {text-decoration: none; color: #ffffff; font-size:11pt; line-height:11pt;} 
	A.A_white11:hover {text-decoration: none; color: #ffffff; font-size:11pt; line-height:11pt;}

	A.A_blue11:link, A.A_blue11:visited {text-decoration: none; color: #1D407A; font-size:11pt; line-height:11pt;} 
	A.A_blue11:hover {text-decoration: none; color: #408080; font-size:11pt; line-height:11pt;}

	A.A_white12:link, A.A_white12:visited {text-decoration: none; color: #ffffff; font-size:12pt; line-height:12pt;} 
	A.A_white12:hover {text-decoration: none; color: #ffffff; font-size:12pt; line-height:12pt;}

	A.A_white12_yellow:link, A.A_white12_yellow:visited {text-decoration: none; color: #ffffff; font-size:12pt; line-height:12pt;} 
	A.A_white12_yellow:hover {text-decoration: none; color: #ffcc00; font-size:12pt; line-height:12pt;}
	A.A_yellow12_yellow:link, A.A_yellow12_yellow:visited {text-decoration: none; color: #ffcc00; font-size:12pt; line-height:12pt;} 
	A.A_yellow12_yellow:hover {text-decoration: none; color: #ffcc00; font-size:12pt; line-height:12pt;}

	A.A_white14:link, A.A_white14:visited {text-decoration: none; color: #ffffff; font-size:14pt; line-height:14pt;} 
	A.A_white14:hover {text-decoration: none; color: #ffffff; font-size:14pt; line-height:14pt;}

	A.A_14B:link, A.A_14B:visited {text-decoration: none; color: #525252; font-size:14pt; line-height:14pt; font-weight:bold} 
	A.A_14B:hover {text-decoration: none; color: #427ACE; font-size:14pt; line-height:14pt; font-weight:bold}

 


/* 스마트폰용 css  =========================================== */ 
	.M_wrap{margin:0 auto; overflow:hidden; width:100%; color:#343434; } 

	/* 상단로고 영역 */
	.M_header{width:100%; text-align:center; position:relative; overflow:hidden;} 
	.M_header .pc{ position:absolute; float:left; display:block; top:17px; left:15px;}
	.M_header .logo{  display:block; margin:5px auto;} 
	.M_header .logout{ position:absolute; float:right;  display:block; top:17px; right:10px;}  

	.M_header .title{float:left; display:block;  color:#ffffff; clear:both; background:#282828; }
	.M_header .msg{float:right;  display:block; clear:both; color:#ffffff; } 


	/* 검색 영역 */
	.M_search{width:100%; padding:5px 5px; text-align:center; position:relative; overflow:hidden; 
				color:#ffffff; background:#282828; border-bottom:1px solid #000000;} 
	.M_search .date{ float:left; display:block; } 
	.M_search .word{ float:left; display:block; } 


	/* 리스트 영역 */
	.M_list{width:100%;  position:relative; overflow:hidden;}  
	.M_list .cell{ display:block; padding:5px 5px; border-bottom:1px dashed #787878;  } 

	/*
	.M_list .order{ position:absolute;display:block; float:left;} 
	.M_list .btns{position:absolute; display:inline; float:right; } */
	.M_list .ordernum{ background:#000000; color:#ffffff; padding:5px 5px; margin:2px 2px;   } 

	.M_list .colname_date{ background:#7C3436; color:#ffffff; padding:0px 3px; margin:2px 2px;   } 
	.M_list .colname_text{ background:#5B5B5B; color:#ffffff; padding:0px 3px; margin:2px 2px;   } 
	.M_list .colname_multi{ background:#647845; color:#ffffff; padding:0px 3px; margin:2px 2px;   } 
	.M_list .colname_num{ background:#5F3768; color:#ffffff; padding:0px 3px; margin:2px 2px;   } 
	.M_list .colname_addr{ background:#306376; color:#ffffff; padding:0px 3px; margin:2px 2px;   } 



	/* 페이지 타이틀 */
	.M_pagetitle{width:100%; padding:5px 5px;  position:relative; overflow:hidden; 
				color:#ffffff; background:#282828; border-bottom:1px solid #000000;}  
	.M_form{width:100%;  position:relative; overflow:hidden;  display:block; padding:5px 5px;}  
	.M_form .btncell{width:100%; text-align:center; display:block; padding:10px 10px;   } 





 



/* 폰
@media all and (max-width:320px) {
	body{background-color:red}
	td     { font-size:12px; line-height: 130%; color:red; }
	
} 

테블릿 
@media all and (min-width:321px) and (max-width:768px) {
	/*	body{background-color:blue}
	td     { font-size:12px; line-height: 130%; color:blue; }

} 

pc
@media all and (min-width:769px) {
	body{background-color:green}
	td     { font-size:12px; line-height: 130%; color:green; }
} 
*/

body   {font-size:9pt ; color:#333333; line-height:13pt; }  




/* 테이블관련 */

	/* td     {text-decoration: none; color:black; font-size:9pt; line-height:14pt; } */
	td     { font-size:12px; line-height: 130%; color:#000000; }

	td.print_title     {text-decoration: none; color:black; font-size:14pt; line-height:14pt; }

	td.td9 { font-size:9px; line-height: 100%; color:#000000;}

	td.td10 { font-size:10px; line-height: 100%; color:#444444;}
	td.td10_black { font-size:10px; line-height: 100%; color:#000000;}
	td.td10_white { font-size:10px; line-height: 100%; color:#ffffff;}
	td.td10_gray2 { font-size:10px; line-height: 130%; color:#c2c2c2;}

	td.td11 { font-size:11px; line-height: 130%; color:#444444;} 

	td.td11_print { font-size:11px; line-height: 130%; color:#000000; 
	BORDER-right: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; }
	td.td11_white { font-size:11px; line-height: 130%; color:#ffffff;}
	td.td11_black { font-size:11px; line-height: 130%; color:#000000;}
	td.td11_blackB { font-size:11px; line-height: 130%; color:#000000; font-weight:bold}

	td.td12 { font-size:12px; line-height: 130%; color:#444444;}
	td.td12_black { font-size:12px; line-height: 130%; color:#000000;}
	td.td12_blackB { font-size:12px; line-height: 130%; color:#000000; font-weight:bold;}
	td.td12_gray { font-size:12px; line-height: 130%; color:#bbbbbb;}
	td.td12_gray2 { font-size:12px; line-height: 130%; color:#c2c2c2;}
	td.td12_white { font-size:12px; line-height: 130%; color:#ffffff;}
	td.td12_white100 { font-size:12px; color:#ffffff;}
	td.td12_whiteB { font-size:12px; line-height: 130%; color:#ffffff; font-weight:bold;}
	td.td12_whiteB_searchbox { font-size:12px; line-height: 200%; color:#ffffff; font-weight:bold;}
	td.td12_darkred { font-size:12px; line-height: 130%; color:#F1ACAF;}

	td.td12_print { font-size:12px; line-height: 130%; color:#000000; 
	BORDER-right: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; }

	td.td12_printB { font-size:12px; line-height: 130%; color:#000000; 
	BORDER-right: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;  font-weight:bold; }

	td.td12_list_head { font-size:12px; line-height: 130%; color:#000000; 
	BORDER-right: #DBDBDB 1px solid; BORDER-BOTTOM: #DBDBDB 1px solid;  font-weight:bold; }
	td.td12_list { font-size:12px; line-height: 130%; color:#000000; 
	BORDER-right: #DBDBDB 1px solid; BORDER-BOTTOM: #DBDBDB 1px solid; }


	td.td13 { font-size:13px; line-height: 130%; color:#444444;}
	td.td13_black { font-size:13px; line-height: 130%; color:#000000;}
	td.td13_white { font-size:13px; line-height: 130%; color:#ffffff;} 

	td.td14 { font-size:14px; line-height: 130%; color:#444444;}
	td.td14B { font-size:14px; line-height: 130%; color:#444444; font-weight:bold;}
	td.td14_black { font-size:14px; line-height: 130%; color:#000000;}
	td.td14_blackB { font-size:14px; line-height: 130%; color:#000000; font-weight:bold;}

	td.td14_white { font-size:14px; line-height: 130%; color:#ffffff;}
	td.td14_whiteB { font-size:14px; line-height: 130%; color:#ffffff; font-weight:bold;}
	td.td14_white2 { font-size:14px; line-height: 100%; color:#ffffff;}
	td.td14_blueB { font-size:14px; line-height: 130%; color:#07337A; font-weight:bold;}
	td.td14_purpleB { font-size:14px; line-height: 130%; color:#800040; font-weight:bold;}
	 
	td.td14_print { font-size:14px; line-height: 130%; color:#000000; 
	BORDER-right: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; }


	td.td14_list_head { font-size:14px; line-height: 130%; color:#000000; 
	BORDER-right: #DBDBDB 1px solid; BORDER-BOTTOM: #DBDBDB 1px solid;  font-weight:bold; }
	td.td14_list { font-size:14px; line-height: 130%; color:#000000; 
	BORDER-right: #DBDBDB 1px solid; BORDER-BOTTOM: #DBDBDB 1px solid; }


	td.td16 { font-size:16px; line-height: 130%; color:#444444;}
	td.td16_black { font-size:16px; line-height: 130%; color:#000000;}
	td.td16_blackB { font-size:16px; line-height: 130%; color:#000000; font-weight:bold;}
	td.td16_white { font-size:16px; line-height: 130%; color:#ffffff;}
	td.td16_whiteB { font-size:16px; line-height: 130%; color:#ffffff; font-weight:bold;}

	td.td18 { font-size:18px; line-height: 130%; color:#444444;}
	td.td18_white { font-size:18px; line-height: 130%; color:#ffffff;}
	td.td18_whiteB { font-size:18px; line-height: 130%; color:#ffffff; font-weight:bold;}
	td.td18_black { font-size:18px; line-height: 130%; color:#000000;}
	td.td18_blackB { font-size:18px; line-height: 130%; color:#000000; font-weight:bold;}
	td.td18_DarkblueB { font-size:18px; line-height: 130%; color:#3C4451; font-weight:bold;}
	td.td20 { font-size:20px; line-height: 130%; color:#444444;}
	td.td20_black { font-size:20px; line-height: 130%; color:#000000;}
	td.td24 { font-size:24px; line-height: 130%; color:#444444;}
	td.td24_black { font-size:24px; line-height: 130%; color:#000000;}
	td.td24_darkgrayB { font-size:24px; line-height: 130%; color:#4B4B4B; font-weight:bold;}

	td.td28 { font-size:28px; line-height: 130%; color:#444444;}
	td.td28_black { font-size:28px; line-height: 130%; color:#000000;}
	td.td28_bodytitle { font-size:28px; line-height: 130%; color:#3C4451;}
	td.td28_yellowB { font-size:28px; line-height: 130%; color:#E49425; font-weight:bold;}

	td.td60 { font-size:60px; line-height: 130%; color:#444444;}
	td.td60_black { font-size:60px; line-height: 130%; color:#000000;}
	td.td60_blackB { font-size:60px; line-height: 130%; color:#000000; font-weight:bold;}

	td.td60_1 { font-size:60px; line-height: 130%; color:#000000;}
	td.td60_2 { font-size:60px; line-height: 130%; color:#000000; font-weight:bold;}

	td.td_title_black { font-size:50px; line-height: 130%; color:#000000;}

	td.ctitle_1 { font-size:60px; line-height: 100%; color:#000000;}
	td.ctitle_2 { font-size:40px; line-height: 100%; color:#000000;}



 
/* 인풋박스 */
	.input_basic {
		color: #000000; /* 폰트색 */
		font-size: 12px; /* 폰트크기 */
		padding:6px;
		height:26px;
		border: 1px solid #D3D9E0;  /* 테두리 */
		background-color: #FBFBFD;  /* 배경색깔 */ 
	}

	.input_rsv {
		color: #000000; /* 폰트색 */
		font-size: 12px; /* 폰트크기 */
		padding:8px; /* 내부 상하좌우 여백 */
		border: 1px solid #D3D9E0;  /* 테두리 */
		background-color: #FBFBFD;  /* 배경색깔 */
		width:150px; height:30px;  /* 사이즈 */

		/* 
		background:url('input_bg.jpg') no-repeat; 
		*/
	}
	.input_rsv_none {
		color: #000000;
		font-size: 12px;
		padding:8px;
		border: 0px;  
		width:150px; height:30px; 
	}

	.input_rsv_none40 {
		color: #000000;
		font-size: 12px;
		padding:10px;
		border: 0px;  
		background-color: #FBFBFD; 
		width:40px; height:30px; 
	} 


	.input_f10 {
		color: #000000; /* 폰트색 */
		font-size: 10px; /* 폰트크기 */
	}

	.input_f11 {
		color: #000000; /* 폰트색 */
		font-size: 11px; /* 폰트크기 */
	}
	.input_f11_DATE {
		color: #000000; /* 폰트색 */
		font-size: 11px; /* 폰트크기 */
		width:65px;
	}
	 
	.input_f12 {
		color: #000000; /* 폰트색 */
		font-size: 12px; /* 폰트크기 */
	}

	.input_readonly {
		border: 1px solid #cccccc;  /* 테두리 */
		background-color: #eeeeee;  /* 배경색깔 */
	}

	.login_input {
		color: #1B3243;
		font-size: 14px;
		font-weight:bold;
		width:120px;
		height:22px;
	}


	.input_login {
		color: #000000; /* 폰트색 */
		font-size: 16px; /* 폰트크기 
		padding:6px;*/
		height:40px;
		width:280px; /* 
		background-color: #FBFBFD; 배경색깔 */ 
	}


/* 인풋박스 넘버형에서 화살표 지우기 */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
		-webkit-appearance: none;    
		margin: 0;
	}
 
.div_radius{border-radius:5px 10px 15px 20px;}
 

/* 글씨 반짝이게 하기 
<span class="image blinking"> 반짝이게 하고 싶은 이미지나 텍스트 </span> 
*/
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}


.blinking2{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
} 



/* 비번 보이기/숨기기 */
	#keyShow {
		position: absolute;
		display: none;
		margin-left: -50px;
		margin-top: 24px;
		font-size: 9px;
		cursor: pointer;
		color: #0075ff;
		font-weight:bold;
	}

/* 라운드 테이블 */
.round_table {
  border-collapse: collapse;
  border-radius: 5px;
  border-style: hidden;
  /*box-shadow: 0 0 0 0px #000;*/
  box-shadow: 1px 1px 1px 1px #d5d5d5;
}