@charset "utf-8";

@import url(reset.css);
@import url(webfont.normal.css);
@import url(jquery-ui.min.css);
@import url(jquery-ui.theme.min.css);

/* 헤더 */
.header {
	position:relative;
	z-index:10;
	min-width:1200px;
}
.topArea .inner {
	height:50px;
	width:1200px;
	margin:0 auto;
	position:relative;
}
.logo {
	position:absolute;
	top:4px;
	left:0;
}
.logo a {
	display:block;
	width:152px;
	height:42px;
	background:url('../images/common/logo.png') no-repeat 50%;
	text-indent:-9999px;
}
.user-info { 
	position:absolute;
	top:50%;
	right:0;
	margin-top:-10px;
}

.user-info em { 
	display:inline-block;
	height:20px;
	line-height:20px;  cursor:pointer;
}
.user-info em strong { 
	font-weight:bold;
	font-size:14px;
	padding-right:5px;
}
.logout { 
	display:inline-block;
	height:18px;
	line-height:18px;
	border-radius:15px;
	font-size:11px;
	font-weight:bold;
	border:2px solid #f37321;
	color:#f37321;
	padding:1px 8px;
	color:#f37321;
	margin-left:9px;
}
.logout:hover{
	border:2px solid #df5700;
	color:#df5700;
}
/****/
.userBox {background-color:#fff; border:1px solid #dddddd;position:absolute; top:40px; right:20px; z-index:9999; padding:10px 20px; display:none;}
.userBox .arrow {background:#fff url('../images/common/userbox_arrow.png') no-repeat right 0; width:14px; height:7px; margin-top:-17px; float:right;}   
.userBox ul li {padding:2px 0px;}
.userBox ul li span{font-size:14px; color:#3a3438; font-weight:700;}
.userBox ul li .dt {width:40px; display:inline-block;}
.userBox .btnA {width:100%; padding:0px; margin-top:10px; text-align:center;}

.passwordbtn {
	display:inline-block;
	height:18px;
	line-height:18px;
	border-radius:15px;
	font-size:11px;
	font-weight:bold;
	border:2px solid #6a625c;
	color:#f37321;
	padding:1px 8px;
	color:#6a625c;
	margin-left:9px;
}
.passwordbtn:hover {
	border:2px solid #908780;
	color:#908780;
}

.linebar { 
	padding:0 5px;
	color:#ddd;
}


.gnbArea {
	height:40px;
	background:#f37321;
}
.gnbArea .inner {
	width:1200px;
	margin:0 auto;
	position:relative;
}
.gnb {
	height:40px;
}
.gnb > li {
	float:left;
	position:relative;
}
.gnb > li > a {
	display:block;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#fff;
	width:190px;
	text-align:center;
	font-weight:bold;	
}
.gnb > li > a.selected,
.gnb > li > a:hover {
	color:#010101;
}
.gnb > li:hover > a {
	color:#010101;}

.gnb > li:hover > a::before { 
	content:"";
	position:absolute;
	bottom:0; left:0;
	width:100%;
	height:2px;
	background-color:#68605a; 
}
	
.gnb > li:hover .gnb-sub {
	display:block;
}
.gnb-sub {
	display:none;
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	background:#f8f8f8;
	border:1px solid #999;	
	box-sizing:border-box;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}
.gnb-sub li {
	padding:0 10px;
}
.gnb-sub li a {
	display:block;
	height:34px;
	line-height:34px;
	font-size:13px;
	color:#444;
	border-top:1px dotted #d1d1d1;
	background:url('../images/common/gnb_but_icon.png') no-repeat 0 50%;
	padding-left:12px;
}
.gnb-sub li a:hover {
	color:#d86a23;
}
.gnb-sub li:first-child a {
	border-top:0;
}

.notice_faq {
	position:absolute;
	height:18px;
	top:50%;
	right:0;
	margin-top:-9px;
}
.notice_faq li {
	float:left;
}
.notice_faq li:first-child { 
	margin-right:10px;
	padding-right:10px;
	/*background:url('../images/common/menu_bar.png') no-repeat 100% 50%;*/
}
.notice_faq li a { 
	display:inline-block;
	height:18px;
	line-height:18px;
	padding-left:22px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.notice_faq li a:hover { 
	color:#5d2f12;
}
.notice_faq li.icon01 a {
	background:url('../images/common/notice_icons.png') no-repeat 0 50%;
}
.notice_faq li.icon01 a:hover {
	background:url('../images/common/notice_icons_on.png') no-repeat 0 50%;
}
.notice_faq li.icon02 a {
	background:url('../images/common/faq_icons.png') no-repeat 0 50%;
}
.notice_faq li.icon02 a:hover {
	background:url('../images/common/faq_icons_on.png') no-repeat 0 50%;
}



/* 풋터 */
.footer {
	min-width:1200px;
	border-top:1px solid #ccc;
	padding:20px 0;
}
.footer .inner {
	width:1200px;
	height:34px;
	margin:0 auto;
	background:url('../images/common/f_logo.png') no-repeat 0 50%;
}
.footer .inner p {
	padding-left:140px;
	padding-top:12px;
	font-size:12px;
	color:#b0b0b0;
}
.footer.type1 .inner {
	width:900px;
}

/* 컨텐츠 */
.container {
	overflow:hidden;
	width:1200px;
	margin:0 auto;
	padding:20px 0;
}

/* LNB */
.lnbArea {
	float:left;
	width:190px;
}
.lnbArea h2 {
	height:70px;
	line-height:70px;
	font-size:22px;
	color:#444;
	font-weight:bold;
	padding:0 10px;
}
.lnbArea h2.icon01 {
	background:url('../images/common/lnb_icon01.png') no-repeat right 10px top 50%;
}
.lnbArea h2.icon02 {
	background:url('../images/common/lnb_icon02.png') no-repeat right 0 top 50%;
}
.lnb {
	border-top:3px solid #6a625c;
	border-bottom:1px solid #f37321;
}
.lnb > li {
	border-top:1px solid #e5e5e5
}
.lnb > li:first-child {
	border-top:0;
}
.lnb > li > a {
	display:block;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#444;
	padding:0 10px;
}
.lnb > li > a:hover {
	color:#e47229;
}
.lnb > li > a.selected {
	background:#7e756e;
	color:#fff;
}
.lnb > li > a.selected + .lnb-sub {
	display:block;
}
.lnb-sub {	
	display:none;
	padding:10px;
}
.lnb-sub li a {
	display:block;
	height:22px;
	line-height:22px;
	font-size:13px;
	color:#666;
	padding-left:8px
}
.lnb-sub li a:hover ,
.lnb-sub li a.selected {
	color:#e47229;
	background:url(../images/common/lnb_sub_bullet.png) no-repeat 0 10px;
}

/* 테이블 디자인 */
.tableStyle {
	width:100%;
	border-top:2px solid #8a8a8a;
	border-right:1px solid #ddd;
	word-break: break-all;	
	table-layout: fixed;
}
.tableStyle.topline {
	border-top:1px solid #ddd;
}
.tableStyle.noline {
	border-top:0px solid #ddd;
}
.tableStyle caption {
	position:absolute;
	left:-9999em;
	top:-9999em;
	z-index:-9999;
}
.tableStyle thead th , .tableStyle tbody th  {
	height:28px;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	font-size:13px;
	font-weight:bold;
	color:#454545;
	background:#f9f9f9;
	padding:2px 10px;
	vertical-align:middle;
}

.tableStyle tbody th strong {color:#db6a21;font-weight:bold;}


.tableStyle tbody th { 
	text-align:left;
	padding:2px 10px 2px 20px;
}

.tableStyle thead td , .tableStyle tbody td {
	height:28px;
	color:#696969;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:2px 10px;
	font-size:13px;
	vertical-align:middle;
}

.tableStyle tbody td.roomImg {padding:0px;}
.roomImg .noImage {display:inline-block; width:217px; height:163px; line-height:163px; color:#fff; font-size:30px; font-weight:bold; text-align:center; vertical-align:middle; background-color:#e4e4e4;}


.tableStyle.notice {
	width:100%;
	border-top:2px solid #f37321;
	border-right:1px solid #ddd;
	word-break: break-all;	
    table-layout:fixed; margin-bottom:20px;
}

.tableStyle.notice tbody tr:hover{ background-color:#f7f7f7; cursor:pointer;} 
.tableStyle.notice tbody td.l {padding-left:25px; padding-right:25px;}
.tableStyle.notice .num { font-weight:700; color:#444444;}
.tableStyle.notice tbody tr.top .num {font-size:12px; border: 1px solid #f37321;font-weight: bold;color: #f37321;padding: 3px 8px ;-webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;} 
.tableStyle.notice tbody tr.top a.subject{font-weight:700; color:#000000; letter-spacing:0px;}
.tableStyle.notice tbody tr a.subject{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block; width:100%;}
.tableStyle.notice tbody tr a.subject:hover {color: #f37321; text-decoration:underline;}

a.subject{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block; width:100%;}
a.subject:hover {color: #f37321; text-decoration:underline;}

.tableStyle .btnC {
	width:auto;
	height:26px;
	line-height:26px;
	padding:0 10px;
	font-weight:400;
	font-size:12px;
}
.tableStyle .btnC + .btnC {
	margin-left:3px;
}

.tableStyle .align {
	vertical-align:middle;
}
.tableStyle .checkLabel {
	vertical-align:middle;
}
.tableStyle .checkLabel + .checkLabel {
	margin-left:15px;
}
.tableStyle .checkLabel input[type="checkbox"] {
	margin:0 3px 0 0;
	vertical-align:middle;
}

.tableStyle.type1 tbody th{
	padding:0;
}
.tableStyle.type1 tbody td{
	position:relative;
	padding:0;
	height:29px;
}
.cell-selectd { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#fff0e7;
	/*display:table;*/
	text-align:left;
}
.cell-selectd em { 
	/*display:table-cell;
	vertical-align:middle;*/
	display:inline-block;
	padding:5px;
}



/* tab */
.tabs { height:33px; border-bottom:1px solid #f37321;}


.tabs li { 
	float:left;  	
	line-height:32px; 
	padding:0 30px;
	border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; 
	background:#f8f8f8; 
	cursor:pointer;
	font-size:14px; color:#7f7e7d;
	text-align:center
}
.tabs li.tabs_on { 
	background:#f37321 !important;
	color:#fff !important;  
	border-top:1px solid #f37321; border-left:1px solid #f37321; border-right:1px solid #f37321; 
	border-bottom:0 !important; 
 }

.tab_content {overflow:hidden; margin-top:20px}

/* FAQ */
.accordion {}
.accordion dt {position:relative;  padding:15px 50px 15px 45px;  font-size:13px; font-weight:700; color:#555555; border-bottom:1px solid #dddddd; cursor:pointer; line-height:26px;
               background: url(../images/common/faq_dt_arrow.png) no-repeat right 20px center;}
.accordion dt {color:#555555; font-weight:bold;line-height:18px;} 
.accordion dt.selected {background: url(../images/common/faq_dt_up_arrow.png) no-repeat right 20px center; border-bottom:0px solid #d8d8d8; color:#555555; font-weight:bold;}


.accordion dd {display:none; font-size:13px; padding:20px 20px 20px 45px; min-height:80px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; line-height:22px; position:relative; background-color:#f6f6f6;}
.icoQ {position:absolute; top:11px; left:10px;  background: url(../images/common/ico_Q.png) no-repeat 0 0; width:26px; height:26px; display:inline-block; text-indent:-9999em;}
.icoA {position:absolute; top:18px; left:10px; background: url(../images/common/ico_A.png) no-repeat 0 0; width:26px; height:26px; text-indent:-9999em;}


.attachFile input[type="text"] {
	width:185px;
	vertical-align:middle;
}
.attachFile input[type="text"] + .attachFileBtn {
	display:inline-block;
	vertical-align:middle;
}

/* 인풋, 셀렉트 가로값 제어 */
.input-text {
	display:inline-block;
	box-sizing:border-box;
}
.input-text input {
	width:100%;
}
.input100 {width:100%;}
.input90 {width:90%;}
.input80 {width:80%;}
.input70 {width:70%;}
.input60 {width:60%;}
.input50 {width:50%;}
.input40 {width:40%;}
.input30 {width:30%;}
.input20 {width:20%;}
.input10 {width:10%;}

.select-wrap {
	display:inline-block;
	box-sizing:border-box;
}
.select-wrap select {
	width:100%;
}
.select19 {
	width:19%;
}
.select20 {
	width:20%;
}

.input-text + .select-wrap,
.select-wrap + .input-text {
	padding-left:5px;
}

/* files upload */
.filebox input[type="file"] {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}

.filebox label {
	display: inline-block;
	box-sizing:border-box;
	height:26px;
	line-height:25px;
	vertical-align:middle;
	cursor:pointer;
}

/* named upload */
.filebox .upload-name {
	display:inline-block;
	width:500px;
	height:26px;
	line-height:26px;
	padding-left:5px;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid#ddd;
	-webkit-appearance:none; /* 네이티브 외형 감추기 */
	-moz-appearance:none;
	appearance:none;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.t_center {
	text-align:center !important;
}
.m_l5 { margin-left:5px; }
.m_l10 { margin-left:10px; }
.m_l15 { margin-left:15px; }
.m_r5 { margin-right:5px; }
.p_l5 { padding-left:5px; }
.p_r5 { padding-right:5px; }

/* 데이터 피커 */
input.datepicker {
	width:80px;
	text-align:center;
	vertical-align:middle;
}
.ui-datepicker-trigger {
	outline:0;
	padding:0;
	margin-left:3px;
	vertical-align:middle;
}
.ui-datepicker-trigger img {
	vertical-align:-4px;
	margin:0 2px;
}
.ui-datepicker-trigger + .divide {
	margin:0 3px 0 1px;
}

/* 타임픽커 */
.timepicker {
	width:80px;
	vertical-align:middle;
}
.time-icon {
	display:inline-block;
	width:26px;
	height:26px;
	margin-left:3px;
	background:url('../images/button/time_icon.png') no-repeat 50%;
	vertical-align:middle;
}
.time-icon + .divide {
	margin:0 3px 0 1px;
}

/* 시간 선택 */
.timeTable {
	display:none;
	position:absolute;
	left:-9999em;
	top:-9999em;
	z-index:999;
	width:200px;
}
.timeTableTit {
	position:relative;
	height:32px;
	line-height:32px;
	font-size:14px;
	color:#fff;
	text-align:center;
	background-color:#5A5A5A;
}
.timeTable .closeTime {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-10px;
	width:20px;
	height:20px;
	background:url(../images/button/btn_p_x_s.gif) no-repeat 50% 50%;
	text-indent:-9999em;
}
.timeTable .tableStyle {
	margin-top:0;
	border-top:0;
}
.timeTable .tableStyle td {
	padding:0;
	background-color:#fff;
}
.timeTable td a {
	display:block;
	font-size:11px;
	height:28px;
	line-height:28px;
	text-align:center;
}
.timeTable td a:hover {
	color:#fff;
	background-color:#fe9630;
}


/* 페이징 */
.paging {
	width:100%;
	text-align:center;
	margin:20px 0 0;
	position:relative;
}
.paging a {
	width:28px;
	height:28px;
	line-height:28px;
	display:inline-block;
	text-align:center;
	border:1px solid #ddd;
	font-size:12px;
	color:#444;
}
.paging a.selected , .paging a:hover {
	background:#e47229;
	color:#fff;
	border:1px solid #bd5e21;
}
.paging a.first { background:#fff url('../images/common/paging_first_off.png') no-repeat 50%; }
.paging a.first:hover {background:#e47229 url('../images/common/paging_first_on.png') no-repeat 50%; }
.paging a.prev {background:#fff url('../images/common/paging_prev_off.png') no-repeat 50%; }
.paging a.prev:hover {background:#e47229 url('../images/common/paging_prev_on.png') no-repeat 50%; }
.paging a.last {background:#fff url('../images/common/paging_last_off.png') no-repeat 50%; }
.paging a.last:hover {background:#e47229 url('../images/common/paging_last_on.png') no-repeat 50%; }
.paging a.next {background:#fff url('../images/common/paging_next_off.png') no-repeat 50%; }
.paging a.next:hover {background:#e47229 url('../images/common/paging_next_on.png') no-repeat 50%; }
.Page {
	position:absolute;
	top:0;
	left:0;
	height:28px;
	line-height:28px;
}
.Page em {
	color:#e47229;
	font-weight:bold;
}


/* 서브 타이틀 */
.sub-tit {
	overflow:hidden;
	height:28px;
	margin-top:20px;
}
.sub-tit h4 {
	font-size:18px;
	font-weight:bold;
	color:#444;
	height:28px;
	line-height:28px;
	background:url('../images/common/sub_tit_bult.png') no-repeat 0 50%;
	padding-left:14px;
	float:left;
}
.m_t0 {
	margin-top:0;
}

/* 버튼 */
.btnArea {
	overflow:hidden;
	height:28px;
}
.btnArea.type1 { /* 테이블 하단에 위치하는 타입 */
	margin-top:10px;
	text-align:right;
}
.sub-tit .btnArea {
	float:right;
}

.btnA {
	display:inline-block;
	height:26px;
	line-height:26px;
	border:1px solid #e47229;
	padding:0 10px;
	font-size:13px;
	color:#e47229;
	border-radius:2px;
}
.btnA:hover {
	background:#fff0e7;
}
.btnA em.plus {
	display:inline-block;
	height:26px;
	line-height:26px;
	background:url('../images/button/plus_icon.png') no-repeat 100% 50%;
	padding-right:18px;
}
.btnB {
	display:inline-block;
	height:26px;
	line-height:26px;
	padding:0 10px;
	font-size:12px;
	color:#fff;
	background:#aaa;
	border-radius:2px;
}
.btnB:hover {
	background:#777;
}
.btnB em.r-arrow {
	display:inline-block;
	height:26px;
	line-height:26px;
	background:url('../images/button/right_arrow_icon.png') no-repeat 100% 50%;
	padding-right:16px;
}

.b-btnArea {
	height:34px;
	overflow:hidden;	
	text-align:right;
}
.b-btnArea.type1 {
	text-align:center;
}
/*.b-btnArea.type1 a {
	margin-left:8px;
}*/
.btnC {
	display:inline-block;
	width:120px;
	height:32px;
	line-height:32px;
	border:1px solid #e47229;
	font-weight:700;
	font-size:15px;
	color:#e47229;
	text-align:center;
	border-radius:5px;
	background-color:#fff;
}
.btnC:hover {
	color:#fff;
	background:#e47229;
}
.btnC.gray {
	color:#666;
	border:1px solid #707070;
}
.btnC.gray:hover {
	color:#fff;
	background:#707070;
}

.state0 { color:#db6a21; }
.state1 { color:#367bbb; }
.state2 { color:#db2115; }
.state3 { color:#f37321; }
.state4 { color:#010101; }


.plusBtn {
	display:inline-block;
	width:20px;
	height:20px;
	background:url('../images/common/More-20.png') no-repeat 50%;
	text-indent:-9999px;
}
.plusBtn:hover { 
	background:url('../images/common/More-20_on.png') no-repeat 50%;
}
.minusBtn {
	display:inline-block;
	width:20px;
	height:20px;
	background:url('../images/common/Less-20.png') no-repeat 50%;
	text-indent:-9999px;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-10px;
}
.minusBtn:hover { 
	background:url('../images/common/Less-20_on.png') no-repeat 50%;
}


/* 상단 검색 영역 */
.searchBox {
	overflow:hidden;
	position:relative;
	border:5px solid #f3f3f3;
	background:#fdfdfd;
	padding:15px 100px 15px 20px;
}
.search-list { 	 
	width:670px;
	overflow:hidden;	
}
.search-list li {
	float:left;
	width:50%;
	margin:2px 0;
}
.search-list li label {
	display:inline-block;
	min-width:70px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	color:#444;
	background:url('../images/common/bult_icons.png') no-repeat 0 50%;
	padding-left:12px;
	margin-right:10px;	
}
.search-list li select {
	height:30px;
	width:185px;
	border:1px solid #ddd;
}
.search-list li input[type="text"] {
	height:30px;
}
.search-list .timepic {
	display:inline-block;
}
.search-list .timepic .timepicker {
	width:60px;
}

.search-list.type2 { 
	width:780px;
}
.search-list.type2 li { 
	width:25%;
}
.search-list.type2 li label { 
	min-width:50px;
}
.search-list.type2 li select { 
	width:80px;
}
.search-list.type2 li.wp100 { 
	width:100% !important;
}
.search-list.type2 li input[type="radio"] { 
	vertical-align:-2px;
	margin-right:5px;
}
.search-list.type2 li span { 
	margin-right:10px;
}

.searchBox02 {
	position:relative;
	padding: 15px 0px 10px 0px; display:inline-block;}
	
.searchBox02 .search-list {float:left; width:inherit; margin-right:5px;}
.searchBox02 .search-list li {
	float:left;
	width:50%;
	margin:0px 0;
}
	
/*검색필드 1개 일 경우 */
.search-list.type1 li {
	width:100%;
}
.searchBtn { 
	display:inline-block;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-15px;
	height:30px;
	line-height:30px;
	font-size:13px;
	color:#fff; 
	background-color:#897162
}
.searchBtn:hover {background-color:#6f5c50}
.searchBtn.search-Btn {	
	background-image:url('../images/button/search_icon.png');
	background-position:10px 50%;
	background-repeat:no-repeat;
	padding:0 12px 0 30px;
}
.searchBtn.drawing-Btn {
	padding:0 12px; 
}

.searchBtn02 { 
	display:inline-block;
	position:relative;
	float:left;
	height:30px;
	line-height:30px;
	font-size:13px;
	color:#fff; 
	background-color:#897162; float:left;
}
.searchBtn02.search-Btn {	
	background-image:url('../images/button/search_icon.png');
	background-position:10px 50%;
	background-repeat:no-repeat;
	padding:0 12px 0 30px;
}

.add-Btn {
	float:right;
	height:30px;
	padding:0 12px 0 30px;
	line-height:30px;
	font-size:13px;
	color:#fff;
	background:#897162 url('../images/button/search_icon.png') no-repeat 10px 50%;
}
.add-Btn:hover {
	background-color:#8d644b;
}
.search-list.noTitle li {
	width:160px;
}

.searchBox .descArea {
	padding:6px;
	padding-left:150px;
}
.searchBox .descArea.icon01 {
	background:url(../images/common/ico_reserve01.png) no-repeat 35px 50%;
}
.searchBox .descArea .desc1 {
	margin-bottom:5px;
	font-size:15px;
	color:#000;
}
.searchBox .descArea .desc1 strong {
	font-weight:700;
}
.searchBox .descArea .desc2 {
	font-size:15px;
	color:#666;
}
.searchBox .descArea .desc2 span {
	display:inline-block;
}
.searchBox .descArea .desc2 span:first-child {
	margin-right:25px;
}
.searchBox .descArea .desc2 .tel { 
	padding-left:22px; 
	background:url(../images/common/ico_tel.png) no-repeat 0 50%;
}
.searchBox .descArea .desc2 .email {
	padding-left:22px;
	background:url(../images/common/ico_email.png) no-repeat 0 50%;
}


/* 팝업 */
.popupWrap {
	width:800px; /* 사이즈 보기 위해 지정. 삭제해도 무방함. */
}
.popHeader {
	position:relative;
	padding-left:20px;
	background-color:#605c58;
}
.popHeader .popTitle {
	height:45px;
	line-height:45px;
	font-weight:700;
	font-size:18px;
	color:#fff;
}
.popHeader .popClose {
	position:absolute;
	right:5px;
	top:50%;
	width:30px;
	height:30px;
	margin-top:-15px;
	text-indent:-9999px;
	background:url(../images/button/btn_cbtn.png) no-repeat 50% 50%;
	outline:none;
}
/*.popHeader .popCloseBtn {
	position:absolute;
	right:10px;
	top:50%;
	width:20px;
	height:20px;
	margin-top:-10px;
	background:url(../images/button/btn_p_x_s.gif) no-repeat 50% 50%;
	text-indent:-9999em;
}*/
.popContent {
	padding:20px;
	max-height:500px;
	overflow-y:auto;
}
.popContent .btnArea {
	height:auto;
	margin-top:30px;
	text-align:center;
}
.popContent .btnAreaR {
	height:auto;
	margin-bottom:10px;
	text-align:right;
}
.popContent .popBtnWrap {
	margin-top:25px;
	text-align:center;
}
.popContent .popBtnWrap .btnC + .btnC {
	margin-left:3px;
}

/* 레이어 팝업 */
.layer {
	display:none;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	width:100%;
	height:100%;
}
.layer .bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2f000000', endColorstr='#2f000000'); 
    z-index:-1;
}
.layer .inner {
	position:absolute;
	left:50%;
	top:50%;
	background-color:#fff;
	-webkit-box-shadow:2px 2px 10px #000;
	-ms-box-shadow:2px 2px 10px #000;
	box-shadow:2px 2px 10px #000;
}
.layer .inner.smallSize {
	width:440px;
}
.layer .inner.mediumSize {
	width:500px;
}
.layer .inner.largeSize {
	width:800px;
}

/* 로그인 */
.loginWrap {
	width:900px;
	margin:105px auto 0;
}
.loginTit {
	padding:0 0 15px 40px;
	background:url(../images/common/login_bar.png) no-repeat 0 100%;
}
.loginTit h2 {
	display:inline-block;
	background:url(../images/common/login_logo.png) no-repeat 0 0;
	width:320px; height:45px; padding-bottom:10px;
	text-indent: -9999px;
}
.loginTit .desc {
	display:none;
	font-weight:700;
	font-size:16px;
	color:#707070;
}
.loginContent {
	padding:108px 40px 109px 445px;
	background:url(../images/common/img_login.jpg) no-repeat 40px 95px;
}
.loginContent .inputArea {
	overflow:hidden;
	position:relative;
}
.loginContent .inputArea .inputWrap {
	float:left;
	margin-bottom:5px;
}
.loginContent .inputArea label {
	display:inline-block;
	min-width:65px;
	font-weight:700;
	font-size:16px;
	color:#474747;
}
.loginContent .inputArea select {
	display:inline-block;
	width:215px;
	height:37px;
	line-height:35px;
	border:1px solid #d3d3d3;
	border-radius:5px;
}
.loginContent .inputArea input {
	display:inline-block;
	width:215px;
	height:37px;
	padding-left:35px;
	line-height:35px;
	border:1px solid #d3d3d3;
	border-radius:5px;
}
.loginContent .inputArea input[type="text"] {
	background:#fff url(../images/button/ico_login01.png) no-repeat 8px 5px;
}
.loginContent .inputArea input[type="password"] {
	background:#fff url(../images/button/ico_login02.png) no-repeat 8px 5px;
}
.loginContent .inputArea .loginBtnWrap {
	position:absolute;
	right:0;
	top:0;
	width:115px;
	height:120px;
}
.loginContent .inputArea .loginBtnWrap .loginBtn {
	display:inline-block;
	width:100%;
	height:100%;
	border-radius:5px;
	font-weight:700;
	font-size:20px;
	color:#fff;
	background-color:#f37321;
	outline:0;
}
.loginContent .inputArea .loginBtnWrap .loginBtn:hover {
	background-color:#da671d;
}

/* 회의실 예약 테이블 */
.reserveTableWrap { 
	margin:25px 0 22px; 
}
.reserveTitArea {
	overflow:hidden;
	margin-bottom:15px;
}
.reserveTitArea .reserveTit {
	float:left;
	height:25px;
	line-height:25px;
	padding-left:32px;
	font-weight:700;
	font-size:19px;
	color:#5a5a5a;
	background:url(../images/button/time_icon_01.png) no-repeat 0 50%;
}
.reserveTitArea .legend {
	float:right;
}
.reserveTitArea .legend span {
	display:inline-block;
	height:25px;
	line-height:25px;
	margin-left:10px;
	font-weight:700;
	font-size:12px;
	color:#646464;
}
.reserveTitArea .legend .possible {
	padding-left:25px;
	background:url(../images/common/img_possible.png) no-repeat 0 50%;
}
.reserveTitArea .legend .impossible {
	padding-left:25px;
	background:url(../images/common/img_impossible.png) no-repeat 0 50%;
}

.reserveTitArea .legend .mine {
	padding-left:25px;
	background:url(../images/common/img_possible.png) no-repeat 0 50%;
}
.reserveTitArea .legend .other {
	padding-left:25px;
	background:url(../images/common/img_impossible.png) no-repeat 0 50%;
}

.reserveTableWrap .timeline {
	position:relative;
	height:30px;
}
.reserveTableWrap .timeline.bottom {
	margin-bottom:5px;
}
.reserveTableWrap .timeline span {
	position:absolute;
	width:20px;
	font-weight:700;
	font-size:12px;
	color:#5a5a5a;
	text-align:center;
}

.reserveTableWrap .timeline span.h08 { left:177px; }
.reserveTableWrap .timeline span.h09 { left:243px; }
.reserveTableWrap .timeline span.h10 { left:312px; }
.reserveTableWrap .timeline span.h11 { left:380px; }
.reserveTableWrap .timeline span.h12 { left:448px; }
.reserveTableWrap .timeline span.h13 { left:516px; }
.reserveTableWrap .timeline span.h14 { left:584px; }
.reserveTableWrap .timeline span.h15 { left:652px; }
.reserveTableWrap .timeline span.h16 { left:720px; }
.reserveTableWrap .timeline span.h17 { left:788px; }
.reserveTableWrap .timeline span.h18 { left:856px; }
.reserveTableWrap .timeline span.h19 { left:924px; }

.reserveTableWrap .timeline.top span { top:1px; }
.reserveTableWrap .timeline.bottom span { bottom:1px; }

.reserveTableWrap .timeline span:before {
	content:'';
	position:absolute;
	width:1px;
	height:12px;
	background-color:#c1c1c1;
}
.reserveTableWrap .timeline.top span:before {
	left:9px;
	bottom:-15px;
}
.reserveTableWrap .timeline.bottom span:before {
	left:9px;
	top:-15px;
}

.reserveTable {
	position:relative;
	border:2px solid #7c7c7c;
}

.reserveTable th {
	position:relative;
}
.reserveTable table {
	width:100%;
}
.reserveTable table th,
.reserveTable table td {
	height:22px;
	padding:2px 5px;
	vertical-align:middle;
}
.reserveTable table th {
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	font-size:13px;
	color:#6e6e6f;
	text-align:center;
}
.reserveTable table tr:first-child th {
	border-top:0;
}
.reserveTable table tr:last-child th {
	border-bottom:0;
}
.reserveTable table th.first {
	border-top:1px solid #e5d9cd;
	border-bottom:1px solid #e5d9cd;
	font-weight:700;
	font-size:15px;
	color:#fff;
	background-color:#b3aba4;
}
.reserveTable table th.noBottom {
	border-bottom:0;
}
.reserveTable table td {
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	text-align:center;
}
.reserveTable table td:last-child {
	border-right:0;
}
.reserveTable table tr:last-child td {
	border-bottom:0;
}
.reserveTable table td.not {
	background-color:#eee;
}
.reserveTable table td.past {
	background:#eee url(../images/common/bg_room_none.png) repeat-x 0 0;
}
.reserveTable table td.selected {
	background-color:#626262;
}

.reserveTable .ico_lock {
	position:absolute;
	right:5px; top:50%; margin-top:-7px;
	width:12px;
	height:14px;	
	background:url(../images/common/look_icon.png) no-repeat 0 0;	
}
.reserveMenu {
	position:absolute;
	right:110px;
	bottom:154px;
}
.reserveMenu .rl_btn01 {
	width:58px;
	height:22px;
	line-height:22px;
	font-weight:400;
	font-size:12px;
}
.reserveMenu .btnC.gray {

}

/* 컨텐츠 내용*/
.content {
	float:right;
	width:970px;
	min-height:700px;
}
.titie {
	overflow:hidden;
	height:70px;
}
.titie h3 {
	display:inline-block;
	height:70px;
	line-height:70px;
	font-size:28px;
	font-weight:bold;
	color:#444;
}
.titie .comment {
	display:inline-block;
}
.searchArea {
	background:#eaeaea;
	padding:15px 20px 15px 0;
	border:1px solid #ddd;
}
.searchArea label {
	display:inline-block;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	height:30px;
	line-height:30px;
}
.searchArea select {
	height:30px;
	line-height:30px;
	border:1px solid #c8c8c8;
	margin-left:10px;
}

.calendarArea {
	height:80px;
	position:relative;
	margin-top:20px;	
}
.calendarArea a.prevBtn {
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	height:80px;
	width:35px;
	border:1px solid #ddd;
	background:url('../images/common/left_arrow.png') no-repeat 50%;
	border-radius:6px 0 0 6px;
	text-indent:-9999px;
	box-sizing:border-box;
}
.calendarArea a.prevBtn:hover {
	background:url('../images/common/left_arrow_on.png') no-repeat 50%;
}
.calendarArea a.nextBtn {
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	height:80px;
	width:35px;
	border:1px solid #ddd;
	background:url('../images/common/right_arrow.png') no-repeat 50%;
	border-radius:0 6px 6px 0;
	text-indent:-9999px;
	box-sizing:border-box;
}
.calendarArea a.nextBtn:hover {
	background:url('../images/common/right_arrow_on.png') no-repeat 50%;
}

.year-month {
	position:absolute;
	top:0;
	left:35px;
	float:left;
	width:80px;
	height:80px;
	text-align:center;
}
.year-month span {
	display:block;
	font-size:15px;
	color:#5a5a5a;
	margin-top:15px;
}
.year-month strong {
	display:block;
	font-size:30px;
	color:#444;
}

.dateArea {
	overflow:hidden;
	position:absolute;
	top:0;
	left:115px;
	width:811px;
}

.date {
	overflow:hidden;
	width:3000px;
}
.date li {
	float:left;
	box-sizing:border-box;
	text-align:center;
	margin-left:2px;
}
.date li:first-child {
	margin-left:0;
}
.date li a {
	display:block;
	box-sizing:border-box;
	width:37px;
	height:80px;
	padding-top:15px;
	border:1px solid #ddd;
}
.date li a:hover {
	color:#fff;
	border-color:#f37321 !important;
	background-color:#f37321 !important;
}
.date li.selected a {
	color:#fff;
	border-color:#6d6d6d;
	background-color:#6d6d6d;
}
.date li.week a {
	width:36px;
	background-color:#eaeaea;
	}
.date li em {
	display:block;
	font-weight:700;
}
.date li span {
	display:block;
	margin-top:15px;
	font-weight:700;
}

.midTitWrap {
	overflow:hidden;
	margin:22px 0;
}
.midTitWrap.type1 {margin-top:0}



.midTitWrap .midTitArea {
	width:100%; overflow:hidden;	
	margin-bottom:10px;
}
.midTitWrap .midTitArea h4 { 
	float:left;	
	padding-left:15px;
	font-weight:700;
	font-size:18px;
	color:#444;
	background:url(../images/button/bult_rect_5x5.png) no-repeat 0 50%;
}

.midTitWrap .midTit strong {
	font-weight:700;
	color:#f37321;
}

/*
 *
 */
.textareaStyle {
	width:100%;
	vertical-align:middle;
}


/*임직원 검색 */
.nameChoiceArea {width: 77% ;}
.nameListArea { 
	overflow-x:hidden; overflow-y:scroll;
	width:18%;
	padding:10px 10px 10px 12px;
	background:#f9f9f9;
	border:1px solid #ddd; 
	border-top:2px solid #8a8a8a;
	height: 298px;
}
.nameList {width:100%;}
.nameListArea li {height:28px; line-height:28px;position:relative;}

.tableList {height: 232px; overflow-y:auto;}

.tableList2 {height: 286px;border: 1px solid #ddd; overflow-y:auto;}

/*방문자 검색 */
.nameChoiceArea_v {width: 77% ; max-height: 260px;}
.nameListArea_v { 
	overflow-x:hidden; overflow-y:scroll;
	width:18%;
	padding:10px 10px 10px 12px;
	background:#f9f9f9;
	border:1px solid #ddd; 
	border-top:2px solid #8a8a8a;
	height: 245px;
}
.nameList {width:100%;}
.nameListArea_v li {height:28px; line-height:28px}


#time_warp {background-color:#f4f4f4; border: 1px solid #5a5a5a;}

#time_warp  h2 {height:30px; padding:10px 0 0 10px; text-align:left; background-color:#605c58;  position:relative;}
#time_warp  h2 span{float:none; font-size:14px; color:#fff;}
#time_warp  h2 span.btnx { position:absolute; right:10px; top:12px; background:url(../images/common/btn_p_x_s.gif) no-repeat 0 0; width:14px; height:14px; display:inline-block; text-indent:-9999px;}
#time_warp .cont_in { position:relative; float:left; padding:0; background-color:#fff;}
#time_warp .time_list  {position:relative; width:100%;  margin:0px; font-size:12px;}
#time_warp .time_list table {border-collapse:collapse;  border-bottom:1px solid #eaeaea; border-left:none; border-right:none; margin:0; padding:0; table-layout:fixed}
#time_warp .time_list table caption {width:0; height:0; font-size:0; line-height:0; visibility:hidden}
#time_warp .time_list table td{border-left:0 none; border-right:0 none; border-top:1px solid #ededed !important; border-bottom:0 none; padding:3px 3px 3px 3px; font-size:11px; color:#828282; text-align:center; word-break:break-all; word-wrap:break-word; line-height:18px;}
#time_warp .time_list table td a{ color:#7a7a7a;}
#time_warp .time_list table td a:link{color:#7a7a7a; font-weight:bold;}
#time_warp .time_list table td a:hover{color:#fff; font-weight:bold;}
#time_warp .time_list table td a:visited{color:#7a7a7a; text-decoration:none;}
#time_warp .time_list table td:hover { background-color:#fe9630;}
#time_warp .time_list table td:hover a{color:#fff;}

.top-info {
	overflow:hidden;
}
.top-info .dates { 
	float: left;
	height:30px;
	line-height:30px;
	padding-left: 15px;
	font-size: 16px;
	color: #444;
	background: url(../images/button/bult_rect_5x5.png) no-repeat 0 50%;
}
.top-info .users { 
	float: right;
	height:30px;
	line-height:30px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 16px;
	color: #444;
}

.crashBtn {
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:20px;
	text-indent:-9999px;
}
.crashBtn.true { 
	background:#e47229;
}
.crashBtn.false { 
	background:#999;
}

.infobox {margin:0 0 10px 0;}
.infobox ul li {font-size:15px; color:#444444; font-weight:bold; background:url('../images/common/bult_icons.png') no-repeat 0 50%; padding-left:12px;}
.infobox ul li strong {color:#f37321; font-weight:bold;}

/* 에러 페이지 */
.error-body { 
	background:#ebebeb
}
.error-wrap { 
	width:770px;
	border-top:2px solid #222;
	border-bottom:1px solid #222;
	background:#fff;
	box-sizing:border-box;
	padding:60px;
	margin:60px auto 0;
}
.error-cont { 
	background:url('../images/common/error_icon.png') no-repeat 100% 50%;
	padding-right:170px;
}
.error-cont h2 { 
	font-size:28px;
	font-weight:bold;
	color:#222;
}
.error-cont h2.color { 
	color:#648dd6;
}
.error-cont h3 { 
	font-size:20px;
	font-weight:bold;
	color:#222;
	margin-top:10px;
}
.error-cont p { 
	margin-top:20px;
	padding-top:20px;
	font-size:14px;
	line-height:24px;
	position:relative;
}
.error-cont p:after { 
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:2px;
	background:#222;
}
.error-cont p strong { 
	font-weight:bold;
}
.error-btnArea { 
	margin-top:40px;
}
.error-btn { 
	display:inline-block;
	height:36px;
	line-height:36px;
	padding:0 12px;
	border:1px solid #222;
	font-size:14px;
	color:#222;
	border-radius:5px;
	font-weight:bold;
}
.error-btn:hover { 
	background:#f8f8f8;
}
.error-btn.orange { 
	border:1px solid #db6a21;
	color:#db6a21;
}

.scroll-y {
	overflow-x:scroll;
}

.outlookAddin_wrap { 
	padding:0 20px 20px;
	width:970px;
}
/**/
.conference-list{ text-align:right; margin-bottom:24px;}
.conference-list span:before{
	display:inline-block;
	content:'';
	margin-right:5px;
	width:18px; height:18px;
	border:1px solid #cecece;
	vertical-align:middle;
}
.conference-list span.color1:before{
	background:#81ad8e;
}
.conference-list span.color2:before{
	background:#b77950;
}
.conference-list span.color3:before{
	background:#f58f4d;
}
.conference-list span.color4:before{
	background:#858585;
}
.conference-list span{
	margin-right:22px;
	height:17px;
	line-height:17px;
	font-size:12px;
	color:#646464;
	font-weight:bold;
	cursor:pointer;
}
.conference-list span:last-child{margin-right:0px;}

/* 말줄임 디자인 */
.subject_ellips { 
	display:inline-block; 
	width:100%; 
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
	vertical-align:middle;
	text-align:left;
}
.ellips { 
	display:inline-block; 
	width:60px; 
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
}


/* 2017-01-19 도움말 아이콘 */
.helpIcon { 
	display:inline-block;
	width:25px;
	height:25px;
	background:url('../images/common/b_tooltip_off.png') no-repeat 50%;
	margin-left:10px;
	position:relative;
}
.helpLayer  { 
	display:none;
	position:absolute;
	top:25px;
	right:5px;
	border:1px solid #ddd;
	z-index:99;
	background:#fff;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,.05);
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,.05);
}
.helpLayer h5 { 
	font-size:15px;
	color:#fff;
	background:#5a5a5a;
	padding:0 15px;
	height:40px;
	line-height:40px;
}
.helpLayerCont { 
	padding:15px;
}
.helpLayerCont img { 
}
.helpLayerCont p { 
	margin-top:10px;
	line-height:20px;
}
.helpLayerCont p em { 
	color:#f58f4d;
}



/* 실행화면 */
.infoPopCont { 
	width:500px;
	height:370px;
	box-sizing:border-box;
	position:absolute;
	/*top:50%;
	left:50%;
	margin:-250px 0 0 -250px;*/
	text-align:center;
	padding:50px;
}
.infoPopCont .logos { 
	width:187px;
	height:50px;
	background:url('../images/common/poplogo.png') no-repeat 50%;
	text-indent:-9999px;
	margin:0 auto;
}
.infoPopCont .txt { 
	font-size:24px;
	color:#444;
	padding:50px 0;
	line-height:40px;
}
.infoPopCont .txt strong { 
	font-size:24px;
	font-weight:bold;
}
.infoPopCont .txt em { 
	font-size:24px;
	color:#f37321;
}
.infoPopCont .btn { 
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	padding:0 50px;
	border-radius:40px;
	background:#fa6432;
}
.infoPopCont .btn:hover { 
	background:#f9764a;
}