@charset "utf-8";

#xb_select { font-size:100%; color:#F6F1E4; background-color:#685C41; }
img { border:0px;}

.line1 { height:1px; background-color:#d6d6d6;}		/* 연한회색 */
.line2 { height:1px; background-color:#ffffff;}			/* 흰색 */
.line3 { height:2px; background-color:#F3F0E9;}	/* 연한색 */
.line4 { height:1px; background-color:#eeeeee;}		/* 진한회색 */

/*일반게시판 제목줄 스타일 */
.list_header { background:#F3F0E9;color:#6E6E6E;font-weight:bold;text-align:center; }
.list_con_out { background-color:#ffffff;height:20px;}
.list_con_over { background-color:#f6f6f6;height:20px;}
.list_title { text-align:left;padding:0 5px;}

.glist_header {							/*겔러리게시판 위/아래 제목줄 스타일 */
	background-color:#F3F0E9;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	height:4px; 
	}

.gline_space { background-color:#ffffff; height:8px; }		/*겔러리게시판 이미지사이 구분선 스타일 */

/* 게시판 배경색 */
.con_box { background-color:#ffffff; padding:10px 10px;}

.inbox1 { 
	width: 130px;
	height:20px; 
	background-color:#f6f6f6;
	font-weight:bold;
	text-align:center;
	}
.inbox2 { 
	height:20px; 
	background-color:#ffffff;
	padding:0 8px;
	}
.inbox3 { 
	height:20px; 
	background-color:#f6f6f6;
	text-align:center;
	}

.input1_s {
	border:1px solid #CCCCCC; 
	height:18px;
	color:#555555;
	font-size:100%; padding-top:2px;
	width:100px;
}

.input1_l {
	border:1px solid #CCCCCC; 
	height:18px;
	color:#555555;
	font-size:100%; padding-top:2px;
	width:90%;
}

.input1 {
	border:1px solid #CCCCCC; 
	height:18px;
	color:#555555;
	font-size:100%; padding-top:2px;
}

.textarea1{
	FONT-SIZE: 12px; 
	COLOR: #666666; 
	LINE-HEIGHT: 18px; 
	FONT-FAMILY: "","u","verdana"; 
	BORDER-RIGHT: #dddddd 1px solid; 
	BORDER-TOP: #dddddd 1px solid; 
	BORDER-LEFT: #dddddd 1px solid; 
	BORDER-BOTTOM: #dddddd 1px solid; 
	width:100%; 
	height:250px;
	SCROLLBAR-FACE-COLOR: #f6f6f6; 
	SCROLLBAR-HIGHLIGHT-COLOR: #dddddd; 
	SCROLLBAR-SHADOW-COLOR: #dddddd; 
	SCROLLBAR-3DLIGHT-COLOR: white; 
	SCROLLBAR-ARROW-COLOR: #dddddd; 
	SCROLLBAR-TRACK-COLOR: white; 
	SCROLLBAR-DARKSHADOW-COLOR: white;
	}

.img_table1 {								    /*이미지 테두리 스타일*/
	position:relative;
	background:#ffffff;
	width:120px;
	height:105px;
	padding:3px;
	border:1px solid #dddddd;
	}

.img_table2 {								    /*이미지 위쪽버튼 스타일*/
	position:relative;
	background:#ffffff;
	width:120px;
	height:12px;
	padding:3px;
	border:1px solid #ffffff;
	z-index:10;
	text-align:right;
	}

.img_table3 { 								    /*이미지 제목 스타일*/
	position:relative;
	background:#ffffff;
	width:120px;
	padding:0px;
	border:0px solid #dddddd;
	text-align:left;
	}

.upload_lim {color:#C74242;font-size : 8pt;font-family: "verdana";}

/* co가 붙은건 코멘트 스타일 */
.co_box1 { 
	height:20px; 
	background-color:#f6f6f6;
	padding:0 7px;
	}
.co_box2 { 
	height:20px; 
	padding:0 8px;
	}
.co_date {
	color:#999999;
	font-size : 7pt;
	font-family: "verdana";
	}
.co_input {
	font-family:verdana;
	font-size:100%;
	border:solid 1px #CCCCCC;
	background-color:#ffffff;
	width:120px;
	height:18px;
	padding-top:2px;
	color:#333333;
	}
.co_button {
	font-family:verdana;
	font-size:100%;
	border:solid 1px;
	border-color:#eeeeee;
	background-color:#666666;
	width:70px;
	height:50px;
	color:#ffffff;
	padding:2px;
	margin-left:5px;
	}
.co_textarea {
	FONT-SIZE: 12px; 
	COLOR: #666666; 
	LINE-HEIGHT: 18px; 
	FONT-FAMILY: "","u","verdana"; 
	BORDER-RIGHT: #dddddd 1px solid; 
	BORDER-TOP: #dddddd 1px solid; 
	BORDER-LEFT: #dddddd 1px solid; 
	BORDER-BOTTOM: #dddddd 1px solid; 
	width:100%; 
	height:50px;
	SCROLLBAR-FACE-COLOR: #f6f6f6; 
	SCROLLBAR-HIGHLIGHT-COLOR: #dddddd; 
	SCROLLBAR-SHADOW-COLOR: #dddddd; 
	SCROLLBAR-3DLIGHT-COLOR: white; 
	SCROLLBAR-ARROW-COLOR: #dddddd; 
	SCROLLBAR-TRACK-COLOR: white; 
	SCROLLBAR-DARKSHADOW-COLOR: white;
	}

.login_table {
	background-color:#ffffff;
	border: #eeeeee 5px solid; 
	padding:20px;
	width:500px;
	text-align:center;
}

.login_input {
	background-color:#f6f6f6;
	border: #dddddd 1px solid; 
	width:120px;
	height:18px;
	color: #666666; 
}

.password_title {
	background-color:#ffffff;
	border: #f6f6f6 3px solid; 
	width:500px;
	text-align:center;
	font-weight:bold;
	color:#cc6600;
	padding:3px;
}

.password_text {
	background-color:#ffffff;
	width:500px;
	text-align:center;
	color:#666666;
	padding:5px;
}
#xb_view #coDel { background:#FFFFFF; border:1px solid #CCCCCC; padding:5px; }
#xb_view #coDel #coDelPassView { width:140px; padding-bottom: 3px; }
#xb_view #coDel #coDelPassView .input { width:80px; }
#xb_view #coDel .coDelBtn { width:90px; }
#xb_view #coDel .coDelBtn .button { height:18px; padding:2px; border:1px solid slategray; }

#xb_list #list_cal_search { border:0px solid; text-align:center; height:24px; }
#xb_list #list_cal_search .search { float:left; }
#xb_list #list_cal_search ul { list-style:none; }
#xb_list #list_cal_search .btn_month li { padding-left:5px; float:left; }
#xb_list #list_cal_search .btn_list { float:right; }

#list_pgcount { margin-top:5px; padding:2px; }
#list_pgcount .pgcount { float:left; }
#list_pgcount .btn_list { float:right; }
#list_search {float:right;}
#list_search .xb_select {float:left; width:80px; height:30px; border:1px solid #ccd0d7; font-size:9pt;}
#list_search .input1 {float:left; width:194px; height:28px; margin-left:5px; padding-left:5px; border:1px solid #ccd0d7; border-right:none;}
#list_search .list_search_btn {float:left; width:61px; height:30px; font-size:13px; color:#fff; background:#7d7d7d; border:none;}
#list_admin { text-align:center; padding:2px;}

#xb_list .month { width:100%; border-collapse: collapse; border: 1px solid #D4D0C8; border-spacing:0; }
#xb_list .month th, #xb_list .month td { width:16%; height:20px; padding:0px; text-align:center; line-height:120%;}
#xb_list .month th { background:#EFF4F9; color: #555555; font-weight:bold; border-left: 1px solid #D4D0C8; }
#xb_list .month td { background:#FFFFFF; color: #555555; border: 1px solid #D4D0C8; }
#xb_list .month ul { list-style:none; }
#xb_list .month ul li { text-align:center; }
#xb_list .month ul li.sday { background:#FFDCB5;  }

#xb_list .month a { display:block; width:100%; }
#xb_list .month .saturday { width:13%; color:#0080C0; }
#xb_list .month .saturday a { color:#0080C0; }
#xb_list .month .sunday { width:9%; color:#FF0000; }
#xb_list .month .sunday a { color:#FF0000; }
#xb_list .month .today a { color:#EC7C00; }

#xb_list #list_main .res_status0 { }
#xb_list #list_main .res_status1 { color:#EC7C00; }
#xb_list #list_main .res_status2 { color:#C40000; }
#xb_view .res_status0 { }
#xb_view .res_status1 { color:#EC7C00; }
#xb_view .res_status2 { color:#C40000; }
#xb_list .help { color:#C40000; }

#xb_list .float_left { width:30%; }
#xb_list .float_right { width:69%; padding-top:6px; }
#xb_list #list_main { padding-top:20px; }



/*디자인 수정*/
.room_reservation .room_box {overflow:hidden;border:1px #ddd solid;   width:100%; border-top:0 none; border-right:0 none; }
.room_reservation .room_box li.cell { box-sizing:border-box; }
.room_reservation .room_box li.cell .search_day{padding:0 0px; height:50px; line-height:50px; border-right:1px #ddd solid; background:#fff; color:#333; text-align:center; }
.room_reservation .room_box li.cell .search_day span.left{float:left; margin:7px 0 0 10px;}
.room_reservation .room_box li.cell .search_day span.right{float:right; margin:7px 10px 0 0;}
.room_reservation .room_box li.cell .search_day span a{float:left; display:block; width:35px; height:35px; text-indent:-99999px; border-radius:50%; }
.room_reservation .room_box li.cell .search_day span .prev{ background:#484ebb url(img/room_prev.png) left top no-repeat; }
.room_reservation .room_box li.cell .search_day span .next{ background:#484ebb url(img/room_next.png) left top no-repeat;}
.room_reservation .room_box li.cell .search_day select {border:1px #ddd solid;  line-height:28px; height:28px;}

.room_reservation .room_box li.cell .search_day .yearbox { font-size:14px; }


.room_reservation .room_box li.left {width:100%; border-top:2px solid #484ebb;}
.room_reservation .room_box li.right {width:100%; border-top:1px solid #ddd; border-right:1px solid #ddd; }

.room_reservation .room_box .left table.mecicine {width:100%; border-collapse:collapse;}
.room_reservation .room_box .left table.mecicine th{border-top:1px #ddd solid; border-right:1px #ddd solid; text-align:center; line-height:30px; background:#f8f8f8; color:#000; font-weight:500;}
.room_reservation .room_box .left table.mecicine td{position:relative; height:80px; border-top:1px #ddd solid; border-right:1px #ddd solid; text-align:center; line-height:33px; vertical-align:top; width:14.28571428571429%;  }
.room_reservation .room_box .left table.mecicine td a{display:block;  text-align:right; padding-right:10px; min-height:80px;}
.room_reservation .room_box .left table.mecicine td a:hover{text-decoration:underline;}
.room_reservation .room_box .left table.mecicine td.today {background:#ebe4fe;}

.room_reservation .room_box .left table.mecicine td .box {position:relative;}
.room_reservation .room_box .left table.mecicine td .day_reservation {position:relative; background:#f8f8f8; overflow:hidden; min-height:40px;  border-top:1px #ddd solid;  vertical-align:middle; }
.room_reservation .room_box .left table.mecicine td .day_reservation span{display:none; width:13px; height:13px;vertical-align:middle;    padding:0px;  border-radius:13px; /*background:url(img/day_reservation_bg.png);*/}
.room_reservation .room_box .left table.mecicine td .day_reservation div.line {position:absolute; top:0px; width:100%; border-bottom:1px #ddd solid; padding-bottom:19px;}
.room_reservation .room_box .left table.mecicine td .day_reservation div.line_allON {border-bottom:0px #ddd solid !important;}
.room_reservation .room_box .left table.mecicine td .day_reservation .amON{display:inline-block;  position:absolute; top:0px; left:40%; margin:3px auto; background-color:#0086e3;  }
.room_reservation .room_box .left table.mecicine td .day_reservation .pmON{display:inline-block;  position:absolute; top:20px; left:40%; margin:3px auto;background-color:#ffcc00; }
.room_reservation .room_box .left table.mecicine td .day_reservation .allON{display:inline-block;  position:absolute; top:10px; left:40%; margin:3px auto; background-color:#ff0000;}


.day_reservation_info {padding:5px 0px; margin:0 10px; text-align:center;border-top:1px #ddd solid;}
.day_reservation_info div{margin:0 5px; text-align:center; display:inline-block;  border-radius:13px; font-size:12px; }
.day_reservation_info span{display:inline-block; margin-right:3px; vertical-align:middle;  width:13px; height:13px; border-radius:13px; /*ackground:url(img/day_reservation_bg.png);*/ }
.day_reservation_info span.amON{background-color:#0086e3; color:#2e92bc;}
.day_reservation_info span.pmON{background-color:#ffcc00; color:#ffc209;}
.day_reservation_info span.allON{background-color:#ff0000; color:#ff6b09;}

.room_info{padding:10px 0 0 20px; color:#333; font-weight:bold;}

.room_reservation .room_box .left table.mecicine .sunday,
.room_reservation .room_box .left table.mecicine .sunday a{color:#ff3b14 !important;}

.room_reservation .room_box .left table.mecicine .saturday,
.room_reservation .room_box .left table.mecicine .saturday a{color:#25a3e4 !important;}

.room_reservation .room_box .left table.mecicine td .sday {text-align:center;  display:block; }
.room_reservation .room_box .left table.mecicine td .sday:before { content:""; display:block; width:50px; height:50px; border-radius:50%; background:#dacffa url(./img/sday.png) center center no-repeat; box-sizing:border-box; position:absolute; left:5px; bottom:5px; border:2px solid #7960c3; }
.room_reservation .room_box .left table.mecicine td .sday a{ }

.room_reservation .room_box li.right {background:#f9f9f9;  }
.room_reservation .room_box li.right .box{padding:15px;}

.room_reservation .room_box li.right .box .help{line-height:30px;  padding-left:40px; font-size:14px; margin-bottom:10px; color:#555 !important; position:relative; }
.room_reservation .room_box li.right .box .help:before { content:""; display:block; width:30px; height:30px; border-radius:50%; background:#dacffa url(./img/sday.png) center center no-repeat; box-sizing:border-box; position:absolute; left:0px; top:1px; border:2px solid #7960c3; background-size:15px !important; }


/*게시판 카테고리*/
.categoryView {border:3px #f0f0f0 solid; overflow:hidden; margin:0 0 10px 0;position:relative; padding:10px 15px 5px;  background:#fff; }

.categoryView ul.cate:after { content:""; display:block; clear:both; }
.categoryView ul.cate li {float:left;width:20%; margin-bottom:5px; line-height:35px;}
.categoryView ul.cate li:nth-child(5n+1) { clear:both; }
.categoryView ul.cate li a{ letter-spacing:-1px; font-size:14px; display:inherit; padding:0 10px 0 25px; position:relative;}

.categoryView ul.cate li a span { display:block; float:left; width:18px; height:18px; background:#fff; box-sizing:border-box; border:2px solid #d5d5d5; margin:9px 6px 0 0; position:relative; border-radius:3px; position:absolute; left:0; top:0; }
.categoryView ul.cate li a:hover span { border:2px solid #41b2ff; }
.categoryView ul.cate li a.room_on span { border:2px solid #41b2ff; }
.categoryView ul.cate li a.room_on span:before { content:""; display:block; width:16px; height:13px; background:url(img/noti_chk.png) left top no-repeat; position:absolute; right:0; top:0; }
.categoryView ul.cate li a.room_on{color:#fa6514; font-weight:bold;}
.categoryView ul.cate li a:hover{color:#fa6514; }
.ui-state-default { color:#555 !important; font-weight:normal !important; }


/*게시판지정 윗글*/
.noticeBorderTop {  width:100%; height:140px; padding:20px 0; border:1px solid #ccd0d7; font-size:13px; letter-spacing:-1px; color:#666666; background:url(img/notice_top_bg.gif) 36px bottom no-repeat; box-sizing:border-box; margin-bottom:20px;}
.noticeBorderTop ul {margin:0 25px 0 142px;}
.noticeBorderTop ul li {line-height:13.5pt; margin:6px 0; padding:0 0 0 8px; background:url(img/notice_top_dot.gif) left 7px no-repeat;}
.noticeBorderTop ul li span {color:#ed1c24; font-weight:bold;}



/*리스트*/
#xb_fm_list::after { content:""; display:block; clear:both; }

/* 게시판 리스트 */
table.board_list {  width:100%; margin-top:20px; border-top:2px solid #535353; border-collapse:collapse;  }
table.board_list thead { background:#fff;}
table.board_list thead th { padding:12px 4px; border-bottom:1px solid  #ccd0d7; color:#333; font-size:15px; font-weight:500; }

table.board_list tbody td {height:55px; font-size:1.000em; color:#666666; border-bottom:1px solid #e2e4e8; text-align:center;}
table.board_list tbody td img { vertical-align:middle; margin-left:5px; }
table.board_list tbody td.left {text-align:left;}
table.board_list tbody td.file {position:relative;}
table.board_list tbody td.file span.file_num {position:absolute; top:9px; left:15px; padding:0 3px; line-height:18px; font-size:10px; border-radius:50%; background:#ffc600; color:#fff;}

table.board_list tbody tr:last-child td {border-bottom:1px solid #ccd0d7;}


.board_table2 {width:100%; border-top:#485778 2px solid; font-size:12px; }
.board_table2 tbody th {background:#f6f6f6; border-bottom:#DDDDDD 1px solid; padding:8px 0 8px 0;}
.board_table2 tbody td {text-align:left; border-bottom:#DDDDDD 1px solid; padding:5px 0 5px 4px;}
.board_table2 .left {text-align:left; padding-left:7px;}

.board_table3 {width:100%; border-top:#d6d6d6 1px solid; border-bottom:#d6d6d6 1px solid; font-size:12px; }
.board_table3 tbody th {background:#f6f6f6; border-bottom:#DDDDDD 1px solid; padding:5px 0;}
.board_table3 tbody td {border-bottom:#DDDDDD 1px solid; padding:5px 7px;}

.board_table3 .form {height:14px; font-size:12px; color:#757575; border:#ccc 1px solid; padding:2px 3px;}
.board_table3 .form2 {height:20px; width:300px; font-size:12px; color:#757575; border:#ccc 1px solid; background-color:#fff; padding:2px 3px; margin-bottom:3px;}
.board_table3 .form3 {width:75%; height:70px; font-size:12px; color:#757575; border:#ccc 1px solid; padding:2px 3px; margin:2px 0 5px 0; overflow:hidden;}

.board_table3 .line {border-top:#d6d6d6 1px solid; border-bottom:#d6d6d6 1px solid;}
.board_table3 .line ul {padding:7px 0;}
.board_table3 .line textarea {width:98%; height:250px; font-size:12px; border:#ccc 1px solid; padding:5px; margin-bottom:2px;}


/*�곌린*/
.xmecca_sm_board_write {display:inline-block; text-align:center; color:#646464;  padding:0 0 0 10px;line-height:28px;  width:67px; height:28px; background:url(../../../data_files/images/board/board_icon_pack.gif) -77px top no-repeat; }
.xmecca_sm_board_write:hover{text-decoration:underline;  }

/*�곌린*/
.xmecca_sm_board_list {display:inline-block; text-align:center; color:#646464; padding:0 0 0 10px;line-height:28px;  width:67px; height:28px; background:url(../../../data_files/images/board/board_icon_pack.gif) left top no-repeat; }
.xmecca_sm_board_list:hover{text-decoration:underline; }



#list_pgcount {float:left; margin:15px 0 10px 0; width:100%;  padding:0px;}
#list_pgcount .pgcount { float:left; text-align:center; padding:10px 0 0 0; width:100%;}
#list_pgcount .btn_list { float:right; }


.input1 {
vertical-align:top;
	width:40%;
	border:1px solid #CCCCCC; 
	height:22px;
	color:#555555;
	font-size:100%; 
	line-height:22px;
}

input.list_search_btn{width:60px; height:24px; color:#fff; font-weight:bold; line-height:24px; border:0px; background:#636363; vertical-align:top; cursor:pointer;}


a.pg_first {display:inline-block; width:26px; height:27px; text-align:center;  border:1px #c5c9cd solid; background:url(../../../data_files/images/board/pg_first.gif) center 9px no-repeat;}
a.pg_prev {display:inline-block;  width:26px; height:27px;  text-align:center; border:1px #c5c9cd solid; background:url(../../../data_files/images/board/pg_prev.gif) center 9px no-repeat;}


.pg_count_on {display:inline-block;  width:28px; height:29px; text-align:center; line-height:29px; vertical-align:top; color:#ffffff; font-weight:bold; background:#485778; }
a.pg_count_num {display:inline-block;  width:26px; height:27px; text-align:center; line-height:27px;  border:1px #c5c9cd solid; vertical-align:top; }
a.pg_count_num:hover{width:28px; height:29px; line-height:29px; text-align:center; border:0px; vertical-align:top; color:#ffffff; font-weight:bold; background:#485778; }


a.pg_next {display:inline-block; width:26px; height:27px;  text-align:center; border:1px #c5c9cd solid; background:url(../../../data_files/images/board/pg_next.gif) center 9px no-repeat;}
a.pg_last {display:inline-block;  width:26px; height:27px;  text-align:center; border:1px #c5c9cd solid; background:url(../../../data_files/images/board/pg_last.gif) center 9px no-repeat;}


.board_wm_btn {float:right; margin-top:15px;}
.board_wm_btn li {float:left; padding-right:5px;}

/*질문과답변 확인버튼*/
.board_btn02 {display:inline-block; width:45px; height:18px; text-align:center;  vertical-align:bottom; background:#636363; color:#fff;}



/*쓰기 버튼 라이트 박스*/
#layer_data {width:100%;}
#layer_data h4 {float:left;  width:80%; margin:10px 0 20px 0;  color:#424242;font-size:25px;padding:15px 0 0 55px; line-height:120%; background:url(img/h4.jpg) left 8px no-repeat;}
#layer_con {float:left; padding:15px 25px; margin:0 25%; width:50%; background:#fff; font-family:"맑은 고딕"; border:3px solid #bbb; box-sizing:border-box;}
#layer_con iframe { height:270px;}
#layer_con table {margin-left:2%; width:98%;}
#layer_con ul { text-align:center; float:none; }
#layer_con ul::after { content:""; display:block; clear:both; }
#layer_con ul li { float:none; display:inline-block; width:80px; height:30px; background:#666; text-align:center; line-height:30px; margin-left:10px; border:1px solid #444}
#layer_con ul li a {display:block; width:100%; height:auto; color:#fff;}
#layer_con ul li.submit {background:#31b049; border:1px solid #248a2b;}

/*버튼*/
.clearbox { clear:both; }
.clearbox::after { content:""; display:block; clear:both; }

ul.b_center { float:none; display:inline-block; }
ul.b_center:after { content:""; display:block; clear:both; }

.b_left { width:auto !important; float:left;}
.b_right {float:right; width:auto !important; clear:none !important; }
.b_right li {margin:20px 0 0 10px;}

.admin {float:left; width:100%; font-size:1.000em; margin:20px 0 40px; text-align:center;  }


#xb_edit::after { content:""; display:block; clear:both; }

/* 게시판 쓰기 */
table.board_write {  width:100%; border-top:2px solid #434343; border-collapse:collapse; }
table.board_write th {height:69px; border-bottom:1px solid #ddd; background:#fff; box-sizing:border-box; font-weight:bold; font-size:15px; text-align:left; padding:0 0 0 13px; color:#333; }
table.board_write td {height:69px; border-bottom:1px solid #ddd; padding:10px 0 10px 10px; box-sizing:border-box; font-size:14px;}
table.board_write td input[type=text] {width:97.5%; height:35px; padding-left:5px; font-size:9pt; color:#5e5e5e; border:1px solid #ddd; box-sizing:border-box;}
table.board_write td input#chkSecNum { width:100px; display:block; margin-top:3px; }

/*공지글 시작*/
table.board_write .noti_tag label { position:relative; display:inline-block; width:65px; border-radius:150px; background:#e6e6e6; line-height:29px; vertical-align:middle; margin-right:10px; cursor:pointer;  overflow:hidden;  }
table.board_write .noti_tag label.chk_label { background:#203698; }
table.board_write .noti_tag input { opacity:0;   }
table.board_write .noti_tag label span { -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position:absolute;
  top: 5px;
  right: 40px;
  height: 18px;
  width: 18px;
  transition: all 0.35s ease-out 0s;
  background: #fff;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  outline: none;
  border-radius:50%;
  text-indent:-99999px;
  z-index: 1000; box-shadow:1px 1px 3px rgba(0,0,0,0.2); }

table.board_write .noti_tag label span::before { content:"OFF"; transition:all 0.35s; display:block; text-indent:0; position:absolute; right:-29px; top:1px; font-size:13px; line-height:18px; color:#a9a9a9; }
table.board_write .noti_tag label.chk_label span::before { content:"ON"; right:-29px; color:#fff; }

table.board_write .noti_tag label input:hover label span {
   
}
table.board_write .noti_tag label input:checked + span {
   right:7px;
}

table.board_write .noti_tag label input:checked + span::before { content:"ON"; right:29px;}
table.board_write .noti_tag .tag_guide { display:inline-block; vertical-align:middle; letter-spacing:-0.5px;  font-size:14px; color:#555; }
table.board_write .noti_tag .tag_guide span { color:#203698; font-weight:500; }

/*공지글 끝*/


table.board_write td input[type=password] {width:113px; height:35px; padding-left:5px; border:1px solid #ddd;}
table.board_write td input[name=writer] {width:113px; height:35px; padding-left:5px; border:1px solid #ddd;}
table.board_write td input[type=file] {  }
table.board_write td .custom_file { display:block; width:81px; height:76px; box-sizing:border-box; border:1px solid #ddd; text-align:center; position:relative; background:#fff url(./img/edit_file.png) center 17px no-repeat; cursor:pointer; }
table.board_write td .custom_file span { display:block; width:100%; position:absolute; left:0; bottom:8px; text-align:center; font-size:12px; color:#777; }
table.board_write td .custom_file input { opacity:0; height:76px; position:relative; z-index:1; cursor:pointer; width:79px; }

table.b_view2 td .custom_file { display:block; width:81px; height:76px; box-sizing:border-box; border:1px solid #ddd; text-align:center; position:relative; background:#fff url(./img/edit_file.png) center 17px no-repeat; cursor:pointer; }
table.b_view2 td .custom_file span { display:block; width:100%; position:absolute; left:0; bottom:8px; text-align:center; font-size:12px; color:#777; }
table.b_view2 td .custom_file input { opacity:0; height:76px; position:relative; z-index:1; cursor:pointer; width:79px; }


table.board_write td select {height:37px;   font-size:9pt; color:#5e5e5e; border:1px solid #ddd; padding:0 30px 0 5px; background:#fff url(./img/se_arrow.png) no-repeat; background-position:right 10px top 15px;  line-height:35px;   vertical-align:middle; -webkit-appearance:none; /* for chrome */

   -moz-appearance:none; /*for firefox*/

   appearance:none;}
   
table.board_write td select::-ms-expand{

   display:none;/*for IE10,11*/

}



table.board_write td textarea {width:96.3%; height:215px; padding:1%; font-size:9pt; color:#5e5e5e; border:1px solid #ddd;}
table.board_write td input.date {width:113px;}
table.board_write td #files_upload_list {width:98.7%; box-sizing:border-box; background:#f7f7f7;}
table.board_write td #files_upload_list #files_list {width:100%; box-sizing:border-box; padding-left:12px; min-height:28px; margin-bottom:5px;}
#cke_ckeditor { border:1px solid #ddd !important; box-shadow:none; }

table.board_write #usetag { vertical-align:middle; }
table.board_write .tag_bt { display:inline-block; height:35px; vertical-align:middle; margin-left:12px; position:relative;  box-sizing:border-box;  padding:1px 0px 0 0px; }
table.board_write .tag_bt input { vertical-align:middle; position:relative; z-index:1; margin-right:1px; }
table.board_write td .upload_lim {color:#ee393e;}
table.board_write td img {float:left;}

/*수정*/
#td_file .files_upload_list .edit_title { background:#f9f9f9; width:98.7%;  box-sizing:border-box; border:1px solid #ccd0d7; border-bottom:0 none; margin:15px 0 0 0; padding:7px 0 6px 10px; color:#666; line-height:23px; vertical-align:middle; font-weight:bold;  }
#td_file .files_upload_list .edit_title i { margin:0 5px 0 0; color:#fff; background:#666; border-radius:50%; width:23px; height:23px; float:left; text-align:center; line-height:23px; font-size:13px; }
#td_file .files_upload_list .edit_box { border:1px solid #ccd0d7; box-sizing:border-box; padding:2px 12px 1px; margin-bottom:20px; width:98.7%;}
#td_file .files_upload_list .edit_box li { line-height:24px; padding:10px 0 10px 0; margin-bottom:0px; border-top:1px solid #ddd; }
#td_file .files_upload_list .edit_box li:first-child { border-top:0 none; }
#td_file .files_upload_list .edit_box li a {  }
#td_file .files_upload_list .edit_box li a img { margin:5px 5px 0; }
#td_file .files_upload_list .edit_box a:after { content:""; display:block; clear:both; }
#td_file .files_upload_list .edit_box a .edit_del { float:left; background:#f9f9f9; border:1px solid #ccc; box-sizing:border-box; padding:0 2px 0 3px; margin-right:5px;  }
#td_file .files_upload_list .edit_box a .edit_del input { float:left; margin:5px 3px 0 0;}
#td_file .files_upload_list .edit_box a .edit_del label { float:left; font-size:12px; }

.wait_title { background:#f9f9f9; width:98.7%; box-sizing:border-box; border:1px solid #ccd0d7; border-bottom:0 none; margin:15px 0 0 0; padding:7px 0 6px 10px; line-height:23px; color:#666; vertical-align:middle; font-weight:500; }
.wait_title i { margin:0 5px 0 0; color:#fff; background:#31b049; border-radius:50%; width:23px; height:23px; float:left; text-align:center; line-height:23px; font-size:13px; }
.MultiFile-label { line-height:24px; padding:10px 0 10px 0;}
table.board_write td #add_files_msg {color:#096; margin:8px 0 4px;}
#imgView { vertical-align:sub; }
.MultiFile-remove span { font-size:14px; }


/* 게시판 덧글 */
#co_list {float:left; width:100%; }
#co_list .comment_title {float:left; width:130px; height:0; font-size:0px; text-align:center;}
#co_list .board_view_comment {position:relative; float:left; width:100%; border-top:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; margin:0 0 10px;}
#co_list .board_view_comment dt {position:relative; height:40px; line-height:40px; padding-left:10px; font-size:14px; background:#f1f3f6; border-bottom:1px solid #e5e7eb;}
#co_list .board_view_comment dt span.delete {display:block; float:right; padding:0 20px; font-size:13px; font-weight:normal;}
#co_list .board_view_comment dd {min-height:80px; padding-left:10px; color:#888;}

#coDel {position:absolute; margin-top:0px;}
#coDel .coDelBtn input[type=button] {border:1px solid #ddd; margin-right:5px; width:60px; height:30px; backgrund:#ddd;}
#coDel p {float:left; }
#coDelPassView {  margin-right:5px; }
#coDelPassView label { line-height:30px; float:left;}
#coDelPassView span { float:left; height:30px; line-height:30px; margin:0 5px; }
#coDelPassView input { height:28px; line-height:28px; float:left; border:1px solid #ccd0d7; }

.comment_write_sm {float:left; width:100%; margin-bottom:20px; border-top:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7;}
.comment_write_sm dl {float:left; width:100%; height:50px; line-height:50px; border-bottom:1px solid #e5e7eb;}
.comment_write_sm dl dt {float:left; /*width:130px;*/width:20%; height:50px; background:#f9f9f9; border-right:1px solid #e5e7eb; text-align:center; font-weight:bold; box-sizing:border-box;}
.comment_write_sm dl dd {float:left; /*width:289px;*/width:30%; box-sizing:border-box; }
.comment_write_sm dl dd input {/*width:267px;*/width:92%; height:34px; margin:0 10px; padding-left:5px; border:1px solid #ccd0d7;}

.comment_write_sm dl.comment_text {height:82px; line-height:82px; border-bottom:none;}
.comment_write_sm dl.comment_text dt {height:82px; line-height:82px; border-bottom:none;}
.comment_write_sm dl.comment_text dd {float:left; height:82px; border-bottom:none; }
.comment_write_sm dl.comment_text dd.write {/*width:549px;*/width:64.5%; padding:5px 0 5px 10px; box-sizing:border-box;}
.comment_write_sm dl.comment_text dd.write textarea {/*width:548px;*/width:99.5%; height:67px; border:1px solid #ccd0d7; border-right:none;}
.comment_write_sm dl.comment_text dd.btn {/*width:145px;*/width:15.3%; padding:0px 0;}
.comment_write_sm dl.comment_text dd.btn input {width:100%; height:70px; margin:0; background:#7d7d7d; border:1px solid #7d7d7d; color:#fff; font-family:"맑은 고딕";}


/*0624 보기게시판*/
.new_board_view { border-top:2px solid #535353; width:100%;  }
.new_board_view h4.title { font-size:1.231em; width:100%; color:#333; text-align:center; padding:15px 5px; background:#f9f9f9; border-bottom:1px solid #e5e7eb; font-weight:500;  }
.new_board_view .v_info { width:100%; border-bottom:1px solid #e5e7eb; text-align:center; }
.new_board_view .v_info:after { content:""; display:block; clear:both; }
.new_board_view .v_info li { display:inline-block;  font-size:1.000em;  padding:8px 0; margin:0 20px; }
.new_board_view .v_info li span:first-child { display:inline-block; min-width:50px; padding:0 10px; font-weight:500; color:#444; position:relative; margin-right:15px; }
.new_board_view .v_info li span:first-child::before { content:""; display:block ; width:1px; height:12px; background:#ddd; position:absolute; right:0; top:6px; }
.new_board_view .other_info { width:100%;  border-collapse:collapse;  }
.new_board_view .other_info:after { content:""; display:block; clear:both; }
.new_board_view .other_info tr {    box-sizing:border-box; font-size:1.000em; border-bottom:1px solid #e5e7eb; }
.new_board_view .other_info tr th { background:#f9f9f9; font-weight:500; padding:8px 15px; border-right:1px solid #e5e7eb; width:20%; }
.new_board_view .other_info tr td { padding:8px 10px; }
.new_board_view .board_content { padding:15px 10px; font-size:1.000em; border-bottom:1px solid #e5e7eb; } 
.new_board_view .board_content p { word-break:break-all; }
.new_board_view .board_img_view { margin-bottom:15px; }

.new_board_view .data_box {  margin:20px 0 0; display:table; width:100%; border:1px solid #e5e7eb; }
.new_board_view .data_box dt { font-weight:500; display:table-cell; vertical-align:middle; padding:5px 10px; background:#f9f9f9; border-right:1px solid #e5e7eb; width:20%; text-align:center; font-size:0.923em;}
.new_board_view .data_box dd { display:table-cell; padding:5px 10px; }
.new_board_view .data_box dd ul { }
.new_board_view .data_box dd ul li { border-bottom:1px dashed #ddd; line-height:22px; padding:5px 0; }
.new_board_view .data_box dd ul li:last-child { border-bottom:0 none; }
.new_board_view .data_box dd ul li a { font-size:0.923em; display:block; padding:0 0 0 22px; background:url(./img/file.gif) left 3px no-repeat; }

.new_board_view .add_data { margin:0; display:table; width:100%; border-bottom:1px solid #e5e7eb;}
.new_board_view .add_data dt { display:table-cell; vertical-align:middle; font-weight:500; padding:8px 10px; background:#f9f9f9; border-right:1px solid #e5e7eb; width:20%; text-align:center; color:#555; box-sizing:border-box;}
.new_board_view .add_data dd { display:table-cell; padding:8px 10px;}
.new_board_view .add_data dd a { display:inline-block; vertical-align:middle;  }
.new_board_view .add_data dd a i { display:inline-block; vertical-align:middle; width:25px; height:25px; background:#f9f9f9; border-radius:50%; text-align:center; line-height:25px; border:1px solid #ddd; margin-right:5px; }


/*보기쪽 접수*/
#xb_view:after { content:""; display:block; clear:both; }
.answer { float:left;}
.bt_box:after { content:""; display:block; clear:both; }
.qanda_choice { text-align:center; background:#f9f9f9; padding:15px 0;border-bottom:1px solid #ccd0d7;  border-top:1px solid #ccd0d7; line-height:30px; margin-bottom:20px;  }
.qanda_choice select { height:30px; }
.qanda_choice a.btn { display:inline-block; width:60px; height:30px; background:#7d7d7d; color:#fff; }
.phone { width:13% !important;}
.select_bg { position:relative;  width:78px; height:28px; border:1px solid #ccd0d7; background:url(img/select.png) right center no-repeat;  font-size:12px;  display:inline-block;}
.select_bg select {opacity: 0; filter: alpha(opacity=0); /* IE 8 */  }
.select_bg label { position:absolute; left:5px; top:2px;   }
.qanda_box { display:inline-block; margin:0px 0 0 0; position:relative;  }
.qanda_box input { vertical-align:middle; margin-right:3px; }
.select_bg2 { position:relative; width:118px; height:28px;  border:1px solid #ccd0d7; background:#fff url(img/select.png) right center no-repeat;  font-size:12px; display:inline-block;}
.select_bg2 select {opacity: 0; filter: alpha(opacity=0); /* IE 8 */ padding-left:0 !important;  }
.select_bg2 label { position:absolute; left:5px; top:0px;  }
.totalpage {  font-size:14px; color:#333;  float:left; height:30px; line-height:30px;  }
.totalpage span { color:#ff9600; }


/*게시판 관리자 버튼*/
.admin_button {margin:0 auto; display:inline-block; text-align:center;}
.admin_button li { display:inline-block; margin:0 7px 15px; width:145px;}
.admin_button li a { display:block; width:100%; box-sizing:border-box; height:45px; text-align:center; line-height:43px; border:1px solid #dddddd; font-size:14px; color:#666; }
.admin_button li a img { vertical-align:middle; margin-right:6px; }

/*우측정렬 레이아웃*/
.layout_center{float:left; width:100%; display:block; margin:20px 0; text-align:center; font-size:14px;}
.layout_center li{display:inline-block; margin:0 5px 0 5px;}

/*///////////////////////////////////////////////////////////////////////페이지카운터///////////////////////////////////////////////////////////////////////*/

.page_list_cont{float:right;  display:block; margin:0px 0 0 0; text-align:center; font-size:14px; vertical-align:top; width:100%;}

/* 게시글삭제 */
#xb_fm_confirm {width:60%; margin:0 auto; }
#xb_fm_confirm ul.board_login_box2 { }
#xb_fm_confirm ul.board_login_box2 li.tit { font-weight:500; font-size:17px; box-sizing:border-box; padding:110px 0 11px 0px; background:url(./img/delete_ic.png) center top no-repeat; min-height:67px; text-align:center; line-height:24px;}
#xb_fm_confirm ul.board_login_box2 li.txt {font-size:15px; padding:15px 15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:15px 0; text-align:center;}
#xb_fm_confirm ul.board_login_box2 li.passwd {width:100%; height:auto; line-height:40px; text-align:center; background:#f0f0f0; margin-bottom:20px;}
#xb_fm_confirm ul.board_login_box2 li.passwd input { margin-left:5px; background:#fff; height:27px; line-height:25px; }
#xb_fm_confirm ul.board_login_box2 ul.button { text-align:center; width:100%; float:none; }


/*시간선택*/
table.board_write td.timeline { padding: 20px 10px 5px 20px; }
.timeline::after { content:""; display:block; clear:both; }
.time_style { position:relative; line-height:30px;  float:left; margin:0 0 20px -1px; width:20%;}
.time_style label { display:block; width:100%; height:auto; box-sizing:border-box; position:relative; border:1px solid #ccd0d7; cursor:pointer; padding:10px; float:left;}
.time_style label:hover { border-color: #2260ff; z-index:6; }
.time_style label.la_on { z-index:1; background:#eff6ff; border-color: #2260ff;}
.time_style label input { opacity:0; margin-right:9px; }
.time_style label span.int_style { -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position:absolute; left:10px; top:10px; width:21px; height:21px;  transition: all 0.15s ease-out 0s;
  box-sizing:border-box;
  border:1px solid #BBC1E1;
  box-sizing:border-box;
  background: #fff;
  color: #fff;
  overflow:hidden;
  cursor: pointer;
  display: inline-block;
  outline: none;
  z-index: 5; border-radius:7px; }

.time_style .time_loca { display:block; float:right; clear:both; font-size:14px; height:21px; line-height:21px; }
.time_style .time_style_guide { clear:both; display:block; width:100%; text-align:right; float:left; margin-top:10px; color:#555; }
.time_style .time_style_guide strong { display:block; font-weight:500; font-size:25px; color:#333; text-align:left; }

.time_style label input:focus + span.time_loca + span.time_style_guide + span.int_style {box-shadow: 0 0 0 2px rgba(39, 94, 254, .3); }
.time_style label input:checked + span.time_loca  + span.time_style_guide + span.int_style { background:#275EFE; border:1px solid #275EFE; }

.time_style label span.int_style::before { content:""; display:block; width:0px; height:0px; border:2px solid transparent; border-right:2px solid #fff; border-bottom:2px solid #fff; position:absolute; left:5px; top:1px; transform:rotate(45deg); opacity:0; transition:all 0.4s; }
.time_style label input:checked + span.time_loca + span.time_style_guide + span.int_style::before { opacity:1; width:4px; height:8px;}

.time_style label.la_off { background:#f9f9f9; cursor:default; }
.time_style label.la_off:hover { border-color:#ddd;  }
.time_style label.la_off span { opacity:0.6; }
.time_style label.la_off span.int_style { display:none; opacity:0; }

.time_style label.la_off:hover::before { content:"이미 예약이 된 시간입니다."; display:block;  width:180px; line-height:30px; background:#275EFE; position:absolute; font-size:13px;  text-align:center; left:calc(50% - 90px); bottom:-40px; color:#fff; border-radius:5px; transition:all 0.4s; z-index:100;}
.time_style label.la_off:hover::after { content:""; display:block;   width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #275EFE; position:absolute; left:calc(50% - 8px); bottom:-10px;  transition:all 0.4s; z-index:100;}


.select_style .select_def { display:none; }
.room_bg { display:none; }
.m_room_close { display:none; }

/*모바일1*/
@media all and (min-width:0px) and (max-width:1024px)  {
.noticeBorderTop { display:none  !important; }
.admin { display:none; }
.mobile_none {display:none !important;}

/*디자인 수정*/
.room_reservation .room_box {width:97%; margin:0 1.5%;}
.room_reservation .room_box .left table.mecicine th {border-right:0px;}

.room_reservation .room_box li.right {border-top:1px #ddd solid;}

.room_reservation .room_box li.cell {display:block;width:100%;}
.categoryView ul.cate li.list ul.list_box li{width:100%;}

.room_reservation .room_box .left table.mecicine td .day_reservation {line-height:15px;}

#layer_con {float:left; margin:0 5%; width:90%; padding:10px 10px; background:#fff;}
#layer_con iframe {height:200px;}
#layer_con table {margin-left:2%;}
#layer_con ul {float:right; }
#layer_con ul li {float:left; width:80px; height:30px; background:#666; text-align:center; line-height:30px; margin-left:10px; border:1px solid #444}
#layer_con ul li a {display:block; width:100%; height:auto; color:#fff;}



.day_reservation_info {border-right:0px;}
.day_reservation_info div{margin:5px 10px; display:block; }

.button {width:100%; margin:10px 0; }
.button li {width:100%; margin:2px 0px 3px 0; height:40px; line-height:40px; }

.b_left {border-bottom:none; }
.b_right {float:left; }
.b_center {border-bottom:none;}

/*게시판 글쓰기*/
table.board_write {width:100%; margin:5px 0 10px 0%; word-break:break-all; }
table.board_write textarea { width:98% !important; margin:0 auto; box-sizing:border-box; }

.phone { width:23% !important;}
.qanda_box { display:block; margin:10px 0 0 0; }

th.time_title {   }
td.timeline {  }

.time_style { width:33%; }
.time_style label.la_off:hover::before {   left:inherit; right:0; }
.time_style label.la_off:hover::after {  left:inherit; right:20px;  }


.select_style .select_def { display:block; border:1px solid #d5d5d5; background:#fff; position:relative; font-size:16px; box-sizing:border-box; padding:10px 35px 10px 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.select_style .select_def:before { content:""; display:block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:9px solid #333; position:absolute; right:15px; top:20px; }

.categoryView { display:none; }
.categoryView.m_style_view { display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; border:0 none; padding:0; margin:0; background:none;}
.categoryView.m_style_view p.room_bg { display:block;  position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); }
.categoryView.m_style_view .cate_box { position:absolute; left:3%; width:94%; height:300px;  background:#f9f9f9; border-radius:15px; top:calc(50% - 150px); padding:10px 15px; box-sizing:border-box;}
.categoryView.m_style_view ul.cate {  box-sizing:border-box; margin-top:35px; width:100%; background:#fff; border:1px solid #ddd; padding:15px; border-radius:10px; height:240px; overflow-y:auto; }
.categoryView ul.cate li {float:left;width:33%; margin-bottom:5px; line-height:35px;}
.categoryView ul.cate li:nth-child(5n+1) { clear:none; }
.categoryView ul.cate li:nth-child(3n+1) { clear:both; }


.categoryView.m_style_view .m_room_close { display:block; position:absolute; right:15px; top:9px; }
.categoryView.m_style_view .m_room_close a { display:inline-block; padding:0 10px 0 10px; height:27px; line-height:23px; border:2px solid #484ebb; box-sizing:border-box; background:#fff; text-align:center; color:#484ebb; }
.categoryView.m_style_view .m_room_close a span { display:inline-block; vertical-align:top; width:0; height:0; border-left:6px solid #484ebb; border-top:4px solid transparent; border-bottom:4px solid transparent; margin:0 0 0 8px; position:relative; top:9px; }

}

@media all and (max-width:750px) {
.categoryView ul.cate {  overflow-y:auto; }
.categoryView ul.cate li {float:left; width:50%; margin-bottom:5px; line-height:35px;}
.categoryView ul.cate li:nth-child(5n+1) { clear:none; }
.categoryView ul.cate li:nth-child(3n+1) { clear:none; }
.categoryView ul.cate li:nth-child(2n+1) { clear:both; }

}

@media all and (max-width:500px) {
.categoryView ul.cate li {float:left; width:100%; margin-bottom:5px; line-height:35px;}
.categoryView ul.cate li:nth-child(5n+1) { clear:none; }
.categoryView ul.cate li:nth-child(3n+1) { clear:none; }
.categoryView ul.cate li:nth-child(2n+1) { clear:both; }

}

@media all and (min-width:480px) and (max-width:768px)  {
.categoryView ul.cate li.list ul.list_box li{width:50%;}
}

@media all and (max-width:530px) {
.time_style { width:50%; }	
}