@charset "utf-8"; 

#calendar .schedule_dot {position:relative; display:inline-block; padding-left:15px; margin-left:1px; color:#78797a; font-size:13px; letter-spacing:-0.5px;}


.h3_tit{margin-top:18px; padding-top:6px; padding-bottom:14px; color:#343434;  font-size:20px; font-weight:900; }
.h3_tit em.eng{display:inline-block; margin-left:5px; font-weight:300;}
.h4_tit{margin-top:16px; padding-left:13px; padding-bottom:10px; color:#343434;  font-size:15px;font-weight:700;}
.h5_tit{margin-top:14px; padding-left:13px; padding-bottom:10px; color:#494949;  font-size:14px;font-weight:700;}
.tit_wrap{position:relative; display:block; margin-top:40px;}
.tit_wrap .h3_tit{display:inline-block; margin-top:0;}
.tit_wrap .h3_tit span{display:inline-block; margin-left:15px; font-size:15px; font-weight:400; color:#6c6b6b;}
.tit_wrap .h3_tit span strong{font-weight:900; color:#b25fca;}
.tit_wrap .required_info{display:inline-block; float:right; padding-top:12px; color:#b25fca;}
.tit_wrap .required_info strong{font-weight:900;}

.cont_txt{color:#4e4e4e; line-height:1.6; letter-spacing:-0.9px;}
.cont_txt b,
.cont_txt strong{color:#202020; font-weight:700;}
.h4_tit + .cont_txt,
.h5_tit + .cont_txt{padding-left:15px;}




.td_btn{display:inline-block;}
.td_btn a {display:inline-block; font-weight:900;}
.td_btn.cancel a {color:#495ec3;  font-weight:500; text-decoration: underline;}


.rent_list.reserve{}
.rent_list.reserve > li{width:calc(100%  / 4); height:268px;}
.rent_list.reserve > li:nth-child(3n){border-right:1px solid #ddd}

.calendarGroup .calendar_area {position:relative; padding:20px; margin-bottom:80px; border:1px solid #e6e6e6;}
.calendarGroup .calendar_area:after {content:""; display:block; clear:both;}
.calendarGroup .calendar_box {width:50%; padding-right:20px; /* background-color:#f4f4f4 */}
.calendar_type {position:absolute; top:52px; right:0; font-size:0; }
.calendar_type.calendar_btn01 {right:104px;}
.calendar_type h3 {display:inline-block; text-align:center;}
.calendar_type h3:last-child {margin-left:-1px;}
.calendar_type a {display:block; min-width:104px; height:32px; line-height:30px; font-size:15px; color:#4d4d4d; border:1px solid #e6e6e6; background-color:#f7f7f7; }
.calendar_type a:hover,
.calendar_type a:focus {font-weight:700}
.calendar_type i {margin-right:8px; vertical-align:-2px; background-position:center; background-repeat:no-repeat;}
.calendar_type .icon_cal {display:inline-block; width:15px; height:15px; background-image:url("/gmi/cal/icon_cal.png")}
.calendar_type .icon_list {display:inline-block; width:15px; height:15px; background-image:url("/gmi/cal/icon_list.png")}
.calendar_type h3.on a {border:1px solid #3b3b3b; background-color:#3b3b3b; color:#fff; font-weight:700;}
.calendar_type h3.on .icon_cal {background-image:url("/gmi/cal/icon_cal_on.png")}
.calendar_type h3.on .icon_list {background-image:url("/gmi/cal/icon_list_on.png")}
.calendarGroup .calendar_area {position:relative; padding:40px 40px 40px 40px; border:1px solid #ccc;}
.calendarGroup .calendar_area:after {content:""; display:block; clear:both;}
.calendarGroup .calendar_box {width:50%; padding-right:40px; /* background-color:#f4f4f4 */}
#calendar {}
#calendar .cal {width:100%;}
#calendar .calControl {position:relative;}
#calendar .calControl .btn {position:relative;display:inline-block;top:6px;background-position:center;background-repeat:no-repeat;}

#calendar .calControl .btn a {display:block;padding:10px 12px;text-indent:-9999px;width:7px;height:13px;}
#calendar .calControl .btnPrev {margin-left:0px; margin-right:0px; background:url("/gmi/cal/cal_pre.gif") no-repeat 0 3px;}
#calendar .calControl .btnNext {margin-left:0px; background:url("/gmi/cal/cal_next.gif") no-repeat 0 3px;}
#calendar .calControl .btnNext::after {width:0; height:0; background-color:transparent}
#calendar .calControl .nowMonth {display:inline-block;font-size:0; padding:0 10px;}
#calendar .calControl .nowMonth > a {display:block;}
#calendar .calControl .nowMonth strong {display:inline-block; font-size:24px; color:#393939; font-weight:900;}
#calendar .calControl .nowMonth .year {}
#calendar .calControl .nowMonth .month {margin-left:5px}



#calendar .calControl .btn a img{padding-top:10px; vertical-align:top;}
#calendar .calControl a.cal_btnpre img{margin-top:9px;  vertical-align:top; padding:0 10px;}
#calendar .calControl a.cal_btnnext img{margin-top:9px;  vertical-align:top; padding:0 10px;}




/*




#calendar .calControl a[rel="prev"], #calendar .calControl a[rel="next"]{
  display : inline-block;
  padding : 4px 8px;
  border : 1px solid #ccc;
  border-radius: 5px;
  transition: 0.3s;
}
#calendar .calControl a[rel="prev"]:hover, #calendar .calControl a[rel="next"]:hover{
  background: #f1f1f1;
}


*/


#calendar .schedule_list {display:inline-block; float:right; margin-top:10px; margin-bottom:5px}
#calendar .schedule_list li {float:left; margin-right:14px;}
#calendar .schedule_list li:last-child {margin-right:0}
#calendar .schedule_dot {position:relative; display:inline-block; padding-left:15px; margin-left:1px; color:#78797a; font-size:13px; letter-spacing:-0.5px; background-size:10px; }
#calendar .schedule_dot::before {content:""; position:absolute; left:0; top:4px; width:10px; height:10px; background-size:10px;}


#calendar .schedule_list li em.sharespace1 {background:url("/gmi/cal/ieum_01.png") no-repeat 0 5px; background-size:12px; padding:0px 0 0 17px; }
#calendar .schedule_list li em.sharespace2{background:url("/gmi/cal/ieum_02.png") no-repeat 0 5px; background-size:14px; padding:0px 0 0 17px; }
#calendar .schedule_list li em.sharespace3{ background:url("/gmi/cal/ieum_03.png") no-repeat 0 4px; background-size:14px; padding:0px 0 0 17px; }
#calendar .schedule_list li em.sharespace4 {background:url("/gmi/cal/ieum_04.png") no-repeat 0 5px; background-size:12px; padding:0px 0 0 17px; }
#calendar .schedule_list li em.sharespace5 {
  display: inline-block;
  position: relative;
  padding-left: 14px;
}
#calendar .schedule_list li em.sharespace5:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: #3639f4;
}



*::before, *::after{-webkit-box-sizing:inherit; box-sizing:inherit; image-rendering: -webkit-optimize-contrast;}


.calendarGroup .sharespace1:before {background-color:none !important; }
.calendarGroup .sharespace2:before {background-color:none !important; }
.calendarGroup .cate.sharespace3:before {background-color:#B868C6;background-color:none !important; }
.calendarGroup .sharespace4:before {background-color:none !important; }


#calendar .schedule_dot.sharespace1:before {content:""; position:absolute; left:0; top:2px; width:10px; height:10px; background-color:#05aa6d; border-radius:50%; margin:0 3px;}
#calendar .schedule_dot.sharespace2:before{background-color:none !important; background:url("/gmi/cal/ieum_02.png") no-repeat; background-size:10px; top:3px; width:10px; height:10px; margin:0 3px;}
#calendar .schedule_dot.sharespace3:before{ width:0;  height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom: 10px solid #B868C6; background: none;   border-radius:2px; margin:0 3px;}
#calendar .schedule_dot.sharespace4:before {content:""; position:absolute; left:0; top:4px; width:10px; height:10px; background-color:#f44336; border-radius:2px;  margin:0 3px;}
#calendar .schedule_dot.sharespace5:before {content:""; position:absolute; left:0; top:4px; width:10px; height:10px; background-color:#3639f4; border-radius:2px;  margin:0 3px;}

#calendar .schedule_dot.sharehall:before{}


.calendarTable {clear:both; margin-top:10px}
.calendarTable table {width:100%;border-top:2px solid #3b3b3b; border-collapse:separate; table-layout:fixed}
.calendarTable table a {position:relative; display:block;}
.calendarTable table th,
.calendarTable table td {padding:8px 8px 4px 8px; color:#78797a; background-color:#fff; border-left:1px solid #dedede; border-bottom:1px solid #dedede; vertical-align:top; word-break:keep-all;}
.calendarTable table td:hover{background: #f9f9f9;}

.calendarTable table th {padding:5px 10px; font-size:16px; color:#393939; border-bottom:1px solid #a1a1a1; font-weight:400; }
.calendarTable table td {height:50px; text-align:right; font-size:0}
.calendarTable table td a {text-align:left; font-size:15px; margin-bottom:5px; padding-bottom:7px;}
.calendarTable table .sun {color:#f94848}
.calendarTable table .sat {color:#3a7cea}
.calendarTable table .out {background-color:#f9f9f9; color:#b6b6b6;}
.calendarTable table .out {}
.calendarTable table .today {border:3px solid #e54c37;}
.calendarTable table .current {background-color:#e1f0ff;}
#calendar .calendarTable table .schedule_dot {width:10px; height:10px; margin-left: 1.5px; padding-left:0; font-size:0; text-indent:-9999px;}
#calendar .calendarTable table .schedule_dot:before {top:0}
#calendar .calendarTable table .schedule_dot.sharespace1:before{top:0px !important;}
#calendar .calendarTable table .schedule_dot.sharespace3:before{top:-1px !important;}
#calendar .calendarTable table .schedule_dot.sharehall:before{top:1px !important;}


.calendarTable thead tr th:first-child,
.calendarTable tbody tr th:first-child,
.calendarTable tbody tr td:first-child,
.calendarTable tfoot tr th:first-child,
.calendarTable tfoot tr td:first-child{border-left:0 none;}

.calendarTable tbody tr td:last-child{border-right : 0 none;}

.calendarGroup .text_box {background:#f5f5f5; position:absolute; top:0; right:0; width:50%; height:100%; padding:40px 50px 40px 50px; overflow:hidden; border-left:none;}
.calendarGroup h3 {color:#393939; font-size:22px; line-height:40px; font-weight:900; padding-top:0px; padding-left:30px;}
.calendarGroup h3.ico_cal{background:url('/gmi/cal/ico_cal.png') no-repeat 0 8px;}
.calendarGroup h3 span.date_cal{padding-left:7px;font-size:18px; color:#777;}


 p.text_box_tit{ position:absolute;  top:55px; right:50px; display:inline-block; margin:0; text-align:right;font-size:13px; color:#78797a;}
.calendarGroup .today_info {width:100%; height:100%; margin-top:5px; padding:25px 0px 25px 0; border-top:2px solid #3b3b3b; overflow-y:auto;}
.calendarGroup .today_info .list {position:relative; margin-bottom:7px; padding-bottom: 7px; color:#5b5b5b; border-bottom: 1px solid #d7d7d7;}
.calendarGroup .today_info .list:last-child {margin-bottom:0;}
.calendarGroup .today_info .list:hover{background: rgb(231, 231, 231);}
.calendarGroup .today_info .cate {display:inline-block; vertical-align:middle; position:relative; padding:0 15px; height:30px; line-height:28px; min-width:114px; width:auto; max-width:180px;  color:#fff; font-weight:700; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.calendarGroup .today_info .cate.sharespace5{color:#78797a;}
.calendarGroup .today_info .cate.sharespace6{color:#FFF;}
.calendarGroup .today_info .cate::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:5px; z-index:-1}
.calendarGroup .today_info .list p {display:inline-block; padding-left:10px; margin-left: 5px; height:30px; line-height:30px; vertical-align:middle; font-weight:700; max-width:245px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.calendarGroup .today_info .list .time {position:absolute;top:9px; right:7px; padding-left:17px; font-weight:300; background:url("/gmi/cal/icon_time.png") left 3px no-repeat;}


/* 220707 new*/

.calendarGroup .today_info .sharespace1 {background-color:#05AA6D; border-radius:2px;}
.calendarGroup .today_info .sharespace2 {border:2px solid #2196F3;border-radius:2px; color:#444; background: #fff;}
.calendarGroup .today_info .cate.sharespace3{background-color:#B868C6;border-radius:2px;}
.calendarGroup .today_info .sharespace4 {background-color:#F44336;border-radius:2px;}
.calendarGroup .today_info .cate.sharespace5 {border:1px solid #F44336;border-radius:2px;}
.calendarGroup .today_info .sharespace6 {background-color:#3639f4;border-radius:2px;}
.calendarGroup .today_info .sharehall {background-color:#333333;border-radius:10px;}






.calendarWrap.calendarGroup {margin-top:47px}
.calendarWrap.boardGroup {margin-top:47px}

/* 20220707 new*/

.calendarTable table{width:100%;  margin:0px auto 30px auto; border-collapse: collapse; border-spacing:0;  border-top:2px solid #555; border-bottom:1px solid #ccc; }
.calendarTable table th,.schedule table td{width:14%; font-size:14px; text-align:center; color:#333; font-weight:600;}
.calendarTable table th{border-top:2px solid #555; border-width:0 0 0 0; padding:10px 0;}
.calendarTable table td{border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:25px; padding-bottom:0px; color:#333; font-weight:600; height:65px;}
.calendarTable table th:first-child,.schedule table td:first-child a{color:#d90a3b}
.calendarTable table th:first-child,.schedule table td:first-child{color:#d90a3b; border-left:0; }
.calendarTable table th:last-child,.schedule table td:last-child{  border-right:0;}

.calendarTable table th.last,.schedule table td.last{color:#147ac1; font-weight:600;}
.calendarTable table td a{display:block; font-weight:600;}


.calendarTable table td.yes{color:#000; background:#e3e3e3;cursor:pointer; font-weight:600;}
.calendarTable table td.on{color:#fff; background:#e54c37; font-weight:600;}
.calendarTable table td.today{font-weight:600;}
.calendarTable table td.on a{color:#fff; font-weight:600;}

.calendarTable table td.red {color:#d90a3b; font-weight:600;}
.calendarTable .time{position:relative; width:98%; height:240px; top:26px; overflow-y:scroll; }



/* media query */

@media (max-width:1440px){

	.calendar_type.calendar_btn01 {right:272px}
	.calendar_type.calendar_btn02 {right:168px}
	
}


@media (max-width:1280px){

	.calendar_type.calendar_btn01 {right:154px}
	.calendar_type.calendar_btn02 {right:50px}
	.calendarGroup .today_info .list p {max-width:190px;}
	
}


@media (max-width:1199px){


	.calendarGroup .today_info .list p {max-width:120px;}
	
}


@media (max-width:991px){


.calendarGroup h3 {color:#535353; font-size:20px; line-height:40px; font-weight:900; padding-top:0px; padding-left:30px;}
.calendarGroup h3.ico_cal{background:url('/gmi/cal/ico_cal.png') no-repeat 0 8px;}
.calendarGroup h3 span.date_cal{padding-left:7px;font-size:16px; color:#777;}
  p.text_box_tit{top:50px; right: 23px;}


  .calendarGroup .today_info{height: 600px;}
	.tit_wrap{padding-bottom:10px;}
	.tit_wrap .required_info{position:absolute; bottom:0; right:0;}
	.rent_list.reserve > li .txt_wrap ul{padding-right:0;}
		
	.btn_wrap a{padding:7px 15px; font-size:14px;}
	.rent_list.reserve > li .txt_wrap .btn_wrap{top:auto; bottom:10px; right:10px; transform: none;}
	.rent_list > li .img_wrap img{width:100%;}
	

	.calendar_type {top:40px}
	.calendar_type.calendar_btn01 {right:144px}
	.calendar_type.calendar_btn02 {right:40px}
	.calendarGroup .calendar_box {width:100%; padding-right:0;}
	.calendarGroup .text_box {position:relative; top:auto; right:auto; width:100%; height:auto; padding:40px 20px 30px 20px;}
	
	.calendarGroup .today_info .list p {max-width:250px;}
	
	.calendarTable table td{height:65px;}
	.calendarTable table td a {margin-bottom:10px}
	.calendarWrap table.board_list {display:block; overflow:hidden;}
    .calendarWrap table.board_list thead, 
	.calendarWrap table.board_list .file, 
	.calendarWrap table.board_list .hits {display:none;}
	.calendarWrap table.board_list tbody th, .calendarWrap table.board_list td {font-size:14px;}
	.calendarWrap table.board_list tbody {display:block;}
    .calendarWrap table.board_list tbody tr {display:block; padding:10px; border-bottom:1px solid #d9d9d9;}
    .calendarWrap table.board_list tbody tr:after {display:block; clear:both; content:"."; visibility:hidden; height:0}
    .calendarWrap table.board_list tbody tr:nth-child(odd) {background: #f8f8f8}
    .calendarWrap table.board_list tbody td {display:block; width:100% !important; padding:5px 10px; border:none; text-align:left; box-sizing:border-box; word-break:keep-all; word-wrap:break-word; border-bottom:1px dashed #ccc}
    .calendarWrap table.board_list tbody tr td:last-child {border-bottom: none}
    .calendarWrap table.board_list [data-cell-header]:before {content:attr(data-cell-header); display:inline-block; min-width:60px; margin-right:15px; padding-right:10px; font-size:14px; font-weight:bold; color:#222; border-right:1px solid #ccc;}
    .calendarWrap table.board_list .tit[data-cell-header]:before {content:attr(data-cell-header); display:inline-block; min-width:0 !important; margin-right:0 !important; padding-right:0 !important; font-size:0 !important; font-weight:bold; color:#fff; border-right:none;}
	.calendarWrap table.board_list td .icon_new {margin-top:0;}
	.calendarWrap table.board_list .noData td {border-bottom:none;}
	.calendarWrap table.board_list .link a {display:inline-block; font-size:13px}
	.calendarWrap table.board_list .writer {border-bottom:none;}
	
	

	.rent_list > li .img_wrap{border:5px solid #f3f3f3;}
	.rent_list.reserve > li { width: calc(100% / 2);}	
	.rent_list.reserve > li:nth-child(3n){border-right:0;}
	.rent_list.reserve > li:nth-child(2n){border-right:1px solid #ddd;}
	

}


@media (max-width:767px){
	.rent_list > li .img_wrap{border:5px solid #f3f3f3;}
	.rent_list.reserve > li { width: calc(100% / 2);}	
	.rent_list.reserve > li:nth-child(3n){border-right:0;}
	.rent_list.reserve > li:nth-child(2n){border-right:1px solid #ddd;}
	p.text_box_tit{top: 30px;}
  .calendarGroup .today_info{height: 300px;}
	
	
	.calendar_type {top:30px}
	.calendar_type a {min-width:86px; height:28px; line-height:26px; font-size:13px;}
	.calendar_type.calendar_btn01 {right:116px}
	.calendar_type.calendar_btn02 {right:30px}
	.calendarGroup .calendar_area {padding:0; padding-top:8px; border:0 none}
	#calendar .calControl .nowMonth strong {font-size:20px}
	#calendar .calControl .btn {top:10px; background-size:5px auto;}
	#calendar .calControl .btn::after {top:3px; height:12px}
	#calendar .calControl .btnPrev {margin-left:0}


#calendar .calControl .btn a img{padding-top:10px; vertical-align:top;}
#calendar .calControl a.cal_btnpre img{margin-top:6px;  vertical-align:top; padding:0 10px;}
#calendar .calControl a.cal_btnnext img{margin-top:6px;  vertical-align:top; padding:0 10px;}




	#calendar .schedule_list li {margin-right:12px}
	#calendar .schedule_dot {padding-left:12px;}
	.calendarGroup h3 {font-size:16px}
	.calendarGroup .text_box {padding-top:30px}
	.calendarGroup .today_info {padding:10px}
	
	.calendarGroup .today_info .list {padding-left:0; margin-bottom:10px; padding-right:100px}
	.calendarGroup .today_info .list p {max-width:200px;}
	
	.calendarGroup .today_info .cate {min-width:92px; width: auto; font-size:13px;}
	.calendarWrap.calendarGroup {margin-top:37px}
	.calendarTable table td {padding:6px}

  }

@media (max-width:600px){

	.tit_wrap .required_info{position:static; padding-top:0;}


	
}

@media (max-width:500px){

	.rent_list > li{width:100%; border-right:1px solid #ddd; height:auto;}
	.rent_list.reserve > li {width:100%;}
	


	.calendar_type {top:27px}
	.calendar_type.calendar_btn01 {right:106px}
	.calendar_type.calendar_btn02 {right:20px}
	.calendarTable table th {padding:6px 7px 5px; font-size:14px}
	.calendarTable table td {height:41px; padding:4px}
	.calendarTable table td a {margin-bottom:5px}
	#calendar .calendarTable table .schedule_dot {width:8px; height:8px; margin-left:0}
	#calendar .schedule_dot::before {width:8px; height:8px;}
	#calendar .schedule_dot.clos::before{border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid #ff0000;}
	#calendar .schedule_dot.other::before{width:6px !important; height:6px !important;}
	.calendarTable table .today {border:2px solid #2987f1}
	.calendarGroup .today_info .list {padding-left:0;}
	.calendarGroup .today_info .list p {max-width:160px;}
	.calendarGroup .today_info .cate {position:relative; left:auto; top:auto; min-width:auto; max-width:100px; padding:2px 8px 3px; font-size:12px}

	
}


@media (max-width:420px){

	.calendarGroup .today_info .list {padding-right:0; margin-bottom:12px}
	.calendarGroup .today_info .list p {max-width:100%; padding-left:0; }
}


@media (max-width:360px){

	.calendar_type {top:20px}
	.calendar_type.calendar_btn01 {right:100px}
	.calendar_type.calendar_btn02 {right:14px}
	.calendarTable table .today {border:1px solid #2987f1}

}