html,body { height: 100%; margin: 0; padding: 0; }


/* 컨텐츠정렬관련 */
.tleft {text-align:left !important;} 
.tcenter {text-align:center !important;} 
.tright {text-align:right !important;}
.vttop {vertical-align:top !important;} 
.vtmdl {vertical-align:middle !important;} 
.vtcen {vertical-align:center !important;}

/* 커서 */
.cursor {cursor:pointer;}


/*폰트칼라*/
.fc_01 {color:#999;} /* */
.fc_02 {color:#f37224;}  /*오렌지*/
.fc_03 {color:#4099d4;}  /*블루*/
.fc_04 {color:#dc6a42;}  /*다크오렌지*/
.fc_05 {color:#f0da83;}  /*옐로우*/
.fc_06 {color:#97d9e5;}  /*밝은하늘*/
.fc_07 {color:#77d3be;}  /*청록*/
.fc_08 {color:#f1a97f;}  /*연한오렌지*/
.fc_09 {color:#a9a9a9;} 
.fc_10 {color:#848484;} 
.fc_11 {color:#e55827;}  /*다홍*/
.fc_12 {color:#1fb56c;}  /*다크그린*/
.fc_13 {color:#4a4a4a;}
.fc_14 {color:#e5e5e5;}  /*연그레이*/
.fc_green {color:#17a105;}
.fc_green1 {color:#568d0e;}
.fc_black {color:#000;}
.fc_dark {color:#696969;}
.fc_red {color:#c15b59;}
.fc_brown {color:#bf815a;}
.fc_gray {color:#b4b4b4;}
.fc_white {color:#ffffff;}
.fc_orange {color:#ff5100;}
.fc_bgreen {color:#10b7b0;}
.fc_dgreen {color:#23a49e;}
.fc_blue {color:#00a9e0;}
.fc_dblue {color:#4a89b7;}
.blue {color:blue !important;}
.red {color:red !important;}

/*폰트 사이즈*/
.fs_07{font-size:7px;}	
.fs_08{font-size:8px;}
.fs_09{font-size:9px;}
.fs_10{font-size:10px;}
.fs_11{font-size:11px;}
.fs_12{font-size:12px;}
.fs_13{font-size:13px;}
.fs_14{font-size:14px;}
.fs_15{font-size:15px;}
.fs_16{font-size:16px;}
.fs_17{font-size:17px;}
.fs_18{font-size:18px;}
.fs_20{font-size:20px;}
.fs_22{font-size:22px;}
.fs_25{font-size:25px;}
.fs_30{font-size:30px;}
.under {text-decoration:underline;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.sprite {text-decoration:line-through;}

/* 마진 */
.mgt-05 {margin-top:-5px !important;}
.mgt02 {margin-top:2px !important;}
.mgt03 {margin-top:3px !important;}
.mgt05 {margin-top:5px !important;}
.mgt06 {margin-top:6px !important;}
.mgt07 {margin-top:7px !important;}
.mgt10 {margin-top:10px !important;}
.mgt13 {margin-top:13px !important;}
.mgt15 {margin-top:15px !important;}
.mgt17 {margin-top:17px !important;}
.mgt20 {margin-top:20px !important;}
.mgt23 {margin-top:23px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt70 {margin-top:70px !important;}
.mgt80 {margin-top:80px !important;}
.mgt90 {margin-top:90px !important;}
.mgt100 {margin-top:100px !important;}


.mgb0 {margin-bottom:0px !important;}
.mgb01 {margin-bottom:3px !important;}
.mgb02 {margin-bottom:3px !important;}
.mgb03 {margin-bottom:3px !important;}
.mgb04 {margin-bottom:4px !important;}
.mgb05 {margin-bottom:5px !important;}
.mgb06 {margin-bottom:6px !important;}
.mgb07 {margin-bottom:7px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb90 {margin-bottom:90px !important;}
.mgb100 {margin-bottom:100px !important;}
.mgb110 {margin-bottom:110px !important;}
.mgb150 {margin-bottom:150px !important;}
.mgb180 {margin-bottom:180px !important;}

.mgl02 {margin-left:2px !important;}
.mgl03 {margin-left:3px !important;}
.mgl05 {margin-left:5px !important;}
.mgl06 {margin-left:6px !important;}
.mgl07 {margin-left:7px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl22 {margin-left:22px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl40 {margin-left:40px !important;}
.mgl45 {margin-left:45px !important;}
.mgl50 {margin-left:50px !important;}
.mgl55 {margin-left:55px !important;}
.mgl60 {margin-left:60px !important;}
.mgl67 {margin-left:67px !important;}
.mgl70 {margin-left:70px !important;}
.mgl80 {margin-left:80px !important;}
.mgl91 {margin-left:91px !important;}
.mgl93 {margin-left:93px !important;}
.mgl95 {margin-left:95px !important;}
.mgl100 {margin-left:100px !important;}
.mgl120 {margin-left:120px !important;}
.mgl150 {margin-left:150px !important;}
.mgl200 {margin-left:200px !important;}
.mgl250 {margin-left:250px !important;}
.mgl270 {margin-left:270px !important;}
.mgl300 {margin-left:300px !important;}
.mgl334 {margin-left:334px !important;}
.mgl400 {margin-left:400px !important;}
.mgl476 {margin-left:476px !important;}

.mgr02 {margin-right:2px !important;}
.mgr03 {margin-right:3px !important;}
.mgr05 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr12 {margin-right:12px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr23 {margin-right:23px !important;}
.mgr30 {margin-right:30px !important;}
.mgr40 {margin-right:40px !important;}
.mgr43 {margin-right:43px !important;}
.mgr50 {margin-right:50px !important;}
.mgr60 {margin-right:60px !important;}

/*너비*/
.wdt10 {width:10px;}
.wdt20 {width:20px;}
.wdt25 {width:25px;}
.wdt30 {width:30px;}
.wdt35 {width:35px;}
.wdt40 {width:40px;}
.wdt45 {width:45px;}
.wdt50 {width:50px;}
.wdt55 {width:55px;}
.wdt60 {width:60px;}
.wdt65 {width:65px;}
.wdt70 {width:70px;}
.wdt75 {width:75px;}
.wdt80 {width:80px;}
.wdt85 {width:85px;}
.wdt90 {width:90px;}
.wdt100 {width:100px;}
.wdt110 {width:110px;}
.wdt120 {width:120px;}
.wdt130 {width:130px;}
.wdt140 {width:140px;}
.wdt150 {width:150px;}
.wdt160 {width:160px;}
.wdt170 {width:170px;}
.wdt180 {width:180px;}
.wdt190 {width:190px;}
.wdt200 {width:200px;}
.wdt210 {width:210px;}
.wdt220 {width:220px;}
.wdt230 {width:230px;}
.wdt250 {width:250px;}
.wdt300 {width:300px;}
.wdt350 {width:350px;}
.wdt400 {width:400px;}
/*.wdtfull {width:99%;}*/
.wdtfull {width: 100% !important;}

/*패딩*/
.pad0 {padding:0 !important;}
.pad02 {padding:2px !important;}
.pad05 {padding:5px !important;}
.pad10 {padding:10px !important;}

.pm0{
	padding:0 !important;
	margin:0 !important;
}

/*높이*/
.het10 {height:10px;}
.het20 {height:20px;}
.het25 {height:25px;}
.het30 {height:30px;}
.het35 {height:35px;}
.het40 {height:40px;}
.het45 {height:45px;}
.het50 {height:50px;}
.het55 {height:55px;}
.het60 {height:60px;}
.het65 {height:65px;}
.het70 {height:70px;}
.het75 {height:75px;}
.het80 {height:80px;}
.het85 {height:85px;}
.het90 {height:90px;}
.het100 {height:100px;}
.het110 {height:110px;}
.het120 {height:120px;}
.het130 {height:130px;}
.het140 {height:140px;}
.het150 {height:150px;}
.het160 {height:160px;}
.het170 {height:170px;}
.het180 {height:180px;}
.het190 {height:190px;}
.het200 {height:200px;}
.het210 {height:210px;}
.het220 {height:220px;}
.het230 {height:230px;}
.het250 {height:250px;}
.het300 {height:300px;}
.het350 {height:350px;}
.het400 {height:400px;}
.hetfull {height:99%;}

/* 반투명효과 */
.bg_opa01 {opacity : 0.1;filter: alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;}
.bg_opa02 {opacity : 0.2;filter: alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;}
.bg_opa03 {opacity : 0.3;filter: alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;}
.bg_opa04 {opacity : 0.4;filter: alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;}
.bg_opa05 {opacity : 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;}
.bg_opa06 {opacity : 0.6;filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;}
.bg_opa07 {opacity : 0.7;filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;}
.bg_opa08 {opacity : 0.8;filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;}
.bg_opa09 {opacity : 0.9;filter: alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;}

/* 포지션 & 플로팅 */
.fl	{ float:left }
.fr	{ float:right }
.fcb { clear: both;}
.pr	{ position:relative }


/* 그라데이션 효과 */
.jbGrad01 {
	background: linear-gradient( to bottom, yellow, red );
  }
  .jbGrad02 {
	background: linear-gradient( to top, yellow, red );
  }
  .jbGrad03 {
	background: linear-gradient( to right, yellow, red );
  }
  .jbGrad04 {
	background: linear-gradient( to left, yellow, red );
  }
  .jbGrad05 {
	background: linear-gradient( 45deg, yellow, red );
  }



.selbox {
  width: 120px;
  height: 50px;
  padding: 6px 12px;
  font-size: 10pt;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.txt_input {
	width: 80%;
	height: 50px;
	padding: 6px 12px;
	font-size: 10pt;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.col_main {
	margin-top:10px;
	width:98%;
	height:100px;
	padding: 6px 12px;
	font-size: 11pt;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 7px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.col_main:hover {background:#ececec}

.radiusbox{
	border: 1px solid #ccc;
	border-radius: 7px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.col_main:hover { background:#ececec; }

.cust_box {
	width:98%;
	height:50px;
	margin-left:1%;
	padding: 6px 12px;
	font-size: 11pt;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 7px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.room_box {
	width:98%;
	height:80px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	font-size:15pt;
	line-height:70px;
	margin-left:1%;
	margin-top:15px;
	padding: 6px 12px;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 7px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.room_box:hover { background:#f1f1f1; }


.roomdetail {  
 position:absolute;
  left:0;
  top:0; 
  width:100%;
  height:100%;
  background-color:#fff;  
  display:none;  
}

.temp_list {  
 position:absolute;
  left:0;
  top:0; 
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:999;
  display:none;  
}


.end_list {  
 position:absolute;
  left:0;
  top:0; 
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:999;
  display:none;  
}
.margin_x{padding:0; margin:0;}


#detail_imgt_pop {
position:absolute;
  left:0;
  top:0; 
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:999;
  display:none;  
}

hr.style1 { 
  border-top: 1px solid #8c8b8b;
}

hr.style2 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}