/* Basic Styling */

@font-face{
  font-family: 'NanumGothicWeb' !important;
  font-style: normal;
  font-weight: normal;
  src: url('/css/NanumGothic.eot'); 
  src: local('☺'), url('/css/NanumGothic.woff') format('woff'), url('/css/NanumGothic.ttf') format('truetype'); 
}

div , span { box-sizing: border-box ;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
a img { border : none;}
/* Resuable Styling */

.clearfix  , .clear { clear : both ; display : block;}
.hide { display:none; }
.pointer {cursor:pointer;}
.inline-block { display : inline-block; zoom : 1; *display : inline;}

.fr {float:right;}
.fl {float:left;}

.h1 { height : 1px;}
.h2 { height : 2px;}
.h3 { height : 3px;}
.h4 { height : 4px;}
.h5 { height : 5px;}
.h10 { height : 10px;}
.h15 { height : 15px;}


.txt {text-align:center;}
.txc {text-align:center;}
.txr {text-align:right;}
.txl {text-align:left;}

.ls-1 { letter-spacing:-1px;}
.ls0 { letter-spacing:0px;}
.ls1 { letter-spacing:1px;}

.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f24 {font-size:24px;}
.f30 {font-size:30px;}
.f40 {font-size:40px;}

.lh120 {line-height : 120%;}
.lh150 {line-height : 150%;}
.lh180 {line-height : 180%;}

.lh20 {line-height : 20px;}
.lh24 {line-height : 24px;}
.lh28 {line-height : 28px;}
.lh30 {line-height : 30px;}
.lh32 {line-height : 32px;}


.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}

.ml5  {margin-left : 5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}

.mr5  {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr50 {margin-right:50px;}

.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

.p5 { padding : 5px;}
.p10 { padding : 10px;}
.p15 { padding : 15px;}
.p20 { padding : 20px;}
.p30 { padding : 30px;}

.pt5 { padding-top : 5px;}
.pt10 { padding-top : 10px;}
.pt20 { padding-top : 20px;}

.m5 { margin : 5px !important;}
.m10 { margin : 10px !important;}
.m15 { margin : 15px !important;}
.m20 { margin : 20px !important;}
.m30 { margin : 30px !important;}

.w20 { width : 20px !important; }
.w25 { width : 25px !important; }
.w40 { width : 40px !important; }
.w70 { width : 70px !important; }
.w125 { width : 125px !important; }
.w150 { width : 150px !important; }
.w170 { width : 170px !important; }
.w200 { width : 200px !important; }
.w220 { width : 220px !important; }


/* mask style */
.loading-loadmask {    display : block ; z-index: 2000;    position: absolute;    background: #000 url('/images/loader.gif') no-repeat 50% center; top:0;    left:0;    -moz-opacity: .6;    opacity: .6;    filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";   width : 100%; height: 100%; zoom:1;}
.loading-loadmask-msg {    z-index: 20001;    position: absolute;    top: 0;    left: 0;    border:0px solid #00b0d9;    background: #000;    padding:2px;}
.loading-loadmask-msg div {    padding:5px 10px 5px 25px;    background: #000 url('/images/loader.gif') no-repeat 5px 5px;    line-height: 16px;	border:0px solid #00b0d9;    color:#00b0d9;   cursor:wait;}
.loading-masked { overflow : hidden !important; }
.loading-masked-relative {    position: relative !important;}
.loading-masked-hidden {    visibility: hidden !important;}






/* auto complete style */
.autocomplete-w1 { position:absolute; top:0px; left:-1px;  }
.autocomplete { border:1px solid #d2d2d2; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto;  /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; width: 100%; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:4px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
.autocomplete-loading-input { background : transparent url('/images/loader.gif') no-repeat 90% 50%;}



.simplemodal-overlay { background : #000 !important;}
/**************************************
 * 기본 팝업 markup
 
 .popup
 	.title
 		.close
 		.louter
 			.router
 				.inner
 	.content
 		.inner
 			.confirm-text
 			.confirm-action
 				.confirm-btn
 ***************************************/
div.popup { min-width:450px; }
div.popup .close { cursor : pointer; width : 23px; height: 25px; position:absolute; right : 15px; display : inline-block; *display : inline ; zoom : 1; 	background:url("/appimages/btn_x.jpg") no-repeat 50% 50%; top : 12px; }
div.popup div.title	{ width:100%; height:50px ; color : #333; text-align:left; position:relative; display:block; clear: both; background :#fff;}
div.popup div.title div.louter { width:100%; height:100% ;  }
div.popup div.title div.router { width:100%; height:100% ;  }
div.popup div.title div.router div.inner { height:50px ; line-height : 50px; font-size : 12px; font-weight : bold; color: #333; text-align:center;  }
div.popup div.content {border : 0px solid #856a89; padding : 0px; clear : both; font-size : 12px; background:#fff; overflow:scroll; overflow-x : hidden; overflow-y : auto; width:100%;}
div.popup div.content div.inner { margin : 15px;}


TABLE TD .sun {
	color: red;
}

TABLE TD .sat {
	color: blue;
}

/* TABLE - 달력 type1	 ------------------------------------------------ */
/* main center - calender table .contM */
TABLE#caltype1 {
	border-top: 1px solid #dcd8d9;
	border-left: 1px solid #dcd8d9;
}

TABLE#caltype1 THEAD TH {
	border-right: 1px solid #dcd8d9;
	border-bottom:  1px solid #dcd8d9;
}


TABLE#caltype1 TBODY TR {
	height:70px;
}

TABLE#caltype1 TBODY TD {
	border-right: 1px solid #dcd8d9;
	border-bottom:  1px solid #dcd8d9;
	
	vertical-align:top;
}

TABLE#caltype1 TBODY TD SPAN.sum  {
	
}


TABLE#caltype1 TBODY TD {
	padding-top: 0.5em;
	padding-left: 0.5em;
}

TABLE#caltype1 TBODY TD UL {
	margin-left: 0.5em;
}

TABLE#caltype1 TBODY TD UL LI {
	line-height: 15px;
}

TABLE#caltype1 TBODY TD.today {
	background-color: #eeffc1;	
}

TABLE#caltype1 TBODY TD SPAN.title {
	
}

TABLE#caltype1 TBODY TD SPAN.text {
	font-size: xx-small;
	color: gray;
	
	margin-left: 0.3em;
	
	vertical-align: 0.3em;
}

TABLE#caltype1 TBODY TD UL {
	list-style-type: none;
}

TABLE#caltype1 TBODY TD UL LI A SPAN {
	font-weight: bold;
	text-decoration: underline;	
}

/***************************
 * CSS hack
 ***************************/
 
.close.simplemodal-close { outline : 0 !important;}
a { outline : 0 !important;}
a:focus, *:focus {outline:none !important;}

/************
 * IE 7 css hack
 ************/

html>body .modal { 
	*max-width : 740px;
	*min-width : 560px;
}
html>body .modal .modal-header h3 { 
	*float:left;
}
html>body .modal .modal-header .close {
	*margin-top : -2px;
	*outline : 0 !important;
}
html>body .modal .modal-body {
	*clear : both;
}