/* 예약현황 달력 ================================================================================== 2022 */
.move_month							{text-align:center;}
.move_month .arrow01				{background:url(../../../core/image/board/bbs_page02.png) no-repeat 4px 0 #ffffff;background-size:auto 29px;overflow:hidden; margin-right:7px;}
.move_month .arrow02				{background:url(../../../core/image/board/bbs_page02.png) no-repeat -23px 0 #ffffff;background-size:auto 29px;overflow:hidden; margin-left:7px;}
.move_month a						{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;color:#666;border:1px solid #d0d0d0;margin:0 1px;font-size:30px;padding-bottom:10px;}
.move_month a:hover					{border:1px solid #222;color:#222;font-weight:500;}
.move_month span					{display:inline-block;height:40px;font-size:1.6em; line-height:40px; padding:0 5px; color:#333; overflow:hidden; font-weight:700;}
.move_month select					{height:36px; font-size:16px; overflow:hidden; vertical-align:middle; margin:0 0 5px 0; border-color:#d0d0d0; padding:0 7px;}

.room_calendar_title em					{font-style:normal;}

.calendar_month_pc					{display:block;}
.calendar_month_mobile				{display:none;}


/* screen 1024*/
@media screen and (max-width:1024px) {
	
	.room_calendartop				{margin:40px 0 0 0}
	.move_month span				{font-size:1.25em;}

	.calendar_month_pc				{display:none;}
	.calendar_month_mobile			{display:block;}
	.calendar_month_mobile .room_label	{min-height:100%;}
}


/* 새창 */
#room_online_title							{padding:20px;background:#2d3844;letter-spacing:0; overflow:hidden;}
#room_online_title .tit					{float:left;font-size:1.5em;line-height:30px; font-weight:700;color:#fff;}

#room_online_title .close					{position:relative;float:right;width:30px;height:30px;cursor:pointer;}
#room_online_title .close:before,
#room_online_title .close:after			{position:absolute;left:calc(50% - 1px);content:'';height:30px;width:2px;background-color:#fff;}
#room_online_title .close:before			{transform:rotate(45deg);}
#room_online_title .close:after			{transform:rotate(-45deg);}

.pall25					{padding:25px !important; }



/* 대관신청_리스트 ================================================================================== */
.room_infolist						{position:relative; display: grid; grid-template-columns: repeat(3, 1fr); gap:20px 20px;}
.room_infolist:after				{content:''; display:block; clear:both;}
.room_infolist li figure			{position:relative; height:200px; overflow:hidden; border:1px solid #eaeaea;}
.room_infolist li figure img		{width:100%; height:100%; object-fit:cover; transition: all 0.3s ease;}
.room_infolist li:hover figure img	{transform: scale(1.03);}
.room_infolist dl					{position:relative; height:220px; padding:15px 0 0 0;}
.room_infolist dl dt				{font-family:"NotoKrB", sans-serif; color:#333; font-size:1.25em; margin:0 0 10px 0; letter-spacing:-1px;}
.room_infolist dl dd				{color:#777; margin:2px 0;}
.room_infolist dl dd strong			{float:left; width:90px; color:#333;letter-spacing:-1px; font-weight:normal; font-family:"NotoKrM", sans-serif;}
.room_infolist .enter 				{position:absolute; bottom:0; width:100%; line-height:42px; color:#981937; font-family:"NotoKrM", sans-serif; letter-spacing:-0.5px; border:1px solid #981937; text-align:center;}
.room_infolist li:hover .enter,
.room_infolist .enter:hover 		{background:#981937; color:#fff;}


/* screen 1024*/
@media screen and (max-width:1024px) {

	.room_infolist					{gap:20px 10px; }
	.room_infolist li figure		{height:180px;}
	.room_infolist dl				{padding:10px 0 0 0; height:180px;}
	.room_infolist dl dt			{font-size:1.1em;}
	.room_infolist dl dd			{font-size:0.95em; margin:0;}
	.room_infolist .enter			{font-size:0.85em; line-height:38px;}

}

/* screen 768 */
@media screen and (max-width:768px) {

	.room_infolist					{grid-template-columns: repeat(1, 1fr);}
	.room_infolist dl				{height:auto;}
	.room_infolist .enter			{position:relative; margin-top:20px;}

}



/* 대관신청_뷰페이지 ================================================================================== */
.room_view_wrap							{position:relative; border:1px solid #ddd; border-top:1px solid #333; overflow:hidden; padding:40px 35px; margin-bottom:40px;}

.room_view_wrap	.lt						{float:left; width:50%;}
.room_view_wrap	.lt figure				{height:300px;border:1px solid #eaeaea;}
.room_view_wrap	.lt figure img			{width:100%; height:100%; object-fit:cover;}
.room_view_wrap .room_infobox			{margin-top:20px;}
.room_view_wrap .room_infobox .tit		{font-weight:700; font-size:1.4em; color:#333; letter-spacing:-1px; padding-bottom:15px; border-bottom:1px dotted #ccc; margin-bottom:20px; }
.room_view_wrap .room_infobox dl		{overflow:hidden;margin:3px 0; font-size:1.05em;}
.room_view_wrap .room_infobox dl dt		{font-family:"NotoKrM", sans-serif; float:left; color:#333; }
.room_view_wrap .room_infobox dl dd		{padding:2px 0 0 115px; line-height:140%;}

.room_view_wrap .rt						{float:right; width:45%;}
.room_calendar_box						{}

.room_calendar_title					{background:#efefef; text-align:center;overflow:hidden; border:1px solid #d2d2d2; border-top:1px solid #252525; border-bottom:0; height:48px; line-height:42px;}
.room_calendar_title span				{padding:0 6px;font-size:1.1em; color:#333;line-height:150%; vertical-align:middle; font-weight:600;}
.room_calendar_title span img			{vertical-align:sub; width:18px;}
.room_calendar_title_select				{float:right; margin:5px 0 0 0;}
.room_calendar_title_select select		{border:1px solid #b5b5b5;height:28px;padding:0 0 0 5px;margin:0 0 0 3px;}	

.room_calendar_title_year .prev			{padding:0; margin-right:5px; content:''; display:inline-block;  width:30px; height:30px; background:url("../image/calendar_prev.png") no-repeat center 50%; background-sizE:10px auto;}
.room_calendar_title_year .next			{padding:0; margin-left:5px; content:''; display:inline-block;  width:30px; height:30px; background:url("../image/calendar_next.png") no-repeat center 50%; background-sizE:10px auto;}
.room_calendar_title_year .prev:hover,
.room_calendar_title_year .next:hover	{border:1px solid #aaa;}

.room_table							{border-collapse:collapse;  width:100%;table-layout:fixed;}  
.room_table thead					{border:1px solid #dddddd;}
.room_table thead th				{text-align:center;color:#4e4e4e; height:46px; line-height:46px; font-weight:500;}
.room_table tbody td				{background-color:#ffffff; border:solid 1px #e7e7e7;height:46px; line-height:46px; text-align:center; border:1px solid #dddddd;} 
.room_table tbody td:hover,
.room_table .pick					{background-color:#fef7c0; }
.room_table .pick span				{color:#000;}
.room_table .today					{color:#f66000;}

.room_table .endday					{background-color:#fafafa !important; }
.room_table .endday span			{color:#ccc !important;}
.room_table thead th:first-child	{color:#d23a3a;}
.room_table thead th:last-child		{color:#2667ab;}
.room_table_btm						{border:1px solid #ddd; border-top:0; padding:12px 10px; font-size:14px; color:#333;text-align:center;}
.room_table_btm em					{content:''; display:inline-block; width:15px; height:15px; border:1px solid #d2d2d2;margin-right:5px; vertical-align:middle;}
.room_table_btm .type2				{background:#f4f4f4; margin-left:10px;}

.room_view_content					{}
.room_view_content img				{max-width:100%;}


/* screen 1024*/
@media screen and (max-width:1024px) {

	.room_view_wrap						{padding:30px; margin-bottom:20px;}
	.room_view_wrap .lt, 
	.room_view_wrap .rt					{float:none; width:100%;}
	.room_view_wrap .lt figure			{height:auto;}
	.room_view_wrap .room_infobox		{margin:20px 0;}
	.room_view_wrap .room_infobox .tit	{font-size:1.25em;}
	.room_view_wrap .room_infobox dl	{margin:0;}

	.room_calendar_title span			{font-size:1em;}
	.room_table thead th,
	.room_table tbody td				{height:42px; line-height:42px;}

}


/* screen 768 */
@media screen and (max-width:768px) {



}


/* 대관신청_예약 정보 입력 ================================================================================== */
.room_view_enter					{padding:30px; background:#fafafa;border:1px solid #ddd;  margin-bottom:40px;}
.room_view_enter .input_form		{border-color:#ddd; }
.room_view_enter .textarea_form		{border-color:#ddd; font-size:0.9em; color:#777; }
.room_view_enter .form_table tbody th	{background:#fafafa; border-right:0;}
.room_view_enter .form_table tbody td	{padding:8px; background:#fafafa; border-left:0;}
.room_view_enter .form_table tbody td:last-child	{border-right:1px solid #fafafa;}
.room_appbtn						{width:100%; text-align:center; border:1px solid #333; background:#333; height:52px; line-height:52px; color:#fff; font-size:1.1em; margin-top:10px; cursor:pointer;}
.room_appbtn:hover					{background:#000; border-color:#000;}
.room_view_enter .input_form,
.form_table_wrap .input_form,
.room_view_enter .textarea_form,
.form_table_wrap .textarea_form	{border:1px solid #ddd; padding:0 5px; line-height:32px;}


/* screen 1024*/
@media screen and (max-width:1024px) {

	.room_view_enter				{padding:20px;}
	.room_appbtn					{height:48px; line-height:46px; font-size:1em;}

}


/* 예약신청완료 */
.room_finishbox			{background-color:#f3f3f4;padding:20px 30px;margin:0 0 15px 0;}



/*	마이페이지 리스트 모바일 전환 대비	*/
.mobile1,
.mobile2				{display:none;}


/* screen 768 */
@media screen and (max-width:768px) {
	.desktop		{display:none;}
	.mobile1,
	.mobile2		{display:table-cell;width:50%;}
}

/*	마우스맵	*/
img[usemap]		{
	border: none;
	height: auto;
	max-width: 100%;
	width:auto;
}


/* 신청조회 */
.room_searchbox_wrap			{background-color:#f3f3f4;padding:20px 30px;margin:0 0 15px 0;}

/* 모바일 반응형 */
.responsive_table_wrap				{width:100%;overflow:hidden;}
.responsive_table_wrap strong,
.responsive_table_wrap b			{font-weight:500;}
.responsive_mobileinfo				{display:none;}


/* screen 1024 */
@media screen and (max-width:1024px) {
	
	.responsive_mobileinfo				{display:block; border-right:1px solid #fff !important;}

	.responsive_table_wrap				{border-top:2px solid #333;}
	.responsive_table, 
	.responsive_table thead, 
	.responsive_table tbody, 
	.responsive_table th, 
	.responsive_table td, 
	.responsive_table tr				{display: block; overflow:hidden; text-align:left;}

	.responsive_table thead tr			{position: absolute;top: -9999px; left: -9999px; }
	.responsive_table .rs_hidden		{display:none;}

}




/* *****************************	관리자 **************************************	*/
.sys_room_online_title					{background-color:#4a566e;padding: 12px 8px;text-align: center;font-weight: 500;font-size:1.2em;color: #fff;}


.sys_room_titlebox						{margin-top:0px;padding: 4px 0px;border-top: 1px solid #dddddd;height: 34px;}

.sys_room_online_bg						{margin-top: 1px;background-color: #f5f5f5;border: 1px solid #dddddd;padding: 3px 0;}
.sys_room_online_bg .title_old				{margin: 0;text-align: center;width: 99%;font-size: 11px;font-weight: bold;color: #999999;overflow:hidden;}
.sys_room_online_bg .title				{margin: 0;text-align: center;width: 99%;font-size: 11px;font-weight: bold;color: #4776c4;overflow:hidden;}


.sys_room_online_divs					{width: 345px;z-index: 220;border: 3px solid #27589f;background-color: #ffffff;}
.sys_room_online_divs .title			{background-color: #4573b3;margin: 0;text-align: left;padding: 4px 7px 3px 10px;height: 25px;}
.sys_room_online_divs .title p			{margin: 0;color: #ffffff;font-weight: bold;font-size: 15px;letter-spacing: -1px;}
.sys_room_online_divs .cont				{margin: 0;padding: 10px;}

.sys_room_online_divs .cont dl			{margin: 0;border-bottom: 1px solid #eaeaea; height:auto; overflow:hidden; }
.sys_room_online_divs .cont dt			{margin: 0;float: left;padding: 3px 0  3px 16px;width: 115px;font-size: 11px;color: #777;letter-spacing: -1px;background: url("../../../core/image/common/icon01.gif") no-repeat 3px 15px;text-align: left;}
.sys_room_online_divs .cont dd			{margin: 0 0 0 70px;padding: 3px 0;text-align: left;font-size: 11px;color: #777;}


.sys_room_online_divs dt		{float:left; height:auto !important;}
.sys_room_online_divs dd		{padding-left:100px;height:auto !important; line-height:1.6 !important; }


.sys_room_online_divshow_btns				{line-height:25px; text-indent:10px; }






/* *****************************	관리자 **************************************	*/



/* 버튼 스타일 */
.ab_input {
	display: inline-block;
    cursor: pointer;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
    border-radius: 2px;
    box-shadow: 0 1px 0 #d9d9d9;
    padding: 0 10px;

	letter-spacing:1px;
	line-height:23px;
    color: #444;
	font-size:0.9rem;

    border: 1px solid #bbb;
    background: #fff;

	border:1px solid #f1502f;
	background:#f36a5a;
	color:#fff;
}


.ab_apply {
	display: inline-block;
    cursor: pointer;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
    border-radius: 2px;
    box-shadow: 0 1px 0 #d9d9d9;
    padding: 0 10px;

	letter-spacing:1px;
	line-height:23px;
    color: #444;
	font-size:0.9rem;

    border: 1px solid #bbb;
    background: #fff;

	border:1px solid #1e87d8;
	background:#30a5ff;
	color:#fff;
}


.ab_delete {
	display: inline-block;
    cursor: pointer;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
    border-radius: 2px;
    box-shadow: 0 1px 0 #d9d9d9;
    padding: 0 10px;

	letter-spacing:1px;
	line-height:23px;
    color: #444;
	font-size:0.9rem;

    border: 1px solid #bbb;
    background: #fff;
}



.ab_modify {
	display: inline-block;
    cursor: pointer;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
    border-radius: 2px;
    box-shadow: 0 1px 0 #d9d9d9;
    padding: 0 10px;

	letter-spacing:1px;
	line-height:23px;
    color: #444;
	font-size:0.9rem;

    border: 1px solid #bbb;
    background: #fff;
}



.ab_print {
	display: inline-block;
    cursor: pointer;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
    border-radius: 2px;
    box-shadow: 0 1px 0 #d9d9d9;
    padding: 0 10px;

	letter-spacing:1px;
	line-height:23px;
    color: #444;
	font-size:0.9rem;

    border: 1px solid #bbb;
    background: #fff;

	border:1px solid #14a0b9;
	background:#1abc9c;
	color:#fff;
}


.ab_h						{opacity:.5 !important;}