@charset "UTF-8";

/*-------------------------------------------------------------------
	## 예약 영역 
----------------------------------------------------------------- --*/
.cm_reservation .box-head{border-bottom:0px}
.cm_reservation .g-h3, .box-tit .g-h3{font-family: 'NanumSquare';font-size: 24px;font-weight: 400;color: #444;margin-bottom: 20px;}
.box-tit .g-h3.res_day{display:inline-block;}
.box-tit .g-h3.res_time{display:inline-block;margin-left: 320px;}
.cm_reservation .box-foot{padding: 40px !important;}
.cm_reservation .bul>li{font-size: 15px; line-height: 2;}
.cm_reservation p .radio.demo1 label{font-family: 'NanumSquare';font-size: 15px;}
.cm_reservation .in-01{display: -webkit-box;display: -ms-flexbox;display: flex;float: left;margin: 0 15px 0 0;}
.cm_reservation .in-02{display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0 15px 0 0;}
.btn_resArea .btn-res03{width: 96%;padding: 15px 0;background: #0543aa;color: #fff;float: left;font-size: 18px;line-height: 18px;border: 0px;}
.btn_resArea .btn-res04{width: 96%;border: 1px solid #d4d4d4;padding: 15px 0;float: right;font-size: 18px;line-height: 18px;background: #fff;color: #333;}
.btn-res{border: 1px solid #d4d4d4;width: 50px;line-height: 29px;}
.btn-res02{border: 1px solid #d4d4d4;width: auto;padding: 10px;}
.btn-res03{border: 1px solid #d4d4d4;min-width: 185px;padding: 4px;font-size: 16px;margin: 0 15px;}
.btn-res04{width: 104px;color: #fff;background-color: #03529c;border: 1px solid #03529c;line-height: 29px;}
.btn-res05{width: 104px;color: #fcad63; background-color:#03529c; border:1px solid #03529c; line-height: 29px; }/* 텍스트 색상 변경 */
.type_01{display: block;width: 104px;color: #afaeae;background-color: #f5f5f5;border: 1px solid #e4e4e4;margin: auto;padding: 0;line-height: 29px;}
.type_02{display: block;width: 104px;color: #4db0e4;background-color: #fff;border: 0px;margin: auto;padding: 0;line-height: 29px;}
.type_03{display: block;width: 104px;color: #88ce4a;background-color: #fff;border: 0px;margin: auto;padding: 0;}
.type_04{display: block;width: 104px;color: #ff7225;background-color: #fff;border: 0px;margin: auto;padding: 0;line-height: 29px;}
.type_05{display: block;width: 104px;color: #01498d;background-color: #fff;border: 0px;margin: auto;padding: 0;}
.type_01.none_member{ position:relative; }
.type_01.none_member:hover .none_member_pop{ display:block; }
.none_member_pop{ display:none; color:#000; font-size:14px; line-height:20px; z-index:1; position:absolute; left:50%; margin-left:-82px; bottom:-72px; width:155px; height:auto; background:#fff; padding:5px 0; border:1px solid #e3e3e3; }


/*-------------------------------------------------------------------
    ## 예약상태 표시 생상 영역
-------------------------------------------------------------------*/
.color_info_ul {overflow:hidden; margin:-10px 0 0 0; text-align: right;line-height:2;}
.color_info_ul li {display:inline-block;margin: 0 0 0 15px;font-size:14px;color:#1d1d1d;}
.color_info_ul li span {display:inline-block; width:10px; height:10px; margin:0 6px 0 0; border-radius: 50%;}
.color_info_ul li .reserve_live {background-color:#0e55bf} /* 예약가능 */
.wait_type .color_info_ul li .reserve_live {background-color:#23b2e8} /* 대기신청 예약가능 */
.color_info_ul li .reserve_cho {background-color:#9bcd62} /* 추첨 */
.color_info_ul li .reserve_sta {background-color:#b881c4} /* 대기 */
.color_info_ul li .reserve_end {background-color:#bcbcbc} /* 마감 */
.color_info_ul li .reserve_before {background-color:#3d3d3d} /* 오픈전 */
.cm_calender_area_in {margin:11px 0 0 0; border-top:1px solid #999}

/*-------------------------------------------------------------------
    ## 예약리스트 생상 영역
-------------------------------------------------------------------*/
.res_type{text-align: center;margin: 0px auto 30px;}
.res_type > li{position: relative;display: inline-block;font-size: 17px;color: #8b8b8b;padding: 0 0 0 20px;margin: 0 10px;}
.res_type > li::before{content: '';position: absolute;width: 15px;height: 15px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin-left: -20px;border-radius: 100%;}
.res_type > li.res_type-04::before{background-color: #ff7225;}
.res_type > li.res_type-02::before{background-color: #4db0e4;}
.res_type > li.res_type-03::before{background-color: #88ce4a;}

/*-------------------------------------------------------------------
    ## 예약 달력 영역
-------------------------------------------------------------------*/
.cm_calender_area{position: relative;display: block;width: 400px;height: inherit;float: left;padding: 40px 30px;}
.cm_calender_con{position: relative;display: block;width: 800px;height: inherit;padding: 0;border-left: 1px solid #dedede;}
.cm_calender_top{position: relative;text-align: center;display: block;width: 100%;height: auto;margin: 20px 0;}
.cm_calender_top .date{font-family: var(--font-pretendard);font-size: 28px;font-weight: 400;line-height: initial;}
.cm_calender_top .prev{position: relative;padding: 0 10px;display: inline-block;top: 50%;float: left;-webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);}
.cm_calender_top .next{position: relative;padding: 0 10px;display: inline-block;top: 50%;float: right;-webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);}
.cm_calender_top .prev span, .cm_calender_top .next span{text-indent: -999999px;display: none;}
.cm_calender_tbl th{font-family: 'NanumSquare';font-size: 17px;font-weight: 400;line-height: 2.5;text-align: center;}
.cm_calender_tbl thead{border-top: 1px solid #0e55bf;}
.cm_calender_tbl td{position: relative;font-family: var(--font-pretendard);font-size: 17px;font-weight: 400;line-height: 2.7;text-align: center;overflow: visible;width: 48px;height: 48px;border: 1px solid #dedede;}
.cm_calender_tbl td a{color: #353535;}
.cm_calender_tbl .hol, .cm_calender_tbl .hol a{color: #f81818;}/*일요일, 휴일*/
.cm_calender_tbl .sat, .cm_calender_tbl .sat a{color: #0543aa;}/*토요일*/
.cm_calender_tbl .cal_live{position: absolute;display: table;color: #fff !important;background: #0e55bf;width: 100%;height: 47px;top: 0;left: 0;line-height: 2.7;}/*예약가능*/
.wait_type .cm_calender_tbl .cal_live{position: absolute;color: #fff !important;background: #23b2e8;width: 100%;height: 47px;top: 0;left: 0;line-height: 2.7;}/*예약가능*/
.cm_calender_tbl .cal_today{position: absolute;border:2px solid #ff8400;color: #353535;width: 48px;height: 47px;top: 0;left: 0;line-height: 2.5;z-index: 3;}/*오늘*/
.wait_type .cm_calender_tbl .cal_today{position: absolute;border:2px solid #f8af00;color: #353535;background: #fff;width: 100%;height: 100%;top: 0px;left: 0px;line-height: 2.5;}/*대기신청 오늘*/
.cm_calender_tbl .cal_end{position: absolute;color: #bcbcbc;background: #f8f8f8;width: 100%;height: 100%;top: 0;left: 0;}
.wait_type .cm_calender_tbl td.cal_act a{position: absolute;color: #fff;background: #f8af00;width: 100%;height: 100%;top: 0px;left: 0px;line-height: 2.7;}/*대기신청 선택날짜*/
.cm_calender_tbl td.cal_act a{position: absolute;color: #fff;background: #ff8400;width: 48px;height: 47px;top: 0;left: 0;line-height: 2.7;}/*선택날짜*/


/*-------------------------------------------------------------------
    ## 예약 시간 영역
-------------------------------------------------------------------*/
.cm_time_select{position: relative;display: block;width: 100%;height:auto;padding:50px;background-color:#fafafa;border-bottom: 1px solid #dadada !important;font-family: 'NanumSquare';font-size: 17px;}
.cm_time_select .list.demo1, .cm_time_select .list.demo1 .item, .cm_time_select{border:0;}
.cm_time_select .col.left{margin-right:0 !important;}
.emp01{color: #ff8400;}
.emp02{color: #124289;}
.emp03{color: #23b2e8;}
.emp04{color: #f08080;}

/* Default */
.tab-nav li {position:relative; text-align:center;width: 150px;}
.tab-nav a {display:block; padding:10px;}
.tab-content {position:relative; padding:10px;}

/* Design Basic */
.tab-nav{position: relative;width: 100%;padding: 0 50px;border-bottom: 1px solid #dadada;}
.tab-nav.demo1 .tab-list {border-bottom: 0px;background: #fff;width: calc(100% - 90px);}
.tab-nav.demo1 .tab-list::after {display:block; clear:both; content:'';}
.tab-nav.demo1 .tab {float:left;}
.tab-nav.demo1 a {background:#eee; color:#8b8b8b;}
.tab-nav.demo1 .is-selected a {color:#0d0d0d;}
.tab-nav.demo1 .tab .btn{font-size: 17px;padding: 18px; color:#8b8b8b;}
.tab-nav.demo1 .tab.is-selected:after{content: '';position: absolute;display: block;width: 100%;height: 4px;bottom: -2px;background: #0e55bf;z-index: 1;}
.tab-nav.demo1 .tab.is-selected .btn{background: #fff; color: #0d0d0d;}
.tab-container{width: 100%;padding: 20px;}
.tab-nav.demo1 .tab.is-selected .btn:focus{
    -webkit-box-shadow: 0 0 0 3px rgba(36, 150, 238, 0);
    box-shadow: 0 0 0 3px rgba(36, 150, 238, 0);
    z-index: 1;
}
.cm_calender_con .tab-list{display: -webkit-box; display: -ms-flexbox; display: flex; }
.cm_calender_con .tab-list > li{-webkit-box-flex: 1; */-ms-flex: 1 1 auto;-ms-flex: 1 1;flex: 1 1;}
.tbl.demo1{border-bottom: 0px;border: 1px solid #03529c;border-width: 2px 0px 0px 0px !important;font-size: 15px;}
.tbl.demo1 th{border: 0px;background-color: #f5f5f5 !important;line-height: 2;}
.tbl.demo1 td{border: 0px;font-family: 'Spoqa Han Sans';font-weight: 400;line-height: 2; text-align: center;}
.cm_calender_con .tbl.demo1 td{border: 1px solid #dedede;border-width: 0px 0px 1px;font-family: var(--font-pretendard);font-weight: 400;line-height: 3;text-align: center;}
.select.demo1 {height:40px;padding:0 30px 0 10px;border:1px solid #ddd;background: url('../../images/common/arw_select02.png') #fff no-repeat right center;vertical-align:middle;border-radius:3px;-webkit-box-shadow:1px 1px 2px 0px rgba(200,200,200,0.3);box-shadow:1px 1px 2px 0px rgba(200,200,200,0.3);-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;line-height: initial;}
.select.time{
    position: absolute;
    display: inline-block;
    right: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

/*-------------------------------------------------------------------
    ## 대기신청 영역
-------------------------------------------------------------------*/
.guide-01 {
    position: relative;
    display: block;
    width: 100%;
    height: inherit;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
}
.guide-01 > .in-01{display: block;float: none;margin: 0 auto 30px;}
.guide-01 > .in-02{display: block; font-family: 'NanumSquare'; font-size: 25px; color: #21448b;}
.guide-01 > .in-03{display: block; font-family: 'NanumSquare'; font-size: 16px; color: #000;}

.cm_time_select textarea.input.demo1{width: initial;}

/*-------------------------------------------------------------------
	## 예약확인 영역 & 날짜 검색
----------------------------------------------------------------- --*/
.cm_time_list.search_date .list.demo2{border:1px solid #e1e1e1;border-width: 1px 0;padding: 30px 0;text-align: center;}
.cm_time_list.search_date .list.demo2 .item{display: block;text-align: center;}
.cm_time_list.search_date .in_tit{font-size: 17px;line-height: 2.5;display: inline-block;    margin: 0 20px 0 0;}
.cm_time_list.search_date .input-group{display: inline-block;}
.cm_time_list.search_date #sdate, .cm_time_list.search_date #edate, #birthDay{
    padding-right:35px;background: url(../../images/common/ico_cal01.png) #fff 95% center/20px no-repeat;
}
.cm_time_list.search_date .ico-cal01, #CalbirthDayIcon{position: relative;top: -2px;right: 9px;display: none; visibility:hidden;}

/*-------------------------------------------------------------------
	## table style
----------------------------------------------------------------- --*/
.tbl-list {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.tbl-list .cm_time_list_tbl th{background: #f7f7f7;height: 40px;border-bottom: 1px solid #e1e1e1;font-family: 'NanumSquare'; font-size: 16px; vertical-align: middle;}
.tbl-list .cm_time_list_tbl td{ vertical-align: middle; }
/*-------------------------------------------------------------------
	## 실시간예약 현황
----------------------------------------------------------------- --*/
.cm_time_real{padding: 70px 0;}
.btn.demo1.primary02 {background: #004483;color: #fff;}/*버튼일반*/
.btn.demo1.cancel01 {background: #fe0036;color: #fff;}/*취소*/
.btn.demo1.res01{
    position: relative;
    height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5rem;
    color: #004483;
    display: inline-block;
    float: right;
    width: 180px;
    top: -7px;
}
.btn.demo1.res01 span:after{content:'';display: inline-block;width:15px;height: 15px;background: url('../../images/common/arw_res01.png') center no-repeat;margin: 0 0 0 8px;}

/*-------------------------------------------------------------------
	## 조인게시판, 리스트, 입력
----------------------------------------------------------------- --*/
.btn.primary03.on{height: 50px;margin: 0px;background: #8a7a6b;color: #fff;border-top: 2px solid #776355;}
.btn.primary03{height: 50px;margin: 0px;background: #fff;color: #555;border: 1px solid #ddd;-webkit-transition: none;-o-transition: none;transition: none;}
.btn.primary03:hover{border-top: 2px solid #776355;}
.btn.primary03:focus{
    outline-width: 0;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.joinroom .joinroom_calender > .date{font-size: 46px;}
.joinroom .joinroom_calender{position: relative;text-align: center;display: block;width: 400px;height: auto;margin: 20px auto;}
.arw-more2-prev, .arw-more2-next {margin-top: -3px; top: 50%;-webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);}
.joinroom .joinroom_tbl th{background: #fafafa;font-size: 20px;line-height: 3.5;}
.tbl-joinroom > .tbl.demo1{border: 1px solid #7d7d7d;border-width: 1px 0px 1px 0px !important;}
.tbl-joinroom > .tbl.demo1 td{height: 110px;padding: 10px;vertical-align: top;text-align: left;border-bottom: 1px solid #dedede;}
.joinroom_state {text-align: right;}
.joinroom_state .label{display: inline-block;font-size: 16px;line-height: 4;padding: 0 10px;}
.joinroom_link{display: block;}
.joinroom_link > span > em{color: #ff0000;}
.btn_joinroomArea .btn-res04{color: #3b3b3b;}
.joinroom_list .box-tit{text-align: right;}
.joinroom_list .box-tit > .label{
    display: inline-block;
    font-size: 16px;
    line-height: 4;
    padding: 0 10px;}
.joinroom_list .box-tit > .label em{color: #004483;}
.form_area .tbl-list td{height: 67px;text-align: left;padding: 1rem;}
.form_area .input-group{min-width: 200px;}
.form_area .input-group .select.demo1{width: 100%;}
.form_area .input-group.hp .select, .form_area .input-group.hp .input{width: 100px; margin-right: 15px; text-align: center;}
.date-group.has-append .append{position: absolute;display: inline-block;top: 9px;right: 10px;}
.joinroom_view .tbl-list td{height: auto;line-height: inherit;text-align: left;padding: 1rem;}


/* 단체조편성 */
.group_list_btn{ display:inline-block; padding:5px 15px; background:#8a7a6b; color:#fff; }
.group_edit_btn{ display:inline-block; padding:5px 15px; background:#dd8c3f; color:#fff; }
.group_member_wrap{ padding-top:30px; }
.cm_time_real.group_member_wrap .reserve_date{ border:1px solid #ddd; padding:40px; margin-bottom:40px; }
.cm_time_real.group_member_wrap .reserve_date p{ color:#444; position: relative; padding-left:15px; }
.cm_time_real.group_member_wrap .reserve_date p:before{ content:''; display:inline-block; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#666; }
.cm_time_real.group_member_wrap .reserve_date p span{ color:#dd8c3f; font-weight:500; margin-left:15px; }
.cm_time_real.group_member_wrap .group_tit{ margin-bottom:15px; }



/*패키지*/
.form-info.cm_gkfdlssodyd{padding:0 0 10px;}
.form-info.cm_gkfdlssodyd span{font-weight: 400;color: #444444;margin: 0 7px 0 0;}
.cm_gkfdlssodyd > i{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: no-repeat 0 0;
    vertical-align: middle;
    overflow: hidden;
    color: transparent;
    text-indent: -999px;
    white-space: nowrap;
}
.cm_gkfdlssodyd > .ico_1{background-image: url('../../images/sub/icon_green.png');}
.cm_gkfdlssodyd > .ico_2{background-image: url('../../images/sub/icon_cart.png');}
.cm_gkfdlssodyd > .ico_3{background-image: url('../../images/sub/icon_food.png');}

.tbl.demo1 thead th{vertical-align: middle;}
.over_table_scroll_t{display: none;}

/*datepicker*/
#CalsdateselYear, #CaledateselYear{width: 72px;}
#CalsdateselMon, #CaledateselMon{width: 66px;}
.calTitle td{height: auto !important;text-align: center !important;padding:0.5rem !important;}
.calTitle select {height: 26px;padding: 0 25px 0 8px;border:1px solid #ddd;background: url('../../images/common/arw_select02.png') #fff no-repeat right center;vertical-align:middle;border-radius:3px;-webkit-box-shadow:1px 1px 2px 0px rgba(200,200,200,0.3);box-shadow:1px 1px 2px 0px rgba(200,200,200,0.3);-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;line-height: initial;font-size: 0.9rem;}



/* 회원가입 완료 */
.join_final{ border:solid #ddd; border-width:1px 0px; text-align: center; padding:50px 0 90px; }
.join_final h2{ font-size:24px; margin-top:25px; color:#3b3b3b; }
.join_final h3{ font-size:16px; line-height:24px; color:#3b3b3b; margin-top:15px; }
.join_final .final_mem_info{ border-top:2px solid #525f6e; width:70%; margin:45px auto 0; }
.join_final .final_mem_info th{ background:#f9fafc; }
.join_final .final_mem_info th, .join_final .final_mem_info td{ height:45px; border:solid #ddd; border-width:1px 1px 1px 0px; color:#1c1c1c; font-size:17px; }
.join_final .final_mem_info th:last-child, .join_final .final_mem_info td:last-child{ border-width:1px 0px; }

.hole-18 td{
	background-color: rgba(255, 152, 43, 0.1);
}