@charset "utf-8";

/* 단체 */
.group_bg:after {width:100%; height:132px; display:block; content:""; position:absolute; bottom:0; left:0; background:url(../img/groupapply_bg01.png) no-repeat 50% 50%;}
.group_bg01:after {width:100%; height:132px; display:block; content:""; position:absolute;bottom: 141px; left:0; background:url(../img/groupapply_bg01.png) no-repeat 50% 50%;}
.group_bg01 {margin-top:100px}

@media only screen and (max-width:900px){
	.group_bg01:after {display:none;}
}

/* 스탭 */
.res_step{position:relative; margin: 30px 0; padding:0 0; text-align:center;}
.res_step:before{content:""; position:absolute; top:50%; left:0px; width:100%; height:1px; margin:0; background:#dedede; z-index:-1; display:inline-block;}
.res_step ul{display:inline-block; vertical-align:middle;}
.res_step ul li{display:inline-block;min-width: 143px;margin:10px 8px;vertical-align:top;background:#fff;position: relative;}
.res_step ul li:before{content:"";position:absolute;top:calc(0% - 40px);left: calc(50% - 19px);width:40px;height:40px;margin:0;background:#dddddd;z-index:-1;display:inline-block;border-radius: 20px;line-height: 43px;}
.res_step ul li.step01:before{content:"1";}
.res_step ul li.step02:before{content:"2";}
.res_step ul li.step03:before{content:"3";}
.res_step ul li.step04:before{content:"4";}
.res_step ul li.active:before{background: #000; color: #fff;}

.res_step ul li span{display:block; height:45px; padding:0 15px;  text-decoration:none; vertical-align: middle;line-height:25px; margin-top: 10px;}

.res_step ul li.active span,
.res_step ul li.active span:not(.skip),
.res_step ul li.on span:not(.skip),
.res_step ul li.on span{position: relative; border-color:#000; font-weight:600; color:#000;}

@media only screen and (max-width:1200px){
	.res_step ul li{ margin:5px 4px; }
}
@media only screen and (max-width:640px){
	.res_step{padding-top: 30px;}
	.res_step ul{display: block; width: 95%; margin: 0 auto;}
	.res_step ul li{float: left; width: 25%; min-width:0; margin: -1px 0 0 -1px; padding: 0; }
	.res_step ul li span{height: 40px; padding: 10px 10px 0; line-height: 15px; font-size:15px;}

	.group_bg:after {display:none}
	.group_bg01:after {display:none}
}

.res_box_group {display: inline-block; width: 100%}
.res_box_info{width: 100%; padding: 20px;  box-sizing: border-box;border: 1px solid #333; border-radius: 3px; }
.res_box_l {float: left; width: 70%; padding: 15px 10px; box-sizing: border-box; border: 1px solid #333; border-radius: 3px; }

.res_box_group.res_room .table {margin-bottom:30px;}
.res_box_group.res_room .table thead th span {color:#F00}
.res_box_group.res_room .table tbody td {border-width: 0 0 1px 0;}
.res_box_group.res_room .table tbody td:first-child {background: #fff;}
.res_box_group.res_room h5 {margin-bottom:10px;}

/* 예약 캘린더 */
.res_box_l .calendar {width: 100%;}
.res_box_l .calendar .calender_type ul {margin-bottom:10px;}
.res_box_l .calendar .calender_type ul::after {display:block; content:""; clear:both;}
.res_box_l .calendar .calender_type li {float:left; margin-right:10px; font-size: 1.2em; padding-left:28px;position:relative}
.res_box_l .calendar .calender_type li.c_type01 i{position:absolute; display:block; width:22px; height:22px; background:url(../images/sub/ico_caltype01.png) no-repeat; top:0; left:0; background-size:22px 22px; background-position:50% 50%}
.res_box_l .calendar .calender_type li.c_type02 i{position:absolute; display:block; width:22px; height:22px; background:url(../images/sub/ico_caltype02.png) no-repeat; top:0; left:0; background-size:22px 22px; background-position:50% 50%}
.res_box_l .calendar .calender_type li.c_type03 i{position:absolute; display:block; width:22px; height:22px; background:url(../images/sub/ico_caltype03.png) no-repeat; top:0; left:0; background-size:22px 22px; background-position:50% 50%}
.res_box_l .calendar .calender_type li.c_type04 i{position:absolute; display:block; width:22px; height:22px; background:url(../images/sub/ico_caltype04.png) no-repeat; top:0; left:0; background-size:22px 22px; background-position:50% 50%}

/*.res_box_l .calendar table {width: 100%;border-bottom:1px solid #e0e0e0; border-top:1px solid #777; margin-bottom:10px}
.res_box_l .calendar table th {padding:12px 0; background:#f9f9f9; font-size:1.25em; font-weight:500; color:#232323; border-left:1px solid #dedede; border-bottom:1px solid #dedede}
.res_box_l .calendar table th.sun, .res_box_l .calendar table td.sun, .res_box_l .calendar table td.event.sun a {color:#dc372b !important}
.res_box_l .calendar table th.sat, .res_box_l .calendar table td.sat, .res_box_l .calendar table td.event.sat a {color:#195dae !important}
.res_box_l .calendar table th:first-child, .res_box_l .calendar table td:first-child {border-left:none}
.res_box_l .calendar table td {padding:0; border-bottom:1px solid #dedede; border-left:1px solid #dedede; line-height:1.4; color:#666; vertical-align:top; font-size:14px}
.res_box_l .calendar table td.no_list {text-align: center;    padding: 20px 0;}
.res_box_l .calendar table td div {overflow-y:auto;  min-height: 80px;padding:10px 8px;min-width: 100px;}
.res_box_l .calendar table td div em {display:block; margin-bottom:10px}
.res_box_l .calendar table td div span {display:block}
.res_box_l .calendar table td div .bookEnd {text-align: center; padding: 3px 0; background: #d5d5d5; color: #fff; border-radius: 300px;}
.res_box_l .calendar table td div .bookPosb {text-align: center; padding: 3px 0; background: #0fbb5c;color: #fff; border-radius: 300px;}
.res_box_l .calendar table td div .bookPosb.hotelNo {background:url(../img/reservation_icon_01.png) no-repeat;}
.res_box_l .calendar table td div .bookPosb.golfNo {background:url(../img/reservation_icon_03.png) no-repeat;}
.res_box_l .calendar table td div .bookSelect {text-align: center; padding: 3px 0; background: #1945e5; color: #fff; border-radius: 300px;}
.res_box_l .calendar table td div .bookSelect.hotelOk {background:url(../img/reservation_icon_02.png) no-repeat;}
.res_box_l .calendar table td div .bookSelect.golfOk {background:url(../img/reservation_icon_04.png) no-repeat;} */

.res_box_l .calendar .bookType {display:block;}

.res_box_l .calendar .bookType ul.reser_hotel {display:flex; justify-content: flex-end; margin-bottom:7px;}
.res_box_l .calendar .bookType ul.reser_hotel li {padding-left: 24px;margin-right: 20px;position:relative}
.res_box_l .calendar .bookType ul.reser_hotel li:nth-child(1):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_03.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_hotel li:nth-child(2):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_04.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_hotel li:nth-child(3):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_15.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_hotel li:last-child {margin-right: 5px;}

.res_box_l .calendar .bookType ul.reser_wait {display:flex; justify-content: flex-end; margin-bottom:7px;}
.res_box_l .calendar .bookType ul.reser_wait li {padding-left: 24px;margin-right: 20px;position:relative}
.res_box_l .calendar .bookType ul.reser_wait li:nth-child(1):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_13.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_wait li:nth-child(2):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_05.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_wait li:nth-child(3):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_06.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_wait li:last-child {margin-right: 5px;}

.res_box_l .calendar .bookType ul.reser_golf {display:flex; justify-content: flex-end; margin-bottom:7px;}
.res_box_l .calendar .bookType ul.reser_golf li {padding-left: 24px;margin-right: 20px;position:relative}
.res_box_l .calendar .bookType ul.reser_golf li:nth-child(1):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_13.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_golf li:nth-child(2):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_07.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_golf li:nth-child(3):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_08.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_golf li:last-child {margin-right: 5px;}

.res_box_l .calendar .bookType ul.reser_package {display:flex; justify-content: flex-end; margin-bottom:7px;}
.res_box_l .calendar .bookType ul.reser_package li {padding-left: 24px;margin-right: 20px;position:relative}
.res_box_l .calendar .bookType ul.reser_package li:nth-child(1):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_13.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_package li:nth-child(2):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_01.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_package li:nth-child(3):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_02.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_package li:last-child {margin-right: 5px;}

.res_box_l .calendar .bookType ul.reser_draw {display:flex; justify-content: flex-end; margin-bottom:7px;}
.res_box_l .calendar .bookType ul.reser_draw li {padding-left: 24px;margin-right: 20px;position:relative}
.res_box_l .calendar .bookType ul.reser_draw li:nth-child(1):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_13.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_draw li:nth-child(2):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_09.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_draw li:nth-child(3):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_10.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_draw li:last-child {margin-right: 5px;}

.res_box_l .calendar .bookType ul.reser_time {display:flex; justify-content: flex-end; margin-bottom:7px;}
.res_box_l .calendar .bookType ul.reser_time li {padding-left: 24px;margin-right: 20px;position:relative}
.res_box_l .calendar .bookType ul.reser_time li:nth-child(1):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_13.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_time li:nth-child(2):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_11.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_time li:nth-child(3):before {display:block;width: 21px;height: 21px;background:url(../img/reservation_icon_12.png) no-repeat;background-size: 21px;position:absolute;top: 3px;left: 0;content:"";border-radius:50%;}
.res_box_l .calendar .bookType ul.reser_time li:last-child {margin-right: 5px;}

.res_box_l .calendar .bookType ul li span {font-size: 14px;}

.res_box_l .calendar table {width: 100%;border-bottom:1px solid #e0e0e0; border-top:1px solid #777; margin-bottom:10px}
.res_box_l .calendar table th {padding:12px 0; background:#f9f9f9; font-size:1.25em; font-weight:500; color:#232323; border-left:1px solid #dedede; border-bottom:1px solid #dedede}
.res_box_l .calendar table th.sun, .res_box_l .calendar table td.sun, .res_box_l .calendar table td.event.sun a {color:#dc372b !important}
.res_box_l .calendar table th.sat, .res_box_l .calendar table td.sat, .res_box_l .calendar table td.event.sat a {color:#195dae !important}
.res_box_l .calendar table th:first-child, .res_box_l .calendar table td:first-child {border-left:none}
.res_box_l .calendar table td {padding:0; border-bottom:1px solid #dedede; border-left:1px solid #dedede; line-height:1.4; color:#666; vertical-align:top; font-size:14px}
.res_box_l .calendar table td.no_list {text-align: center;    padding: 20px 0;}
.res_box_l .calendar table td.resv_no_list {padding: 140px 0 50px 0; background: url(../img/subMain/noResv_icon.png) no-repeat 50% 39px; margin-top: 50px;}
.res_box_l .calendar table td.resv_no_list span{display: block;text-align: center;}
.res_box_l .calendar table td div {overflow-y:auto;  min-height: 80px;padding:10px 8px;min-width: 100px;}
.res_box_l .calendar table td div em {display:block; margin-bottom:10px}
.res_box_l .calendar table td div span {display:block}

.res_box_l .calendar table td div .bookEnd {text-align: center; color: #fff; border-radius: 300px; width: 40px; height: 40px;}
.res_box_l .calendar table td div .bookPosb {text-align: center; color: #fff; border-radius: 300px; width: 40px; height: 40px;}

.res_box_l .calendar table td div .bookEnd.reser_hotel {background:url(../img/reservation_icon_03.png) no-repeat; background-size: 40px;}
.res_box_l .calendar table td div .bookPosb.reser_hotel {background:url(../img/reservation_icon_04.png) no-repeat;background-size: 40px;}
.res_box_l .calendar table td div .bookPosb.reser_hotel_package {background:url(../img/reservation_icon_15.png) no-repeat;background-size: 40px;}

.res_box_l .calendar table td div .bookEnd.reser_wait {background:url(../img/reservation_icon_05.png) no-repeat; background-size: 40px;}
.res_box_l .calendar table td div .bookPosb.reser_wait {background:url(../img/reservation_icon_06.png) no-repeat; background-size: 40px;}

.res_box_l .calendar table td div .bookEnd.reser_golf {background:url(../img/reservation_icon_07.png) no-repeat; background-size: 40px;}
.res_box_l .calendar table td div .bookPosb.reser_golf {background:url(../img/reservation_icon_08.png) no-repeat; background-size: 40px;}

.res_box_l .calendar table td div .bookEnd.reser_package {background:url(../img/reservation_icon_01.png) no-repeat; background-size: 40px;}
.res_box_l .calendar table td div .bookPosb.reser_package {background:url(../img/reservation_icon_02.png) no-repeat; background-size: 40px;}

.res_box_l .calendar table td div .bookEnd.reser_draw {background:url(../img/reservation_icon_09.png) no-repeat; background-size: 40px;}
.res_box_l .calendar table td div .bookPosb.reser_draw {background:url(../img/reservation_icon_10.png) no-repeat; background-size: 40px;}

.res_box_l .calendar table td div .bookEnd.reser_time {background:url(../img/reservation_icon_11.png) no-repeat; background-size: 40px;}
.res_box_l .calendar table td div .bookPosb.reser_time {background:url(../img/reservation_icon_12.png) no-repeat; background-size: 40px;}

.res_box_l .calendar table td div .bookClose {text-align: center; color: #fff; border-radius: 300px; width: 40px; height: 40px; background:url(../img/reservation_icon_13.png) no-repeat; background-size: 40px;}

.res_box_l .calendar table td div .bookSelect {text-align: center; padding: 3px 0; background: #1945e5; color: #fff; border-radius: 300px;} 

.res_box_l .calendar table td.event.sun a span, .res_box_l .calendar table td.event.sat a span {color:#555}
.res_box_l .calendar table td div.event01 {background:#f1f5fb}
.res_box_l .calendar table td div.event02 {background:#f2f9fb}
.res_box_l .calendar table td div.event03 {background:#f1fbf0}
.res_box_l .calendar table td div.event04 {background:#fbfbf0}
.res_box_l .calendar table td div.event05 {background:#fbf5f0}

.res_box_l .calendar table.cal2 td div span {display:block; position:absolute; left:0; text-align:center}
.res_box_l .calendar table.cal2 td div span a {display:inline-block; padding-top:7px; padding-bottom:1px; margin-left:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.res_box_l .calendar table.cal2 td .event01 {background:#f1f5fb}
.res_box_l .calendar table.cal2 td .event02 {background:#f2f9fb}
.res_box_l .calendar table.cal2 td .event03 {background:#f1fbf0}
.res_box_l .calendar table.cal2 td .event04 {background:#fbfbf0}
.res_box_l .calendar table.cal2 td .event05 {background:#fbf5f0}

.res_box_l .calendar table.cal2 td div span i.c_type01{ display:inline-block; width:22px; height:22px; background:url(../images/sub/ico_caltype01.png) no-repeat; background-size:22px 22px; background-position:50% 50%}
.res_box_l .calendar table.cal2 td div span i.c_type02{ display:inline-block; width:22px; height:22px; background:url(../images/sub/ico_caltype02.png) no-repeat; background-size:22px 22px; background-position:50% 50%}
.res_box_l .calendar table.cal2 td .event03 a {display:inline-block; padding-top:7px; padding-bottom:1px; margin-left:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:50%;}

/*.res_box_l .calendar .bookType {display:none;}*/
.res_box_l .calendarView .tour_view .top .info .con
.tit {padding-top:32px; position:relative; margin:15px 0 20px 0}
.proImgWrap {position:relative}
.proImgSlide {margin-bottom:30px}
.proImgControl {position:absolute; top:50%; margin-top:-32.5px; width:100%}
.proImgControl button {display:inline-block; width:65px; height:65px; background-repeat:no-repeat; text-indent:-9999px}
.proImgControl .prev {float:left; background-image:url('/groups/tour/walking/images/sub/dalmaintro_control_prev.png')}
.proImgControl .next {float:right; background-image:url('/groups/tour/walking/images/sub/dalmaintro_control_next.png')}

.year_area {position:relative; width:260px; margin:10px auto 20px auto; height:32px; font-size:1.6em; font-weight:500; color:#333; text-align:center}
.year_area .prev_year{position:absolute; top:10px; left:20px; width:20px; height:20px; font-size:0}
.year_area .prev_year:before {position:absolute;     top: 5px; left:0; content:''; display:block; width:10px; height:10px; background:transparent; border-left:2px solid #777; border-bottom:2px solid #777; transform:rotate(45deg); transition:all .3s ease-in-out}
.year_area .next_year{position:absolute; top:10px; right:20px; width:20px; height:20px; font-size:0}
.year_area .next_year:before {position:absolute;    top: 5px; right:0; content:''; display:block; width:10px; height:10px; background:transparent; border-left:2px solid #777; border-bottom:2px solid #777; transform:rotate(-135deg); transition:all .3s ease-in-out}
.calendar_table {border-bottom:1px solid #e0e0e0; border-top:2px solid #191919; margin-bottom:10px}
.calendar_table th {padding:12px 0; background:#f5f5f5; font-size:1.25em; color:#232323; border-left:1px solid #e0e0e0; border-bottom:1px solid #919191}
.calendar_table th.sun, .calendar_table td.sun {color:#dc372b !important}
.calendar_table th.sat, .calendar_table td.sat {color:#195dae !important}
.calendar_table th:first-child, .calendar_table td:first-child {border-left:none}
.calendar_table td {padding:0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; line-height:1.6; color:#666; vertical-align:top; font-size:1.1em}
.calendar_table td div {padding:8px 5px; overflow-y:auto; min-height:100px}
.calendar_table td.event {background-color:#feffef; color:#004ea2}
.calendar_table td.event ul {margin-top:3px; overflow:hidden}
.calendar_table td.event ul li {position:relative; padding-left:14px; line-height:1.3; margin-bottom:5px}
.calendar_table td.event ul li::before{ content:""; position:absolute; left:4px; top:9px; width:3px; height:3px; background:#004ea2; border-radius:50%}
.calendar_table td.event ul li a {display:block; color:#004ea2; overflow:hidden}
.calendar_table td .list span {display:inline-block; width:6px; height:6px; border-radius:50%; margin:0 2px 2px 0}
.calendar_table td .list .s01 {background:#445daf}
.calendar_table td .list .s02 {background:#4ab33e}
.calendar_table td .list .s03 {background:#da5f58}
.calendar_table td .list .s04 {background:#8a65c2}
.calendar_table td .list .s05 {background:#5d8ce5}

@media all and (max-width:1200px) {
    .res_box_l .calendar table td div {min-width:inherit;}
}
@media all and (max-width:1024px) {
	.res_box_l .calendarView .couseWrap .courList ul {max-height:195px}
}
@media all and (max-width:960px) {
	.res_box_l .calendarView .couseWrap .courInfo li {width:33.33%}
	.res_box_l .calendarView .couseWrap .courInfo li.wpTxt {width:50%}
    .res_box_l .calendarView .couseWrap .courList ul li {width:33.33%}
}
@media all and (max-width:667px) {
	.calendar_table td.event ul li a {overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
}
@media all and (max-width:640px) {
    .res_box_l .calendar table td {font-size:13px}
    .res_box_l .calendar table td div {min-height:70px; padding:10px 4px;}
    .res_box_l .calendar table td div em {margin-bottom:5px}
    .res_box_l .calendar table td div span {overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; font-size:0.9em}

    .proImgControl {margin-top:-20px}
    .proImgControl button {width:40px; height:40px; background-size:40px}
	
	.year_area .prev_year{ top:0px;}
	.year_area .next_year{ top:0px;}
}
@media all and (max-width:480px) {
	/*.res_box_l .calendar .bookType {display:block;}
	.res_box_l .calendar .bookType ul {display:flex; justify-content: flex-end; margin-bottom:7px;}
	.res_box_l .calendar .bookType ul li {padding-left:20px; margin-right:10px; position:relative}
	.res_box_l .calendar .bookType ul li:nth-child(1):before {display:block; width:15px; height:15px; position:absolute; top:2px; left:0; content:""; border-radius:50%; background:#D5D5D5}
	.res_box_l .calendar .bookType ul li:nth-child(2):before {display:block; width:15px; height:15px; background:#0FBB5C;position:absolute;   top:2px; left:0; content:""; border-radius:50%; }
	.res_box_l .calendar .bookType ul li span {font-size: 14px;}*/
	
	.res_box_l .calendar table td div span {text-indent: -9999px; border-radius: 50%; width: 20px; height: 20px;}
}
@media all and (max-width:400px) {
	.res_box_l .calendar .calender_type li {margin-right: 5px;}
	.res_box_l .calendar table td div .bookEnd {width: 30px;height: 30px;}
	.res_box_l .calendar table td div .bookPosb {width: 30px;height: 30px;}
	
	.res_box_l .calendar table td div .bookEnd.reser_hotel {background-size: 30px;}
	.res_box_l .calendar table td div .bookPosb.reser_hotel {background-size: 30px;}
	
	.res_box_l .calendar table td div .bookEnd.reser_wait {background-size:30px;}
	.res_box_l .calendar table td div .bookPosb.reser_wait {background-size: 30px;}
	
	.res_box_l .calendar table td div .bookEnd.reser_golf {background-size:30px;}
	.res_box_l .calendar table td div .bookPosb.reser_golf {background-size: 30px;}
	
	.res_box_l .calendar table td div .bookEnd.reser_package {background-size:30px;}
	.res_box_l .calendar table td div .bookPosb.reser_package {background-size: 30px;}
	
	.res_box_l .calendar table td div .bookEnd.reser_draw {background-size:30px;}
	.res_box_l .calendar table td div .bookPosb.reser_draw {background-size: 30px;}
    
    .res_box_l .calendar table td div .bookEnd.reser_time {background-size:30px;}
	.res_box_l .calendar table td div .bookPosb.reser_time {background-size: 30px;}
    
    .res_box_l .calendar table td div .bookClose {width: 30px;height: 30px; background-size: 30px;}
}
@media all and (max-width:340px) {
	.res_box_l .calendar table th {font-size:1em;}
	.res_box_l .calendar table td div {padding: 10px 3px;}
	.res_box_l .calendar table td div .bookEnd {width: 26px;height: 26px;}
	.res_box_l .calendar table td div .bookPosb {width: 26px;height: 26px;}
	
	.res_box_l .calendar table td div .bookEnd.reser_hotel {background-size: 26px;}
	.res_box_l .calendar table td div .bookPosb.reser_hotel {background-size: 26px;}
	
	.res_box_l .calendar table td div .bookEnd.reser_wait {background-size:26px;}
	.res_box_l .calendar table td div .bookPosb.reser_wait {background-size: 26px;}
	
	.res_box_l .calendar table td div .bookEnd.reser_golf {background-size:26px;}
	.res_box_l .calendar table td div .bookPosb.reser_golf {background-size: 26px;}
	
	.res_box_l .calendar table td div .bookEnd.reser_package {background-size:26px;}
	.res_box_l .calendar table td div .bookPosb.reser_package {background-size: 26px;}
	
	.res_box_l .calendar table td div .bookEnd.reser_draw {background-size:26px;}
	.res_box_l .calendar table td div .bookPosb.reser_draw {background-size: 26px;}
    
	.res_box_l .calendar table td div .bookEnd.reser_time {background-size:26px;}
	.res_box_l .calendar table td div .bookPosb.reser_time {background-size: 26px;}
    
    .res_box_l .calendar table td div .bookClose {width: 26px; height: 26px; background-size: 26px;}
}

.inner_box1{ width: 100%; box-sizing:border-box; }
.inner_box1 .h4{margin: 0 0 20px;}
.inner_box2{float: left; width: 48%; box-sizing:border-box; }
.inner_box2.split{margin-left: 3%;}
.inner_box3{float: left; width: 32.5%; box-sizing:border-box; }
.inner_box3.split{margin-left: 1%;}

@media only screen and (max-width:640px){
	.inner_box2, .inner_box3 {width: 100%;}
	.inner_box2.split, .inner_box3.split{ margin-left: 0;}
}

/* 코스정보 테이블 */
.table{position:relative; width:100%; margin:5px 0 10px;}
.table caption{position:static; }
.table thead{background:#128852; }
.table thead th{padding:8px 5px; background-color:#dedede; border:1px solid #d9d9d9; font-size:16px; font-weight:bold; color:#333333; vertical-align: middle;  word-break:keep-all }
.table thead tr:first-child th{border-top:2px solid #333; }
.table tbody th,.table tbody td{padding:8px 10px; border:1px solid #d9d9d9; vertical-align:middle;  /*word-break:keep-all*/    word-break: break-all;}
.table th{color:#444; font-size:16px; font-weight:600; text-align:center; }
.table tbody th{background-color:#f7f7f7; font-size:15px; color:#000; font-weight:normal}
.table tbody td{font-size:14px; color:#555; border:1px solid #d9d9d9; }
.table tfoot th,.table tfoot td{padding:20px 5px; border:1px solid #d9d9d9; background-color:#f7f7f7; }
.table td img{vertical-align:middle; }
td ul, td li{text-align:left; }
td ul.bu{margin:0; padding:0; }
td .num{margin:0; padding:0; }
.table tbody td:first-child {background: #f7f7f7;}

.table td ul li {display:inline-block; width:100%; text-align:center; border-bottom:1px solid #d9d9d9; padding:12px 0;}
.table td ul li:last-child {border-bottom:none !important;}

.table.type2 {border-top:2px solid #333}
.table.type2 thead th{padding:20px 5px; background-color:#333; border:1px solid #333; font-size:18px; font-weight:normal; color:#fff; vertical-align: middle; border-top:2px solid #333; }
.table.type2 tbody td{background: none !important;}

.table.type3 {border-top:2px solid #333}
.table.type3 tbody th{border-left: none; border-right: none;  }
.table.type3 tbody td{background: none !important; border-left: none; border-right: none;text-align: center;}

.table.type4 {border-top:2px solid #333}
.table.type4 tbody th{border-left: none; border-right: none;  }
.table.type4 tbody td{background: none !important; border-left: none; border-right: none;text-align: center;}

@keyframes right_ani{
	0%{transform:translate(0,0);}
	25%{transform:translate(0,0);}
	40%{transform:translate(-5px,0);}
	50%{transform:translate(-0,0);}
	60%{transform:translate(-5px,0);}
	75%{transform:translate(0,0);}
	100%{transform:translate(0,0);}
}

.table_scroll:before,
.table_scroll_acitve:before{display: none;}
.table_scroll .scroll_notice{display: none;}

@media only screen and (max-width:1400px){
	.table_scroll{position:relative; max-width:100%; overflow-x:auto; }
	.table_scroll:before{display: block; position: absolute; left: calc(100vw - 90px); top: 50%; z-index: 30; content:'\e90e'; width: 50px; height: 50px; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:50px; background-color: #fff; font-size: 30px; line-height: 55px; font-family: xeicon !important; text-align: center;animation-name:right_ani;animation-duration:2s;animation-direction:alternate-reverse;animation-iteration-count:infinite;}
	.table_scroll_acitve.table_scroll:before{display: none;}
	.table_scroll .scroll_notice{display: block;}
	.table_scroll table{min-width:800px; }
}
@media only screen and (max-width:700px){
	.table tbody th,.table tbody td {padding: 8px;}
	.table tbody td {font-size: 15px;}
}
@media only screen and (max-width:640px){
	.table colgroup{}
	.table thead th{font-size: 17px; word-break:break-all;}
	.table tbody th{font-size: 17px; word-break:break-all;}
	.table.tdwb-ba td {word-break:break-all;}
	/* .table tbody th,.table tbody td {word-break:break-all;} */
	.table tbody th, .table tbody td{padding: 8px; font-size: 16px;}
	.table_scroll table{word-break:break-all;}
	.table_unit{margin-top:5px !important;}
	
	.table.type3 colgroup {display:none}
	.table.type3 thead th {display:none}
    .table.type3 tbody tr:first-child {display:none}
	.table.type3 tbody tr {display:block; padding:8px 10px; text-align:left; border-bottom:1px solid #dedede}
	.table.type3 tbody tr.notice {background:#ebf5f3}
	.table.type3 tbody td {display:inline-block; padding:3px 0; border:none; margin-right:8px; }
	.table.type3 tbody .title br {display:none}
	.table.type3 tbody .title {display:block; padding-right:0; margin-right:0; text-align:left !important;margin-bottom:4px;}
	.table.type3 tbody .title::after {display:none}
	.table.type3 tbody .nolist {display:block; padding-right:0; margin-right:0}
	.table.type3 tbody .number {display:none}
	.table.type3 tbody .status {display:none}	
	.table.type3 tbody .title .ico_bg {display:inline-block}
	
	.table.type4 colgroup {display:none}
	.table.type4 tbody tr {display:block; padding:8px 10px; text-align:left; border-bottom:1px solid #dedede}
	.table.type4 tbody td {display:block; padding:3px 0; border:none; margin-right:8px; }
	.table.type4 tbody tr td br {display:none}
	.table.type4 tbody tr td.tit {font-weight:bold}
	
    .coment_visible tbody tr:first-child{display: inline-block !important; width: 95%;}
    .dp_bl{display: block; width: 100%;}
    
    /* 게시판 날짜 */
    .date_fs{font-size: 0.8em !important;color: #777 !important; font-weight: 400 !important;}
}

/* 동의 */
.check_box {width: 100%; box-sizing: border-box; padding: 10px 15px;}
.check_box ul {padding: 0 0 20px;}
.check_box ul li{padding: 8px 0 9px; font-size:14px; color:#333; border-bottom: 1px solid #dddddd;}
.check_box ul li:first-child{ font-size:16px; color:#333; border-bottom: 1px solid #333;}
.check_box ul li.noline{border-bottom: none;}
.check_box .t_point{color:#ce4900 !important;}

/* 오른쪽 예약정보 */
.res_box_r {float: left; width: 25%; margin-left: 4%;  padding: 15px 10px 20px; box-sizing: border-box; background-color: rgba(241,241,241,1.00); border-radius: 3px; min-height: 260px;}
.res_box_r h5 {padding:0 10px; line-height: 40px;}

.res_box_r ul {padding:0 10px;}
.res_box_r ul li {padding:8px 0 9px ; margin:0 0 5px 0; /*display:table;*/ font-size:14px; color:#333; border-bottom: 1px solid #b9b9b9; position: relative;}
.res_box_r ul li .title {width:80px; display:table-cell; color:#333; font-weight:bold}
.res_box_r ul li .text {width:calc(100% - 200px); display:table-cell; color:#666666; padding-left: 10px;}
.res_box_r ul li .text2{color: #000;display: table-cell; padding-left: 10px;}
.res_box_r ul li .text:before, .res_box_r ul li .text2:before{content:":";  width:2px;  margin:0; display:inline-block; line-height: 16px; color: #333; position: absolute; left: 75px;}

@media only screen and (max-width:1000px){
	.res_box_l, .res_box_r{width: 100%}
	.res_box_r{margin-left: 0}
}
@media only screen and (max-width:640px){
	.res_box_r ul li { font-size:15px;}
}

/* 조인게시판 */
.search_bar { position: relative; margin-bottom: 12px; padding: 12px; background: #f4f4f4;  border-color: #f0f1f3; border-radius: 0; box-sizing: border-box;}

.join_gubun1{padding:6px 10px 5px; font-size:12px; line-height:11px; letter-spacing:-1px;  background: #8ee8d8; color: #000000;}
.join_gubun2{padding:6px 10px 5px; font-size:12px; line-height:11px; letter-spacing:-1px;  background: #8ab0d0; color: #000000;}
.join_gubun3{padding:6px 10px 5px; font-size:12px; line-height:11px; letter-spacing:-1px;  background: #9279cc; color: #000000;}
.join_ing{padding:6px 10px 5px; font-size:12px; line-height:11px; letter-spacing:-1px;  background: #009973; color: #fff;}
.join_ing.end{ background: #f3f3f3; color: #a5a5a5;}
.c_join{padding:6px 10px 5px; width: 40px; text-align: center; font-size:12px; line-height:11px; letter-spacing:-1px;  background: #608bf7; color: #fff;}
.c_requ{padding:6px 10px 5px; width: 40px; text-align: center; font-size:12px; line-height:11px; letter-spacing:-1px;  background: #e0a13d; color: #fff;}
.hp_input {width: 200px;height: 50px;line-height: 50px;padding: 0 20px;border: 1px solid #cccccc;display: inline-block;background-color: #fff;box-sizing: border-box;}
.c_data_group{position: relative; white-space: nowrap; display: table; max-width: 250px;}
.c_input_split {display: table-cell;width: 1%;vertical-align: middle;}
.c_input_split .c_input_item {display: inline-block;height: 42px;padding: 0 12px 2px;background-color: #f0f0f0;border: 1px solid #cdcdcd;border-radius: 0;line-height: 29px;text-align: center;font-weight: 400;vertical-align: middle;text-decoration: none;white-space: nowrap;box-sizing: border-box;}
.c_data_icon {overflow: hidden;width: 40px;border-left-color: transparent!important;background: #f0f0f0 url(../img/c_data.png) no-repeat center center;background-size: 24px 24px;font-size: 0;color: transparent;}

@media only screen and (max-width:768px){
	.text_center tr td span.board_type {padding: 5px 3px 4px 2px;font-size: 11px;line-height:11px;letter-spacing:-1px;background: #0054a6;color: #fff;}
	.join_ing {padding: 5px 3px 4px 2px;font-size: 11px;}
}
@media only screen and (max-width:640px){
	.hp_input {width: 32%;  max-width: none;}
	.j_textarea, .c_input.join_text{width: 100% !important;}
}

/* 통합예약-단체 */
.all_agree {background: #fafafa;    padding: 6px 0;    border: 1px solid #ededed;}
.all_agree .s_agree_check {padding-bottom: 0;    border-bottom: 0;}

.groupTeam .s_from {width:100%}
.groupTeam .s_from select {width:20%}
.groupTeam .s_from input {width:48%}

.groupYear {background:url(../img/groupapply_bg03.png) no-repeat 50% 100%; background-size:100%; padding-bottom:60px;}
.groupYear .text1 span {color:#00a786 !important}
.groupYear .text2 br {display:none}
.groupMonth .mb {display:none;}

@media only screen and (max-width:640px){
	.groupTeam .s_from select {width:100%}
	.groupTeam .s_from input {width:100%}
	
	.groupYear {background:none; padding-bottom:0}
	.groupYear .text2 br {display:block}
	.groupMonth .mb {display:block;}
	.groupMonth .pc {display:none;}
}

