@charset "UTF-8";
 	
 	
/* https://iflue.tistory.com/172 ==> Noto Sans KR */
html{overflow-y:scroll;}  /* 스크롤바때문에 화면이 흔들이는 현상 방지 */

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

input, textarea, select {
	
	font-family	: 'Noto Sans KR', xeicon, '나눔고딕', 돋움, 맑은 고딕, 바탕, Batang/Batang, 궁서, Quattrocento Sans, sans-serif, Arial/Arial,Tahoma/Tahoma,Verdana/Verdana; 
	color	   	: #333333  !important;
	font-weight	: 400  !important;
	font-size	: 1rem !important;
  
}  

input::placeholder, textarea::placeholder {
	font-weight		: 300 !important;
	font-size		: 0.8rem !important; 
	font-style		: italic !important;
	color			: #0297D7 !important;
}
/* .input_placeholder_text {
  	font-weight		: 300 !important;
	font-size		: 0.8rem !important; 
	font-style		: italic !important;
	color			: #0297D7 !important;
} */

.dam_list_jsp_won_text {
	width:20px;
	height:12px;
	border-radius:50%;
	background:#194A89;
	
	/* font-size:16px; */
	text-align:center;  /*가로정렬*/
	ine-height:12px;  	/*세로 정렬*/ 
}

.spellcheck {
	
}

.cke_editable {
	font-family	: 'Noto Sans KR', xeicon, '나눔고딕', 돋움, 맑은 고딕, 바탕, Batang/Batang, 궁서, Quattrocento Sans, sans-serif, Arial/Arial,Tahoma/Tahoma,Verdana/Verdana;	
	font-size	: 1.1rem;
	line-height	: 1.7;	
	word-wrap	: break-word; /* Fix for missing scrollbars with RTL texts. (#10488) */
}
.cke_chrome {
    border: 1px solid #ddd !important;
    border-width: thin !important;
}
.cke_top {
  	border-top		: 0px solid #F4F4F4 !important;
  	border-right	: 0px solid #F4F4F4 !important;
  	border-bottom	: 1px solid #ddd 	!important;
 	border-left		: 0px solid #F4F4F4 !important;
    border-width	: thin !important;
}
.cke_bottom {
    display: none !important;
}  


.messagebox_content {
	text-align		: center !important;
	font-size		: 1rem !important;
	font-family	: 'Noto Sans KR', xeicon, '나눔고딕', 돋움, 맑은 고딕,sans-serif !important;
	font-family		: 'Noto Sans KR'  !important;
}

.messagebox_buttons {
	font-family		: 'Noto Sans KR', xeicon, '나눔고딕', 돋움, 맑은 고딕,sans-serif !important;
	font-family			: 'Noto Sans KR', xeicon  !important;
    background-color    : #ffffff  !important;
    border-top          : 0px solid #c8c8c8 !important;
    color               : #404040  !important;
}

.messagebox_buttons_button {
    font-family			: 'Noto Sans KR', xeicon, '나눔고딕', 돋움, 맑은 고딕,sans-serif !important;
    color               : #404040  !important;
    font-weight			: normal !important;
}
.messagebox_button_done {
	color               : #404040  !important;
	border		        : 2px solid #0297D7 !important;
	
}
.messagebox_buttons_button:hover {
    background-color    : #f2f2f2 !important;
}

.MessageBox_custom_button {
    color               : #ffffff;
    border: 1px solid #ced4da;
    font-family			: 'Noto Sans KR', xeicon, sans-serif;
}
.MessageBox_custom_button:hover {
    color               : #ffffff;
    background-color    : #4088cc;
    font-family			: 'Noto Sans KR', xeicon, sans-serif;
}
.MessageBox_custom_button:active {
    color               : #ffffff;
    background-color    : #0055aa;
    box-shadow          : none;
    font-family			: 'Noto Sans KR', xeicon, sans-serif;
}

.img_drag {	
  margin		: auto !important;
  text-align	: center !important;
  color			: #007bff !important;
  font-weight	: 300 !important;
  -ms-flex-pack	: center !important;
  justify-content: center !important;
}

.tippy-box[data-theme~='tomato'] {
  background-color: tomato;  
  color: yellow;
}
.tippy-box[data-theme~='tomato'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color		: tomato;
}.tippy-box[data-theme~='tomato'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color	: tomato;
}.tippy-box[data-theme~='tomato'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color		: tomato;
}
.tippy-box[data-theme~='tomato'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color	: tomato;
}


/* .img_drag {
  color			: #007bff !important;
  font-weight	: 900 !important;
} */

.atag_css 		{color: #222; text-decoration: none;}
.atag_css:hover {color: #FF9900 !important; cursor:pointer; }

.underline 		{ text-decoration: underline; }
.font-italic	{ font-style: italic;} /*글자 기울게*/

.td-10	 { transition-duration: 1.0s; }
.td-15	 { transition-duration: 1.5s; }
.td-20	 { transition-duration: 2.0s; }

.font-malgun { font-family:'Malgun Gothic'; }
.font-nanum  { font-family: 'NanumGothic', 'serif';}

.mybox01 {
  background-color: #4CAF50; /* Green */
  border: none;
  border-radius: 3px;
  color: white;
  text-decoration: none;
}

.mybtn_margin_0 {
  background-color: #4CAF50; /* Green */
  border: none;
  border-radius: 3px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 0px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.mybtn_margin_0:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


.mybtn {
  background-color: #4CAF50; /* Green */
  border: none;
  border-radius: 3px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 3px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.mybtn:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.mybtn_bbb {
  background-color: #bbb;
  border: none;
  border-radius: 3px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 3px;
  /* cursor: pointer; */
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}


.mybtn_ff9900 {
  background-color: #ff9900;
  border: none;
  border-radius: 3px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 3px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.mybtn_ff9900:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


.mybtn_aaa {
  background-color: #aaa; 
  border: none;
  border-radius: 3px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 3px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.mybtn_aaa:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


.mybtn_f90 {
  background-color: #f90; 
  border: none;
  border-radius: 3px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 3px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.mybtn_f90:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

 
.one_jul_css {
	overflow				: hidden ;
	text-overflow			: ellipsis ;
	word-wrap				: break-word ;
	display					: -webkit-box ;
	-webkit-line-clamp		: 1 ; /* 1줄 ellipsis line */
	-webkit-box-orient		: vertical;   
}
.two_jul_css {
	overflow				: hidden ;
	text-overflow			: ellipsis ;
	word-wrap				: break-word ;
	display					: -webkit-box ;
	-webkit-line-clamp		: 2 ; /* 2줄 ellipsis line */
	-webkit-box-orient		: vertical;
}

.font_blink { 
	animation: blink-effect 1s step-end infinite; 
	
	/* 	animation-name: blink-effect; 
		animation-duration: 1s; 
		animation-iteration-count:infinite; 
		animation-timing-function:step-end; 
	*/ 
}

/* 툴팁 css */ 
.ui-tooltip {
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    background:#000;
} 

.fs-05  { font-size: 0.3125rem 	!important; }
.fs-06  { font-size: 0.375rem  	!important; }
.fs-07  { font-size: 0.4375rem 	!important; }
.fs-08  { font-size: 0.5rem  	!important; }
.fs-09  { font-size: 0.5625rem  !important; } 
.fs-10  { font-size: 0.625rem  	!important; }
.fs-11  { font-size: 0.6875rem  !important; }
.fs-12  { font-size: 0.75rem  	!important; }   
.fs-13  { font-size: 0.8125rem  !important; }   
.fs-14  { font-size: 0.875rem  	!important; }	
.fs-15  { font-size: 0.9375rem	!important; }
.fs-16  { font-size: 1rem  		!important; }
.fs-18  { font-size: 1.125rem  	!important; } 
.fs-h5  { font-size: 1.25rem  	!important; }	/* 20px */
.fs-h4  { font-size: 1.5rem  	!important; }	/* 24px */
.fs-h3  { font-size: 1.75rem  	!important; }	/* 28px */
.fs-h2  { font-size: 2rem  		!important; }	/* 32px */
.fs-h1  { font-size: 2.5rem  	!important; } 	/* 40px */
.fs-h0  { font-size: 3.5rem  	!important; } 	/* 40px */

.fb-100 { font-weight: 100 !important;}
.fb-200 { font-weight: 200 !important;}
.fb-300 { font-weight: 300 !important;}
.fb-400 { font-weight: 400 !important;}
.fb-500 { font-weight: 500 !important;}
.fb-600 { font-weight: 600 !important;}
.fb-700 { font-weight: 700 !important;}
.fb-800 { font-weight: 800 !important;}
.fb-900 { font-weight: 900 !important;}

.wd-00 { width: 0%   !important;}
.wd-01 { width: 1%   !important;}
.wd-02 { width: 2%   !important;}
.wd-03 { width: 3%   !important;}
.wd-04 { width: 4%   !important;}
.wd-05 { width: 5%   !important;}
.wd-06 { width: 6%   !important;}
.wd-07 { width: 7%   !important;}
.wd-08 { width: 8%   !important;}
.wd-09 { width: 9%   !important;}
.wd-10 { width: 10%  !important;}
.wd-11 { width: 11%  !important;}
.wd-12 { width: 12%  !important;}
.wd-13 { width: 13%  !important;}
.wd-14 { width: 14%  !important;}
.wd-15 { width: 15%  !important;}
.wd-16 { width: 16%  !important;}
.wd-17 { width: 17%  !important;}
.wd-18 { width: 18%  !important;}
.wd-19 { width: 19%  !important;}
.wd-20 { width: 20%  !important;}
.wd-21 { width: 21%  !important;}
.wd-22 { width: 22%  !important;}
.wd-23 { width: 23%  !important;}
.wd-24 { width: 24%	 !important;}
.wd-25 { width: 25%  !important;}
.wd-26 { width: 26%  !important;}
.wd-27 { width: 27%  !important;}
.wd-28 { width: 28%  !important;}
.wd-29 { width: 29%  !important;}
.wd-30 { width: 30%  !important;}
.wd-31 { width: 31%  !important;}
.wd-32 { width: 32%  !important;}
.wd-33 { width: 33%  !important;}
.wd-34 { width: 34%	 !important;}
.wd-35 { width: 35%	 !important;}
.wd-36 { width: 36%  !important;}
.wd-37 { width: 37%  !important;}
.wd-38 { width: 38%  !important;}
.wd-39 { width: 39%  !important;}
.wd-40 { width: 40%  !important;}
.wd-41 { width: 41%  !important;}
.wd-42 { width: 42%  !important;}
.wd-43 { width: 43%  !important;}
.wd-44 { width: 44%  !important;}
.wd-45 { width: 45%  !important;}
.wd-46 { width: 46%  !important;}
.wd-47 { width: 47%  !important;}
.wd-48 { width: 48%  !important;}
.wd-49 { width: 49%	 !important;}
.wd-50 { width: 50%	 !important;}
.wd-51 { width: 51%  !important;}
.wd-52 { width: 52%  !important;}
.wd-53 { width: 53%  !important;}
.wd-54 { width: 54%  !important;}
.wd-55 { width: 55%	 !important;}
.wd-551 { width: 55.1%	 !important;}
.wd-56 { width: 56%  !important;}
.wd-57 { width: 57%  !important;}
.wd-58 { width: 58%  !important;}
.wd-59 { width: 59%  !important;}
.wd-60 { width: 60%	 !important;}
.wd-61 { width: 61%	 !important;}
.wd-62 { width: 62%	 !important;}
.wd-63 { width: 63%	 !important;}
.wd-64 { width: 64%	 !important;}
.wd-65 { width: 65%	 !important;}
.wd-66 { width: 66%	 !important;}
.wd-67 { width: 67%	 !important;}
.wd-68 { width: 68%	 !important;}
.wd-69 { width: 69%	 !important;}
.wd-70 { width: 70%	 !important;}
.wd-71 { width: 71%	 !important;}
.wd-72 { width: 72%	 !important;}
.wd-73 { width: 73%	 !important;}
.wd-74 { width: 74%	 !important;}
.wd-75 { width: 75%	 !important;}
.wd-76 { width: 76%	 !important;}
.wd-77 { width: 77%	 !important;}
.wd-78 { width: 78%	 !important;}
.wd-79 { width: 79%	 !important;}
.wd-80 { width: 80%	 !important;}
.wd-81 { width: 81%	 !important;}
.wd-82 { width: 82%	 !important;}
.wd-83 { width: 83%	 !important;}
.wd-84 { width: 84%	 !important;}
.wd-85 { width: 85%	 !important;}
.wd-86 { width: 86%	 !important;}
.wd-87 { width: 87%	 !important;}
.wd-88 { width: 88%	 !important;}
.wd-89 { width: 89%	 !important;}
.wd-90 { width: 90%	 !important;}
.wd-91 { width: 91%	 !important;}
.wd-92 { width: 92%	 !important;}
.wd-93 { width: 93%	 !important;}
.wd-94 { width: 94%	 !important;}
.wd-95 { width: 95%	 !important;}
.wd-96 { width: 96%	 !important;}
.wd-97 { width: 97%	 !important;}
.wd-98 { width: 98%	 !important;}
.wd-99 { width: 99%	 !important;}
.wd-100 { width:100% !important;}

.hd-20 {height: 20% !important;}
.hd-30 {height: 30% !important;}
.hd-32 {height: 32% !important;}
.hd-70 {height: 70% !important;}
.hd-80 {height: 80% !important;}

.lh-100	{ line-height: 100% ; }
.lh-130	{ line-height: 130% ; }
.lh-150	{ line-height: 150% ; }
.lh-180	{ line-height: 150% ; }
.lh-200	{ line-height: 200% ; }

.opty-00 { opacity: 0	!important; }
.opty-01 { opacity: 0.1	!important; }
.opty-02 { opacity: 0.2	!important; }
.opty-03 { opacity: 0.3	!important; }
.opty-04 { opacity: 0.4	!important; }
.opty-05 { opacity: 0.5	!important; }
.opty-06 { opacity: 0.6	!important; }
.opty-07 { opacity: 0.7	!important; }
.opty-08 { opacity: 0.8	!important; }
.opty-09 { opacity: 0.9	!important; }
.opty-10 { opacity: 1	!important; }

.bd-a 		{border: 		1px solid #ddd !important;}
.bd-t 		{border-top: 	1px solid #ddd !important;}
.bd-r 		{border-right: 	1px solid #ddd !important;}
.bd-b 		{border-bottom: 1px solid #ddd !important;}
.bd-l 		{border-left: 	1px solid #ddd !important;}

.bdcolor-a  	{border-color: #aaa;}
.bdcolor-b  	{border-color: #bbb;}
.bdcolor-c  	{border-color: #ccc;}
.bdcolor-d  	{border-color: #ddd;}
.bdcolor-e  	{border-color: #eee;}
.bdcolor-07 	{border-color: #f5f0eb;}
.bdcolor-01 	{ border-color: #968888 !important;}
.bdcolor-02 	{ border-color: #bfbfbf !important;}
.bdcolor-fff 	{ border-color: #fff  	!important;}


.bgcolor-a 		{  background-color: #aaa }
.bgcolor-b 		{  background-color: #bbb }
.bgcolor-c 		{  background-color: #ccc }
.bgcolor-d 		{  background-color: #ddd }
.bgcolor-e 		{  background-color: #eee }
.bgcolor-333 	{  background-color: #333333 }
.bgcolor-555 	{  background-color: #555555 }
.bgcolor-666 	{  background-color: #666666 }
.bgcolor-777 	{  background-color: #777777 }
.bgcolor-888 	{  background-color: #888888 }
.bgcolor-999 	{  background-color: #999999 }
.bgcolor-fff 	{  background-color: #fff }

.fc-aaa {color: #aaa;}
.fc-bbb {color: #bbb;}
.fc-ccc {color: #ccc;}
.fc-ddd {color: #ddd;}
.fc-eee {color: #eee;}
.fc-01  {color: #2698cb;}
.fc-02  {color: #007bff ;}
.fc-03  {color: #1E90FF;}
.fc-04  {color: #2698cb;}
.fc-05  {color: #28C2B5;}
.fc-06  {color: #42A2FC;}
.fc-07  {color: #98bcdc;}
.fc-08  {color: #4CAF50 ;}
.fc-09  {color: #73AD21;}
.fc-10  {color: #7174FF;}
.fc-11  {color: #222;}
.fc-12  {color: #878787;}
.fc-13  {color: #968888;}
.fc-14  {color: #aaa;}
.fc-15  {color: #bfbfbf;}
.fc-16  {color: #dceff7;}
.fc-17  {color: #dee2e6;}
.fc-18  {color: #f5f0eb;}
.fc-19  {color: #FFF;} /* white;} */
.fc-20  {color: rgba(255,255,255,0);} /* white;} */
.fc-21  {color: #FF6600;}
.fc-000 {color: #000000 }
.fc-333 {color: #333333 }
.fc-555 {color: #555555 }
.fc-666 {color: #666666 }
.fc-777 {color: #777777 }
.fc-888 {color: #888888 }
.fc-999 {color: #999999 }
.fc-red {color: red }
.fc-blue{color: blue }