@charset "utf-8";

/********************************************* global *********************************************/
ol, ul, li {list-style:none;}		/*목록 뷸릿 없애기 초기화*/
/* *********************************************************************************************************************************** */
.td_phone input{text-align: center;}

/***************** 공통버튼 ********************/
/* Button Reset */
#dgcWrap_power .button,
#dgcWrap_power .button a,
#dgcWrap_power .button button,
#dgcWrap_power .button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
#dgcWrap_power .button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
#dgcWrap_power .button a,
#dgcWrap_power .button button,
#dgcWrap_power .button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
#dgcWrap_power .button.large { height:29px; background-position:left -30px; }
#dgcWrap_power .button.xLarge { height:35px; background-position:left -65px; }
#dgcWrap_power .button.small { height:18px; background-position:left -107px; }
#dgcWrap_power .button a,
#dgcWrap_power .button button,
#dgcWrap_power .button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
#dgcWrap_power .button.large a,
#dgcWrap_power .button.large button,
#dgcWrap_power .button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
#dgcWrap_power .button.xLarge a,
#dgcWrap_power .button.xLarge button,
#dgcWrap_power .button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
#dgcWrap_power .button.small a,
#dgcWrap_power .button.small button,
#dgcWrap_power .button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
#dgcWrap_power .button *:hover,
#dgcWrap_power .button *:active,
#dgcWrap_power .button *:focus{ color:#690;}
#dgcWrap_power .button.green,
#dgcWrap_power .button.green a,
#dgcWrap_power .button.green button,
#dgcWrap_power .button.green input { background-image:url(../images/buttonGreen.gif); color:#fff;}
#dgcWrap_power .button.green *:hover,
#dgcWrap_power .button.green *:active,
#dgcWrap_power .button.green *:focus{ color:#ff0;}
#dgcWrap_power .button.black,
#dgcWrap_power .button.black a,
#dgcWrap_power .button.black button,
#dgcWrap_power .button.black input { background-image:url(../images/buttonBlack.gif); color:#fff;}
#dgcWrap_power .button.black *:hover,
#dgcWrap_power .button.black *:active,
#dgcWrap_power .button.black *:focus{ color:#ff0;}
#dgcWrap_power .button.red,
#dgcWrap_power .button.red a,
#dgcWrap_power .button.red button,
#dgcWrap_power .button.red input { background-image:url(../images/buttonRed.gif); color:#fff;}
#dgcWrap_power .button.red *:hover,
#dgcWrap_power .button.red *:active,
#dgcWrap_power .button.red *:focus{ color:#ff0;}
#dgcWrap_power .button.blue,
#dgcWrap_power .button.blue a,
#dgcWrap_power .button.blue button,
#dgcWrap_power .button.blue input { background-image:url(../images/buttonBlue.gif); color:#fff;}
#dgcWrap_power .button.blue *:hover,
#dgcWrap_power .button.blue *:active,
#dgcWrap_power .button.blue *:focus{ color:#ff0;}
#dgcWrap_power .button.white,
#dgcWrap_power .button.white a,
#dgcWrap_power .button.white button,
#dgcWrap_power .button.white input { background-image:url(../images/buttonWhite.gif); color:#333;}
#dgcWrap_power .button.white *:hover,
#dgcWrap_power .button.white *:active,
#dgcWrap_power .button.white *:focus{ color:#333;}

/* Button Text Strong */
#dgcWrap_power .button.strong * { font-weight:bold !important;}

/***************** common ********************/
#dgcWrap_power {float:left; width:100%; *zoom:1; }
#dgcWrap_power:after { display: block; clear: both; content: "";}

#dgcWrap {width:98%;float:left; margin:10px 0 0 10px;}
.bold1 {font-weight:bold; color:#626262; line-height:20px;}
.bold2 {font-size:18px; font-weight:bold; color:#000; line-height:20px;}
.week tr th {border-top:2px solid #e4e4e4;}
.bold_red {color:red; font-weight:bold;}
.bold_blue {color:blue; font-weight:bold;}
.bold_blue2 {color:#515e66; font-weight:bold; vertical-align:middle;}
.red {color:red;}
.txt_right {text-align:right;}
.title {margin:10px 0; text-align:left; font-family:  "굴림", Gulim, "돋움", Dotum; font-size:13px; font-weight:bold; color:#4d4d4d;} /* 제목 */
.title img {vertical-align:middle; margin-right:3px;}

.back_bg {background:#f2f2f2;}
.back_bg2 {background:#f7f7f7; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.back_bg3 {background:#f7f7f7; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}

input {vertical-align:middle; background-color:#fff;  font-family:Malgun Gothic, dotum; font-size:12px; height:18px; padding-left:0px;}
.pension_input input {border:1px solid #dadada;}
select {vertical-align:middle; font-family:Malgun Gothic, dotum, tahoma, Georgia; color:#666666; font-size:11px; border:1px #cccccc solid; height:18px;}


.button_group {
	text-align:right !important;
	padding-top:13px !important;
	border:none !important;
}

.paging_group {
	text-align:center !important;
	padding-top:13px !important;
	border:none !important;
}

.paging_group strong.active { color:#FF0000; }

.clear {clear:both; }

/***** dgc_space_rent calender style  사용자 시작 *****/
.space_rent {padding:10px; font-family:Dotum; font-size:12px; color:#666;}

/* 상단 달력 탭*/
.s_rent_tab {border-bottom:1px solid #666; *zoom:1;}
.s_rent_tab:after {display:block; clear:both; content:"";}
.s_rent_tab li {float:left; /*margin-right:1px;*/}
.s_rent_tab a {display:block; width:100px; height:30px; line-height:30px; text-align:center; font-size:13px; letter-spacing:-1px; color:#333; background:#ccc; cursor:pointer;}
.s_rent_tab .on {background:#666 !important; color:#fff !important;}
/* 상단 달력 탭*/

.space_rent .top_area {position:relative;}
.space_rent .date_area {padding:30px 0 60px; text-align:center; line-height:30px; font-size:17px;}
.space_rent .date_area .date {margin:0 10px 0 13px;}
.space_rent .date_area .date span {color:#333; font-weight:bold; font-size:20px;}
.space_rent .date_area a {display:inline-block; width:20px; height:20px; margin-top:4px; .margin-top:-1px; border:1px solid #777; border-radius:2px; vertical-align:top; 
	cursor:pointer; background:#eee;}
.space_rent .date_area a:hover {border-color:#333; background:#ccc;}
.space_rent .date_area img {vertical-align:top; margin-top:5px;}

.space_rent .reserve_btn {position:absolute; right:0; bottom:10px; display:block; width:150px; height:30px; line-height:33px; text-align:center; color:black; font-size:15px; background-color: #ffeb01;
	border:0.5px solid #666; border-radius:2px; /* text-shadow:1px 1px 2px #db4b1a; */ cursor:pointer;
	/* background: #ff6f3d; Old browsers
	background: -moz-linear-gradient(top,  #ff6f3d 0%, #e75d2e 100%); FF3.6+
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6f3d), color-stop(100%,#e75d2e)); Chrome,Safari4+
	background: -webkit-linear-gradient(top,  #ff6f3d 0%,#e75d2e 100%); Chrome10+,Safari5.1+
	background: -o-linear-gradient(top,  #ff6f3d 0%,#e75d2e 100%); Opera 11.10+
	background: -ms-linear-gradient(top,  #ff6f3d 0%,#e75d2e 100%); IE10+
	background: linear-gradient(to bottom,  #ff6f3d 0%,#e75d2e 100%); W3C
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6f3d', endColorstr='#e75d2e',GradientType=0 ); IE6-9 */
	}
.space_rent .reserve_btn:hover {background:#8bcb98;}

.space_rent .icon_area {position:absolute; left:0; bottom:10px;}
.space_rent .icon_area span {display:inline-block; margin-right:7px; line-height:22px;}
.space_rent .icon_area .icon span {width:22px; height:22px; margin-right:3px; border-radius:2px; background:#fff; vertical-align:middle;}
.space_rent .icon_area .possible span {width:20px; height:20px; border:1px solid #999;}
.space_rent .icon_area .stand_by span {background:#b0d3ff;}
.space_rent .icon_area .complete span {background:#ffb5a9;}


.space_rent .con_area {margin-top:5px; .margin-top:10px; *zoom:1;}
.space_rent .con_area:after {display:block; clear:both; content:"";}
.space_rent .con_area table {border-collapse:collapse; border:1px solid #888; border-ri ght:0; border- bottom:0; text-align:center; background:#fff;}
.space_rent .con_area table th,
.space_rent .con_area table td {border:1px dotted #999; border-left:0; border-top:0;}
.space_rent .con_area .bd_none {border-right:0; background:#ccc; color:#333;}
.space_rent .con_area .bd_none_ampm {background:#eee;} 
.space_rent .con_area .bd_line {border-top:1px solid #888;}
.space_rent .con_area table th {height:100px; color:#555; border-bottom:1px solid #888; backg round:#ddd;}
.space_rent .con_area table td {height:30px; line-height:30px;box-sizing:border-box;}
.space_rent .con_area table td p {height:30px;}


.space_rent .con_area .bold_none {font-weight:normal;}
.space_rent .con_area .chart_tit {float:left; width:20%;}
.space_rent .con_area .chart_tit tr{height: 31px;}
.space_rent .con_area .chart_tit #title{height: 57px;}
.space_rent .con_area .tit_div {position:relative; width:100%; height:40px; background:url(../images/tit_line.png) no-repeat center center;}
.space_rent .con_area .tit_div .tit_day {position:absolute; right:10px; top:10px;}
.space_rent .con_area .tit_div .tit_time {position:absolute; left:10px; bottom:10px;}
.space_rent .con_area .chart_con {float:left; width:80%; border-left:0;}
.space_rent .con_area .chart_con tr {height: 31px;}

.space_rent .con_area .chart_con td p {letter-spacing:-0px; color:#444;}
.space_rent .con_area .chart_con .stand_by {background:#b0d3ff;}
.space_rent .con_area .chart_con .complete {background:#ffb5a9;}

.space_rent .ex_txt {margin-top:10px; color:#f00;}

.space_rent .search_area {margin-top:40px; text-align:left;}
.space_rent .search_area select,
.space_rent .search_area input {vertical-align:middle;}
.space_rent .search_area select {width:80px; height:24px; font-size:12px; border:1px solid #666 !important; border-radius:2px;}
.space_rent .search_area input[type="text"] {width:150px; height:22px; line-height:22px; padding:0 5px; font-family:Dotum; font-size:12px; color:#444; border:1px solid #666; border-radius:2px;}
.space_rent .search_area #search_submit_btn {width:80px; height:24px; font-family:Dotum; color:#fff; border:0; background:#999; cursor:pointer; border-radius:2px;}
.space_rent .search_area #search_submit_btn:hover {background:#666;}
/***** dgc_space_rent calender style 사용자 종료 *****/

/* 기본 테이블 설정_1 */
.space_rent_default_box { font-size:12px; width:100%; background:#fff; border:1px solid #e0e0e0; border-collapse:collapse;}
.space_rent_default_title { background-color:#D0D0D0; }
/* 기본 테이블 설정*/

/* 기본 테이블 설정_2 */
.space_table01 {color:#666; padding:5px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.space_table02 {color:#666; width:120px; height:30px; text-align:right; padding-right:10px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.space_table03 {color:#666; text-align:center; height:30px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.space_table04 {color:#666; font:11px; padding:8px;}
.space_table05 {color:#666; height:30px; text-align:left; padding-left:10px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;font-weight:bold;}

.space_rtable01 {color:#666; text-align:center; height:30px; background:#f7f7f7; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; color:#333;}
.space_rtable02 {color:#666; text-align:center; height:30px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.space_rtable_bottom {text-align:center; border:0px solid red;}

/* 기본 테이블 설정_2 */

/* 특수문자*/
.special_star {color:red;}
/* 특수문자*/

/* 도배코드 시작*/
.commentAuthor { background-color:#fff;}
.commentAuthor .cAuthorText { float:; padding:3px 5px;}
.commentAuthor .cAuthorInput { float:left;}
.commentAuthor .cPasswordText { float:left; padding:3px 5px;}
.commentAuthor .cAuthorInput { float:left;}
.commentAuthor .cCodeText { float:left; padding:3px 5px;}
.commentAuthor .cCodeImage { float:left; padding:0px 5px;}
.commentAuthor .cCodeInput { float:left;}
.commentAuthor .cCodeResult { float:left; padding:2px 5px;}
/* 도배코드 종료*/

/**************** admin srart *******************/
/* list */
#dgcWrap .textBox {background:#f2f2f2; border:1px solid #d3d3d3; padding:15px 10px;}
#dgcWrap .textBox li {font-weight:bold; padding:5px 0;}
#dgcWrap .box {width:100%; }
#dgcWrap .box th {border:1px solid #e0e0e0; background:#eee; font-weight:bold; padding:7px 0; text-align:center;}
#dgcWrap .box th.l, #dgcWrap .box td.l { text-align:left; padding-left:10px; }
#dgcWrap .box th.r, #dgcWrap .box td.r { text-align:right; padding-right:10px; }
#dgcWrap .box td {text-align:center; border:1px solid #e0e0e0; padding:5px 0;}
#dgcWrap .box td.delete_bt {text-align:left; padding:5px;}
#dgcWrap .number {text-align:center; margin:30px 0;}
#dgcWrap .number li {display:inline; margin:0 2px;}

/* write */
#dgcWrap .box2 {width:100%; }
#dgcWrap .box2 th {border:1px solid #e0e0e0; background:#eee; font-weight:bold; padding:7px 0; text-align:right; padding-right:10px; }
#dgcWrap .box2 th.l, #dgcWrap .box td.l { text-align:left; padding-left:10px; }
#dgcWrap .box2 th.r, #dgcWrap .box td.r { text-align:right; padding-right:10px; }
#dgcWrap .box2 td {text-align:left; border:1px solid #e0e0e0; padding:5px 0; padding-left:10px; }
#dgcWrap .box2 td.delete_bt {text-align:left; padding:5px;}
#dgcWrap .box2 input { border:solid 1px #ccc; padding-left:5px; }
#dgcWrap .box2  th.center { text-align:center; border-right:none; padding:0; }
#dgcWrap .box2  p { margin-top:30px; }  
#dgcWrap .box2  p.f { margin-top:0px; }
#dgcWrap .box2 td span { color:#FF0000 !important; font-size:11px; }
#dgcWrap .box2 textarea { border:solid 1px #ccc; width:100%; }
.margin-top-5 { margin-top:5px !important; }

/**************** admin end *******************/