@charset "utf-8"; /* 상단 탭 */ #content .cal_category {overflow:hidden;margin-bottom:40px;} #content .cal_category #cate_tabBox a {float:left;display:block;margin-bottom:10px;width:50%;height:50px;color:#555;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;text-align:center;font-weight:600;} #content .cal_category #cate_tabBox a.active {background-color:#009b93;color:#fff;border-color:#009b93;} #content .cal_category #cate_tabBox a:after {content:"";display:inline-block;height:100%;vertical-align:middle;} #content .cal_category #cate_tabBox a span {display:inline-block;line-height:1.3;vertical-align:middle;} #content .cal_category #cate_tabBox a:after {content:"";display:inline-block;height:100%;vertical-align:middle;} #content .cal_category .cate {display:none;margin:60px 0;} #content .cal_category .cate.active {display:block;} #content .cal_category .cate ul {width:100%;} #content .cal_category .cate ul li {position:relative;float:left;margin-right:1%;margin-bottom: 1%;width:19%;box-sizing:border-box;text-align:center;} #content .cal_category .cate ul li a {display:block;height:45px;padding-top: 1px;color:#555;font-weight:600;border:1px solid #ccc;box-sizing:border-box;background-color:#fff;} #content .cal_category .cate ul li a:after {content:"";display:inline-block;height:100%;vertical-align:middle;} #content .cal_category .cate ul li a.active {color:#009b93;font-weight:bold;border-color:#009b93;} #schedule_wrap .pc_ver {display:block;} #schedule_wrap .m_ver {display:none;} /* 스케쥴 달 컨트롤 */ #schedule_wrap {margin: 0px 0; width: 100%;/*padding: 0px 30px 0px 30px; border: 1px solid #bababa; margin-bottom: 20px;*/} #schedule_wrap .calendar_top {position:relative;margin:20px auto;width:320px;text-align:center;} #schedule_wrap .calendar_top .month {font-size:30px;} #schedule_wrap .calendar_top .cal_btn {display:block;position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;line-height:30px;border:1px solid #ccc;text-align:center;} #schedule_wrap .calendar_top .cal_btn span {position:relative;display:block;text-indent:-9999px;} #schedule_wrap .calendar_top .cal_btn span:after {content:"";display:block;position:absolute;top:50%;left:50%;margin-top:-3px;width:7px;height:7px;border-right:1px solid #555;border-bottom:1px solid #555;} #schedule_wrap .calendar_top .cal_prev_btn {left:0;} #schedule_wrap .calendar_top .cal_prev_btn span:after {margin-left:-2px;transform:rotate(135deg); -webkit-transform:rotate(135deg);} #schedule_wrap .calendar_top .cal_next_btn {right:0;} #schedule_wrap .calendar_top .cal_next_btn span:after {margin-left:-5px;transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} #schedule_wrap table {width:100%;border-collapse:collapse;table-layout:fixed;} #schedule_wrap table caption span {position:absolute;left:-10000px;height:1px;overflow:hidden;} /* 달력 타입 */ #calendar_wrap {margin:20px 0;width:100%;} #calendar_wrap .cal_list {border-top: 2px solid #3a5fa0;} #calendar_wrap .cal_list thead th {padding:12px;font-weight:normal;border-bottom:1px solid #3a5fa0;background:#f7f7f7;} #calendar_wrap .cal_list thead th.sat {color:#3a5fa0;} #calendar_wrap .cal_list thead th.sun {color:#e41e31;} #calendar_wrap .cal_list tbody td {padding:7px;height:120px;font-size:13px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;vertical-align:top;} #calendar_wrap .cal_list tbody td:first-child {border-left:0;} #calendar_wrap .cal_list tbody td .date {color:#555;} #calendar_wrap .cal_list tbody td.sat .date {color:#3a5fa0;} #calendar_wrap .cal_list tbody td.sun .date, #calendar_wrap .cal_list tbody td.holiday .date, #calendar_wrap .cal_list tbody td.holiday .text {color:#e41e31;} #calendar_wrap .cal_list tbody td .text {display:block;margin:5px 0;color:#555;font-size:13px;line-height:1.3;word-break: keep-all;} #calendar_wrap .cal_list tbody td .text:hover {text-decoration:underline;} #calendar_wrap .cal_list tbody td .text .time {display:inline-block;color:#555;font-size:12px;line-height:1.3;word-break: keep-all;} #calendar_wrap .cal_list tbody td .text .tit {color:#000;font-weight:600;} #calendar_wrap .cal_list tbody td .book_list {position:relative;padding-left:10px} #calendar_wrap .cal_list tbody td .book_list:before {content:'';position:absolute;left:0;top:7px;display:inline-block;width:3px;height:3px;background-color:#009b93;border-radius:50%;} #calendar_wrap .cal_list tbody td .book_btn {display: block;margin:8px;height: 30px;line-height: 28px;color: #000;border:1px solid #A9BAFF;border-radius:15px;background-color: #D4DAFF;box-sizing:border-box;text-align: center;} #calendar_wrap .cal_list tbody td .book_btn:hover {box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);} #calendar_wrap .cal_list tbody td .ico {display:inline-block;margin-right:5px;padding:2px 4px;font-size:12px;border:1px solid;border-radius:3px;text-align:center;} #calendar_wrap .cal_list tbody td .ico01 {color: #000;background-color: #FCC000;border-color:#FEA000;} #calendar_wrap .cal_list tbody td .ico02 {color: #fff;background-color: #2691E8;border-color:#2977b9;} #calendar_wrap .cal_list tbody td .ico03 {color: #fff;background-color: #8560A8;border-color:#655CA4;} /* 달력 출력 타입 */ #calendar_wrap_prt {margin:20px 0;width:100%;} #calendar_wrap_prt .cal_list {border-top: 2px solid #3a5fa0;} #calendar_wrap_prt .cal_list thead th {padding:12px;font-weight:normal;border-bottom:1px solid #3a5fa0;background:#f7f7f7;} #calendar_wrap_prt .cal_list thead th.sat {color:#3a5fa0;} #calendar_wrap_prt .cal_list thead th.sun {color:#e41e31;} #calendar_wrap_prt .cal_list tbody td {padding:7px;height:100px;font-size:13px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;vertical-align:top;} #calendar_wrap_prt .cal_list tbody td:first-child {border-left:0;} #calendar_wrap_prt .cal_list tbody td .date {color:#555;} #calendar_wrap_prt .cal_list tbody td.sat .date {color:#3a5fa0;} #calendar_wrap_prt .cal_list tbody td.sun .date, #calendar_wrap_prt .cal_list tbody td.holiday .date, #calendar_wrap_prt .cal_list tbody td.holiday .text {color:#e41e31;} #calendar_wrap_prt .cal_list tbody td .text {display:block;margin:5px 0;color:#555;font-size:10px;line-height:1.3;word-break: keep-all;} #calendar_wrap_prt .cal_list tbody td .text:hover {text-decoration:underline;} #calendar_wrap_prt .cal_list tbody td .text .time {display:inline-block;color:#555;font-size:10px;line-height:1.3;word-break: keep-all;} #calendar_wrap_prt .cal_list tbody td .text .tit {color:#000;font-weight:600;} #calendar_wrap_prt .cal_list tbody td .book_list {position:relative;padding-left:10px} #calendar_wrap_prt .cal_list tbody td .book_list:before {content:'';position:absolute;left:0;top:7px;display:inline-block;width:3px;height:3px;background-color:#009b93;border-radius:50%;} #calendar_wrap_prt .cal_list tbody td .book_btn {display: block;margin:8px;height: 30px;line-height: 28px;color: #000;border:1px solid #A9BAFF;border-radius:15px;background-color: #D4DAFF;box-sizing:border-box;text-align: center;} #calendar_wrap_prt .cal_list tbody td .book_btn:hover {box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);} #calendar_wrap_prt .cal_list tbody td .ico {display:inline-block;margin-right:5px;padding:2px 4px;font-size:12px;border:1px solid;border-radius:3px;text-align:center;} #calendar_wrap_prt .cal_list tbody td .ico01 {color: #000;background-color: #FCC000;border-color:#FEA000;} #calendar_wrap_prt .cal_list tbody td .ico02 {color: #fff;background-color: #2691E8;border-color:#2977b9;} #calendar_wrap_prt .cal_list tbody td .ico03 {color: #fff;background-color: #8560A8;border-color:#655CA4;} /* 리스트 타입 */ #schedule_list_wrap {margin:20px 0;width:100%;} #schedule_list_wrap .schedule_list {border-top: 2px solid #3a5fa0;} #schedule_list_wrap .schedule_list tbody th, #schedule_list_wrap .schedule_list tbody td {border-bottom: 1px solid #ccc;} #schedule_list_wrap .schedule_list tbody th {width:20%;font-weight:normal;background-color:#f8f8f8;text-align:center;} #schedule_list_wrap .schedule_list tbody td {width:80%;border-left:1px solid #ccc;text-align:left;} #schedule_list_wrap .schedule_detail_list {display:table;width:100%;border-collapse:collapse;table-layout:fixed;} #schedule_list_wrap .schedule_detail_list > li {display:table-row;border-top: 1px solid #ccc;} #schedule_list_wrap .schedule_detail_list > li:first-child {border-top:0;} #schedule_list_wrap .schedule_detail_list > li > span {display:table-cell;padding:10px 20px;color:#555;text-align:left;} #schedule_list_wrap .schedule_detail_list > li.holiday > span {color:#e41e31;} #schedule_list_wrap .schedule_detail_list > li .days {width:20%;} #schedule_list_wrap .schedule_detail_list > li .schdules {width:80%;border-left:1px solid #ccc;} #schedule_list_wrap .schedule_detail_list > li .schdules a {color:#555;} #schedule_list_wrap .schedule_detail_list > li .schdules a:hover {text-decoration:underline;} #schedule_list_wrap .schedule_detail_list li .schdules li {margin-top:5px;} #schedule_list_wrap .schedule_detail_list li .schdules li:first-child {margin-top:0;} /* #schedule_list_wrap .schedule_detail_list li .schdules li {position:relative;padding-left:10px;} #schedule_list_wrap .schedule_detail_list li .schdules li:before {content:"";display:block;position:absolute;top:50%;left:0;width:5px;height:1px;background-color:#555;} */ /* 미니 달력 타입(예약신청) */ #calendar_rental {margin:20px 0;width:100%;} #calendar_rental .cal_list {border-top: 2px solid #3a5fa0;} #calendar_rental .cal_list thead th {padding:12px;font-weight:normal;border-bottom:1px solid #3a5fa0;background:#f7f7f7;} #calendar_rental .cal_list thead th.sat {color:#3a5fa0;} #calendar_rental .cal_list thead th.sun {color:#e41e31;} #calendar_rental .cal_list tbody td {text-align: center;height:auto;font-size:13px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;vertical-align:top;cursor: pointer;transition: all ease 0.3s;} #calendar_rental .cal_list tbody td:hover, .bt_select {background: #00b8ac;} #calendar_rental .cal_list tbody td:hover p.date, #calendar_rental .cal_list tbody td.bt_select p.date, #calendar_rental .cal_list tbody td p.bt_select {color: #ffffff;} #calendar_rental .cal_list tbody td:first-child {border-left:0;} #calendar_rental .cal_list tbody td .date {color:#555; padding: 20px;} #calendar_rental .cal_list tbody td.sat .date {color:#3a5fa0;} #calendar_rental .cal_list tbody td.sun .date, #calendar_rental .cal_list tbody td.holiday .date, #calendar_rental .cal_list tbody td.holiday .text {color:#e41e31;} #calendar_rental .cal_list tbody td .text {display:block;margin:5px 0;color:#555;font-size:13px;line-height:1.3;word-break: keep-all; text-align: left;} #calendar_rental .cal_list tbody td .text:hover {text-decoration:underline;} #calendar_rental .cal_list tbody td .text .time {display:inline-block;color:#555;font-size:12px;line-height:1.3;word-break: keep-all;} #calendar_rental .cal_list tbody td .text .tit {color:#000;font-weight:600;} #calendar_rental .cal_list tbody td .book_list {position:relative;padding-left:10px} #calendar_rental .cal_list tbody td .book_list:before {content:'';position:absolute;left:0;top:7px;display:inline-block;width:3px;height:3px;background-color:#009b93;border-radius:50%;} #calendar_rental .cal_list tbody td .book_btn {display: block;margin:8px;height: 30px;line-height: 28px;color: #000;border:1px solid #A9BAFF;border-radius:15px;background-color: #D4DAFF;box-sizing:border-box;text-align: center;} #calendar_rental .cal_list tbody td .book_btn:hover {box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);} #calendar_rental .cal_list tbody td .ico {display:inline-block;margin-right:5px;padding:2px 4px;font-size:12px;border:1px solid;border-radius:3px;text-align:center;} #calendar_rental .cal_list tbody td .ico01 {color: #000;background-color: #FCC000;border-color:#FEA000;} #calendar_rental .cal_list tbody td .ico02 {color: #fff;background-color: #2691E8;border-color:#2977b9;} #calendar_rental .cal_list tbody td .ico03 {color: #fff;background-color: #8560A8;border-color:#655CA4;} #dataShow {width: 100%; height: auto; display: none;border-top: 2px solid #009b93;} #dataShow .dataShow ul {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between; align-items: center; font-weight: 500;border-bottom: 1px solid #979797;margin-top: 0px;background: #f9f9f9;} #dataShow .dataShow ul li {padding:0px 2px;text-align: center;} #dataShow .dataShow ul li:nth-child(3) {width:75%;} #dataShow .dataShow ul li div.txt_time {padding: 4px 0px;border-bottom: 1px solid #979797;} #dataShow .dataShow ul li ol {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;} #dataShow .dataShow ul li ol li {padding-top: 4px; padding-bottom: 4px; text-align: center; width: 100%! important;} #dataShow .dataShow ul.dataShowlist {font-weight: normal;background: #ffffff;} #dataShow .dataShow ul.dataShowlist li {padding: 0px 0px;} #dataShow .dataShow ul.dataShowlist li:nth-child(1), #dataShow .dataShow ul li:nth-child(1) {width:15%} #dataShow .dataShow ul.dataShowlist li:first-child { border-left: 0px;} #dataShow .dataShow ul.dataShowlist li ol li {padding-top: 4px; padding-bottom: 4px; border: 1px solid #c0c0c0;margin-left: -1px; border-bottom: none; border-top: none;border-right: 0px;} #dataShow .dataShow .btn { padding: 2px 14px; color: #000; border: 1px solid #0b7d77; border-radius: 10px; background-color: #0a8680;color: #ffffff;font-size: 12px;box-shadow: inset -2px -3px 9px 0 rgba(0, 0, 0, 0.2);cursor: pointer;} @media screen and (max-width:1071px){ .dataShow {width: 1070px;} .pc_ver {overflow-x: scroll;} .pc_ver {display:block;} .m_ver {display:block;} } @media screen and (max-width:1024px){ #schedule_wrap {padding: 0px; border: 0px solid #bababa;} #schedule_wrap .calendar_top {margin: 0px auto;} #calendar_wrap {margin: 0px 0;} #calendar_wrap .cal_list {width: 1023px;} } /* 모바일 */ @media screen and (max-width:764px){ /* 상단 탭 */ #content .cal_category {margin-bottom:20px;} #content .cal_category #cate_tabBox a {height:40px;font-weight:400;font-size:0.933em;} #content .cal_category .cate {margin:50px 0;} #content .cal_category .cate ul li a {height:35px;padding-top: 1px;font-weight:400;font-size:0.875em;} /* 스케쥴 달 컨트롤 */ #schedule_wrap .calendar_top {width:90%;} /* 220502 추가 */ #content .cal_category .cate ul li {width: calc((100% / 2) - 5px); margin-right: 0px;} #content .cal_category .cate ul li:nth-child(odd) {margin-right: 10px;} #calendar_wrap .cal_list tbody td{padding: 3px;} #calendar_wrap .cal_list tbody td .book_btn{margin: 0px;} /* 리스트 타입 */ #schedule_list_wrap .schedule_list tbody th, #schedule_list_wrap .schedule_list tbody td {display:block;} #schedule_list_wrap .schedule_list tbody th {padding:10px;width:100%;} #schedule_list_wrap .schedule_list tbody td {width:100%;border-left:0;font-size:0.875em;} #schedule_list_wrap .schedule_detail_list li span {padding:10px;} #schedule_list_wrap .schedule_detail_list li .days {width:30%;} #schedule_list_wrap .schedule_detail_list li .schdules {width:70%;border-left:1px solid #ccc;} #schedule_list_wrap .schedule_detail_list li .schdules a {color:#555;} #schedule_list_wrap .schedule_detail_list li .schdules a:hover {text-decoration:underline;} }