@charset "UTF-8";

/* reservation common */
.reservation .step_cont{position:relative;}
.reservation .step_wrap{width:846px; box-sizing:border-box;}
.reservation .reservation_tab{margin-bottom:70px;}
.reservation .reservation_tab:after{content:""; display:block; clear:both;}
.reservation .reservation_tab li{float:left;}
.reservation .reservation_tab a{display:block; width:560px; height:100px; line-height:100px; font-size:26px; color:#a57432; border:1px solid #a57432; text-align:center; box-sizing:border-box; }
.reservation .reservation_tab.wait_st a{display:block; width:560px; height:100px; line-height:100px; font-size:26px; color:#4b9a4b; border:1px solid #4b9a4b; text-align:center; box-sizing:border-box; }
.reservation .reservation_tab.lot_st a{display:block; width:373px; height:100px; line-height:100px; font-size:26px; color:#a57432; border:1px solid #a57432; text-align:center; box-sizing:border-box; }
.reservation .reservation_tab.lot_st li:last-child a{border-width:1px 1px 1px 0px;}
.reservation .reservation_tab.lot_st li:first-child a{border-width:1px 0px 1px 1px;}
.reservation .reservation_tab a:hover, .reservation .reservation_tab a:focus, .reservation .reservation_tab a:active{box-shadow:5px 5px 10px 0 #949494;}
.reservation .reservation_tab li.on a{color:#fff; background-color:#a57432; border:0;}
.reservation .reservation_tab.wait_st li.on a{color:#fff; background-color:#4b9a4b; border:0;}
.reservation .reservation_tab.lot_st li.on a{color:#fff; background-color:#a57432; border:0;}
.reservation .step_top{position:relative; width:100%;}
.reservation .step_tit{display:block; margin-bottom:22px; font-size:22px;}
.reservation .step_top .comment{position:absolute; top:5px; right:0; width:auto; color:#666;}
.reservation .step_box .step_cont > div{margin-bottom:50px;}
.reservation .step_box .step_cont > div.last{margin-bottom:0;}
.reservation .step_cont_bottom{position:relative; padding:24px 45px; border-top:1px solid #ccc;}
.reservation .step_cont_bottom > div > div{margin-bottom:15px;}
.reservation .step_cont_bottom label{float:left; margin-right:9px; font-size:18px;}
.reservation .step_cont_bottom label .small_txt{font-size:14px; color:#888}
.reservation .step_cont_bottom input[type="text"]{float:left; width:120px; height:40px; padding:10px 14px; margin-right:15px; box-sizing:border-box; vertical-align:middle; border:1px solid #ccc; font-size:17px;}
.reservation .step_cont_bottom .custom_select{margin-right:10px;}
.reservation .step_cont_bottom .custom_select select{min-width:80px; min-height:40px; padding:7px 0 8px 12px; box-sizing:border-box; border:1px solid #ccc;}
.reservation .step_cont_bottom .custom_select a{min-height:40px; padding:7px 0 8px 12px;}
.reservation .step_cont_bottom .custom_select{float:left; margin-right:40px;}
.reservation .step_cont_bottom .custom_select.last_select{margin-right:0;}
.reservation .person_select{display:inline-block; vertical-align:middle; width:374px;}
.reservation .person_select fieldset{overflow:hidden; display:none; margin-bottom:15px;}
.reservation .person_select fieldset.on{display:block;}
.reservation .person_select fieldset > *{float:left; width:auto; font-size:18px;}
.reservation .person_select fieldset span{margin-left:10px;}
.reservation .person_select fieldset .radio1{margin-left:0;}
.reservation .person_select fieldset legend{position:static; width:100px; text-indent:0;}
.reservation .person_select fieldset label{float:none; color:#666;}
.reservation .person_select p{float:left; width:100%; font-size:14px; line-height:1.5em;}
.reservation .person_select > label{line-height:17px;}
.reservation .person_select .customer_area{overflow:hidden; margin-bottom:0;}
.reservation .person_select .customer_area label:first-child{width:90px;}
.form-controls{position: relative;display: inline-block;width: 100%;}
.person_select .form-controls .custom_select{width: 200px;}
.person_select .form-controls .select_txt,
.person_select .form-controls select
{width: 100%;}
.form-controls:after{content: ''; float: none; clear: both;}
.reservation .desc_area{display:inline-block; vertical-align:middle; width:350px; margin-left:25px;}
.reservation .date_select label{line-height:40px;}
.reservation .btn_reset{display:inline-block; height:40px; padding:0 10px; line-height:40px; font-size:15px; color:#fff; background-color:#999; text-align:center;}
.reservation .btn_reset:before{display:inline-block; width:20px; height:20px; margin-right:5px; background:url(/resource/images/common/ico_btn_reset.png) 0 0 no-repeat; vertical-align:middle; content:"";}
.reservation .step_box_1 .btn_zone{padding:0;}
.reservation .step_box_1 .btn_zone a{width:100%; height:70px; line-height:70px; background-color:#999; font-size:20px;}
.reservation .step_box_1 .btn_zone.on a{background-color:#a57432; animation:completePop .8s linear;}

.accommodations_register .register_memberinfo .inner_box{width:100%; padding:40px 50px; background-color:#f5f5f5; box-sizing:border-box;}
.accommodations_register .register_memberinfo .inner_box .step_tit{font-size:20px; margin-bottom:30px;}
.accommodations_register .register_memberinfo .inner_cont{position:relative; overflow:hidden;}
.accommodations_register .register_memberinfo .inner_cont:after{content:""; display:block; position:absolute; left:0; bottom:30px; width:100%; height:1px; background-color:#ddd;}
.accommodations_register .register_memberinfo .thum_area{overflow:hidden; float:left; width:300px; height:184px;}
.accommodations_register .register_memberinfo .thum_area img{width:100%;}
.accommodations_register .register_memberinfo .txt_area{float:left; width:648px; margin-left:70px; }
.accommodations_register .register_memberinfo h4{overflow:hidden; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #dcdcdc; max-height:60px; font-size:26px;}
.accommodations_register .register_memberinfo dt,.accommodations_register .register_memberinfo dd{display:inline-block; vertical-align:top;}
.accommodations_register .register_memberinfo dt{width:110px; margin-bottom:15px;}
.accommodations_register .register_memberinfo dd{width:517px;}
.accommodations_register .register_memberinfo dd .prev_price{position:relative; width:100%; padding:0 10px;font-size:20px;color:#666;}
.accommodations_register .register_memberinfo dd .prev_price:after{content:""; position:absolute; top:50%; left:0; display:block; width:100%; height:1px; margin-top:-1px; background-color:#666;}
.accommodations_register .register_memberinfo dd .after_price{margin-left:10px; color:#a57432;}
.accommodations_register .register_memberinfo .dl_list{overflow:hidden; padding-bottom:30px; margin-bottom:30px;}
.accommodations_register .register_memberinfo .dl_list dt,.register_memberinfo .dl_list dd{font-size:18px; color:#666; word-break:keep-all;}
.accommodations_register .register_memberinfo .dl_list2{border-bottom:1px solid #ccc;}
.accommodations_register .register_memberinfo .dl_list2 dt{width:160px;}
.accommodations_register .register_memberinfo .dl_list2 dd{width:464px;}
.accommodations_register .register_memberinfo .dl_list2 .package_dd{overflow:hidden;}
.accommodations_register .register_memberinfo .dl_list2 .package_dd .pacakge{float:left; width:310px;}
.accommodations_register .register_memberinfo .dl_list2 .package_dd .package_price{float:right; width:100px; color:#a57432; text-align:right;}
.accommodations_register .register_memberinfo .dl_list3 {margin-bottom:0px;padding-bottom:0px}
.accommodations_register .register_memberinfo .dl_list3 dt{width:464px;font-size:15px;color:#666;margin-top:7px;margin-bottom:0px}
.accommodations_register .register_memberinfo .dl_list3 dd{width:464px;font-size:15px;color:#666;margin-left:7px;margin-bottom:0px}
.accommodations_register .register_memberinfo .total_price {overflow:hidden;}
.accommodations_register .register_memberinfo .total_price dt{margin-bottom:0;}
.accommodations_register .register_memberinfo .total_price dd{text-align:right;}
.accommodations_register .register_memberinfo .total_price dt,.register_memberinfo .total_price dd{font-size:22px; color:#a57432;}
.accommodations_register .step_cont3 .register_memberinfo .inner_cont:after{content:""; display:none;}
.accommodations_register .step_cont3 .register_memberinfo .thum_area{width:338px; height:320px;}
.accommodations_register .step_cont3 .register_memberinfo .txt_area{width:635px; margin-left:45px;}
.accommodations_register .step_cont3 h4{padding-bottom:0; border-bottom:0;}
.accommodations_register .step_box .confirm_area{overflow:hidden; margin-bottom:50px;}
.accommodations_register .step_box .confirm_area_left{float:left; padding-top:6px;}
.accommodations_register .step_box .confirm_area_right{float:right;}
.accommodations_register .step_box .confirm_area_right a{display:inline-block; padding:10px 17px; font-size:14px; color:#999; border:1px solid #ccc;}
.accommodations_register .step_box .confirm_area_right a:first-child{margin-right:5px;}

.accommodations_register .step_box .confirm_amt_area{overflow:hidden; margin-bottom:20px;}
.accommodations_register .step_box .confirm_amt_area_left{float:left; padding-top:6px;}
.accommodations_register .step_box .confirm_amt_area_right{float:right;}
.accommodations_register .step_box .confirm_amt_area_right a{display:inline-block; padding:10px 17px; font-size:14px; color:#999; border:1px solid #ccc;}
.accommodations_register .step_box .confirm_amt_area_right a:first-child{margin-right:5px;}

.package .register_memberinfo .total_price{overflow:hidden;}
.package .register_memberinfo .total_price dt{float:left; width:200px;}
.package .register_memberinfo .total_price dd{float:right; width:auto; text-align:right;}

.calendar_wrap{overflow:hidden; padding:55px 107px 0 93px; margin-bottom:33px;}
.calendar_wrap .calendar_top_txt{font-family:"Lato"; font-weight:normal; font-size:28px; }
#calendar_1{float:left;}
#calendar_2{float:right;}
#calendar_2 .year_paging_area{text-align:right}
.year_paging_area{margin-bottom:15px;}
.btn_paging{vertical-align:middle;}
.btn_paging_prev{margin-right:30px;}
.btn_paging_next{margin-left:30px;}
.calendar td, .calendar th{width:40px; height:40px; font-size:14px; text-align:center; border:1px solid #fff;}
.calendar th{font-size:16px; color:#666;}
.calendar td:first-child , .calendar th:first-child{color:#a57432;}
.calendar td{background-color:#d3e5f4; border:1px solid #fff;}
.calendar_wrap.wait_st > .calendar_area > .calendar td{background-color:#f9f3da; border:1px solid #fff;}
.calendar_wrap.lot_st > .calendar_area > .calendar td{background-color:#f9f3da; border:1px solid #fff;}
.calendar td a{display:inline-block; vertical-align:middle; width:40px; height:40px; font-family:"Lato"; font-weight:300; font-size:18px; line-height:40px;}
.calendar td a:hover{border:2px solid #a57432; line-height:37px; box-sizing:border-box;}
.calendar td.select_day, .calendar_wrap.wait_st > .calendar_area >.calendar td.select_day{background-color:#a57432;} 
.calendar td.select_day, .calendar_wrap.lot_st > .calendar_area >.calendar td.select_day{background-color:#a57432;} 
.calendar td.select_day a{color:#fff;}
.calendar td.no_reservation{background:none;}
.calendar_wrap.wait_st > .calendar_area > .calendar td.no_reservation{background:none;}
.calendar_wrap.lot_st > .calendar_area > .calendar td.no_reservation{background:none;}
.calendar td.no_reservation a{color:#ccc;}
.calendar td.possible_checkout{background:none;background-color: rgba(0,0,0,0) !important;}
.calendar td.possible_checkout a{color:#333;}
.calendar td.weekend{background:#fff3c3;}
.calendar td.weekend a{color:#a57432;}
.calendar td.empty_td{background:#fff;}
.calendar_wrap.wait_st > .calendar_area > .calendar td.empty_td{background:none;}
.calendar_wrap.lot_st > .calendar_area > .calendar td.empty_td{background:none;}
.calendar td.sun_txt a{color:#a57432;}
.calendar_comment{padding-bottom:20px; margin-right:20px; text-align:right;}
.calendar_comment span{display:inline-block; font-size:16px; color:#666; }
.calendar_comment span:before{content:""; display:inline-block; width:10px; height:10px; margin-right:5px;}
.calendar_comment span.comment1{margin-right:25px;}
.calendar_comment span.comment1:before{background-color:#bcd7ed;}
.calendar_comment span.comment2:before{background-color:#fff3c3;}

.reservation_info{position:absolute; right:0; top:50px; width:255px;}
.reservation_info .anchor{position:absolute; left:0; top:-150px; width:1px; height:1px;}
.reservation_info .info_inner{padding:0 20px 15px; background-color:#f5f5f5}
.reservation_info .reservation_info_top{overflow:hidden; padding:20px 0;}
.reservation_info .reservation_info_top{padding:20px 0;}
.reservation_info .reservation_info_top h3{float:left; padding-top:7px; font-size:23px; font-weight:bold;}
.reservation_info .reservation_info_top.st2 h3{font-size: 22px;}
.reservation_info .reservation_info_top a{float:right; height:35px; padding:0 10px; line-height:35px; font-size:17px; color:#fff; background-color:#999; text-align:center;}
.reservation_info .reservation_info_top.st2 a{font-size: 14px;}
.reservation_info .reservation_info_top a:before{display:inline-block; width:20px; height:20px; margin-right:5px; background:url(/resource/images/common/ico_btn_reset.png) 0 0 no-repeat; vertical-align:middle; content:"";}
.reservation_info dl{padding:15px 0 13px; border-top:1px solid #dcdcdc}
.reservation_info dl dt{margin-bottom:11px; font-weight:bold; font-size:15px; color:#a57432;}
.reservation_info dl dd{overflow:hidden; margin-bottom:4px; font-size:14px;}
.reservation_info dl dd span.dd_left{float:left; width:auto; font-weight:bold;}
.reservation_info dl dd span.dd_right{float:right; width:auto; max-width:147px; text-align:right; word-break:keep-all; }
.reservation_info dl dd span.dd_right.complete{animation: completePop .8s linear;}
/* .reservation_info dl.complete span.dd_right{animation:completePop .8s linear;} */
.reservation_info dl.complete .room_img{animation:completePop .8s linear;}
.reservation_info .btn_reservation.complete{animation:completePop .8s linear;}
@keyframes completePop{
    0% {opacity:0;}
    35% {opacity:1;}
    65% {opacity:0;}
    100% {opacity:1;}
}
.reservation_info .btn_reservation{width:100%; height:70px; line-height:70px; color:#fff; font-size:20px; background-color:#a57432; text-align:center;}
.reservation_info .room_img img{width:100%;}

.reservation_comment{padding-top:30px; border-top:1px solid #ccc;}
.reservation_comment.small_type{width:846px;}
.reservation_comment strong{display:block; margin-bottom:20px; font-size:18px; font-weight:500; color:#666;}
.reservation_comment li{position:relative; padding-left:10px; margin-bottom:8px; font-size:15px; text-indent:-10px; color:#888;}
.reservation_comment li:last-child{margin-bottom:0;}
.reservation_comment .btn_more{position:absolute; right:auto; top:-8px; margin-left:10px; border:1px solid #ccc; text-indent:0;}
.reservation_comment .btn_more_area{position:absolute; right:auto; top:-8px; padding-left:10px; text-indent:0;}
.reservation_comment .btn_more_area a{margin-left:10px; border:1px solid #ccc; text-indent:0;}
.reservation_comment .btn_more_area a:hover{background-color:#ccc; transition:background-color .3s; -webkit-transition:background-color .3s;}
.reservation_comment .btn_more_area a:first-child{margin-left:0;}


/* popup */
.popup#reservationPopup h3{height:90px; line-height:90px; font-size:25px; color:#fff; background-color:#a57432; text-align:center; }
.popup#reservationPopup .pop_cont{padding:50px 83px 60px; background-color:#fff; box-sizing:border-box;}
.popup#reservationPopup .pop_cont > ul > li{margin-bottom:30px;}
.popup#reservationPopup h4{margin-bottom:14px; font-size:18px;}
.popup#reservationPopup h5{margin-bottom:20px; font-size:16px; font-weight:bold;}
.popup#reservationPopup h6{margin-bottom:12px; font-size:15px; font-weight:bold;}
.popup#reservationPopup li > table{width:100%; border-top:1px solid #ccc;}
.popup#reservationPopup li > table th{width:130px; background-color:#f2f2f2; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
.popup#reservationPopup li > table td{width:237px; padding:18px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; color:#a57432;}
.popup#reservationPopup .terms{overflow-y:auto; width:682px; padding:25px; height:200px; border:1px solid #ccc;}
.popup#reservationPopup .terms .terms_inner{margin-bottom:35px;}
.popup#reservationPopup .terms .terms_inner.last{margin-bottom:0;}
.popup#reservationPopup .terms .terms_text{margin-bottom:15px; padding-left:20px;}
.popup#reservationPopup .terms table{width:665px; margin-left:-20px; border-top:1px solid #ccc;}
.popup#reservationPopup .terms table th{padding:5px 10px; background-color:#f2f2f2; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center; }
.popup#reservationPopup .terms table td{padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; text-align:center; color:#a57432;}
.popup#reservationPopup .terms table td:first-child{border-left:1px solid #ccc;}
.popup#reservationPopup .terms_text ul{margin-bottom:20px;}
.popup#reservationPopup .terms_text li{margin-bottom:4px; padding-left:10px; text-indent:-10px;}
.popup#reservationPopup .terms_text li:last-child{margin-bottom:0;}
.popup#reservationPopup .confirm_area{overflow:hidden; margin-bottom:50px;}
.popup#reservationPopup .confirm_area .confirm_area_left{float:left; padding-top:6px;}
.popup#reservationPopup .confirm_area .confirm_area_right{float:right;}
.popup#reservationPopup .confirm_area .confirm_area_right a{display:inline-block; padding:10px 17px; font-size:14px; color:#999; border:1px solid #ccc;}
.popup#reservationPopup .confirm_area .confirm_area_right a:first-child{margin-right:5px;}
.popup#reservationPopup .ask_txt{font-size:20px; font-weight:bold; text-align:center;}

.popup#packagePopup h3{height:90px; line-height:90px; font-size:25px; color:#fff; background-color:#a57432; text-align:center;}
.popup#packagePopup .popup_cont img{width:100%;}
.popup#packagePopup .btn_close_roomInfopopup{position:absolute; right:-50px; top:0;}

.popup#roomInfoPopup{background-color:#fff;}
.popup#roomInfoPopup .popup_top{padding:0 40px;}
.popup#roomInfoPopup .popup_top .popup_tit_area{overflow:hidden; padding:50px 0 30px; margin-bottom:50px; border-bottom:1px solid #a57432;}
.popup#roomInfoPopup .popup_top .popup_tit_area .popup_left_area{float:left; max-width:488px; padding-top:12px;}
.popup#roomInfoPopup .popup_top .popup_left_area h3{font-size:24px;}
.popup#roomInfoPopup .popup_top .popup_left_area h3 .eng_txt{color:#666; font-weight:300;}
.popup#roomInfoPopup .popup_top .popup_left_area h3 .kor_txt{font-weight:bold;}
.popup#roomInfoPopup .popup_top .popup_left_area p{padding-top:10px;}
.popup#roomInfoPopup .popup_top .popup_tit_area .popup_btn_area{overflow:hidden; float:right; width:auto;}
.popup#roomInfoPopup .popup_top .popup_btn_area a{float:left; font-size:16px;}
.popup#roomInfoPopup .popup_top .popup_btn_area a:first-child{border-right:0;}
.popup#roomInfoPopup .popup_top .popup_btn_area a.on{color:#fff; background-color:#a57432;}
.popup#roomInfoPopup .popup_top .cont_box_wrap{overflow:hidden; padding-left:38px; font-size:17px;}
.popup#roomInfoPopup .popup_top .cont_box{overflow:hidden;}
.popup#roomInfoPopup .popup_top .cont_box_left{float:left; margin-right:20px;}
.popup#roomInfoPopup .popup_top .cont_box_right{float:left;}
.popup#roomInfoPopup .popup_top .cont_box_right .cont_box1{margin-bottom:22px;}
.popup#roomInfoPopup .popup_top .cont_box .popup_cont_tit{float:left; margin-right:30px; font-weight:bold;}
.popup#roomInfoPopup .popup_top .cont_box .popup_cont{float:left;}
.popup#roomInfoPopup .popup_top .cont_box .popup_cont span{display:block;  color:#666;}
.popup#roomInfoPopup .swiper_area{overflow:hidden; position:relative; width:100%; background-color:#fff;}
.popup#roomInfoPopup .swiper_area .swiper-slide img{max-width:100%;}
.popup#roomInfoPopup .swiper-container.hidden{display:none;}
.popup#roomInfoPopup .swiper-container-1{padding-top:50px;}
.popup#roomInfoPopup .swiper-container-2 .swiper-slide{text-align:center;}
.popup#roomInfoPopup .swiper-button-next{right:0; width:52px; height:52px; background-image:url(/resource/images/sub/swipe_btn_next.png); background-size:100%;}
.popup#roomInfoPopup .swiper-button-prev{left:0; width:52px; height:52px; background-image:url(/resource/images/sub/swipe_btn_prev.png); background-size:100%;}
.popup#roomInfoPopup .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width:10px; height:10px; margin:0 7px; border:1px solid #ccc; box-sizing:border-box; background:none; opacity:.8;}
.popup#roomInfoPopup .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}
.popup#roomInfoPopup .btn_close_roomInfopopup{position:absolute; right:-50px; top:0;}

#roomCheckPop{display:block; width:440px; top:50%; margin-bottom:0; margin-left:-220px; padding:70px 0; transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color:#fff; border:1px solid #a57432;}
#roomCheckPop p{padding:0 20px; font-size:22px; line-height:1.1em; word-break:keep-all; word-wrap:break-word; text-align:center; color:#333; }
#roomCheckPop .pop_txt1{margin-bottom:42px;}
#roomCheckPop .pop_txt2{color:#a57432;}

/* accommodations */
.reservation .btn_prev_ico:before{content:""; display:inline-block; width:8px; height:10px; margin-right:10px; background:url(/resource/images/common/ico_step_prev_w.png) 0 0 no-repeat;}
.reservation .btn_next_ico:after{content:""; display:inline-block; width:8px; height:10px; margin-left:10px; background:url(/resource/images/common/ico_step_next.png) 0 0 no-repeat;}

/* accommodations_day */
.accommodations_day .step_box_1 .step_form{border:1px solid #ccc;}

/* accommodations_roomtype */
.reservation .accommodations_roomtype .step_tit{margin-bottom:45px;}
.accommodations_roomtype .step_wrap h3{font-size:20px; margin-bottom:18px;}
.accommodations_roomtype .tab_list{margin-bottom:15px;}
.accommodations_roomtype .tab_list:after{content:""; display:block; clear:both;}
.accommodations_roomtype .tab_list li{float:left; margin-left:16px; }
.accommodations_roomtype .tab_list li:first-child{margin-left:0; }
.accommodations_roomtype .tab_list li a:hover, .accommodations_roomtype .tab_list li a:active, .accommodations_roomtype .tab_list li a:focus{box-shadow:5px 5px 10px 0 #949494;}
.accommodations_roomtype .tab_list li.on a{color:#fff; background-color:#a57432; border:0;}
.accommodations_roomtype .tab_list li .wid1{display:block; width:850px; height:70px; line-height:70px; color:#999; font-size:18px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
.accommodations_roomtype .tab_list li .wid2{display:block; width:415px; height:70px; line-height:70px; color:#999; font-size:18px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
.accommodations_roomtype .tab_list li .wid3{display:block; width:271px; height:70px; line-height:70px; color:#999; font-size:18px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
.accommodations_roomtype .tab_list li .wid4{display:block; width:199px; height:70px; line-height:70px; color:#999; font-size:18px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}

.accommodations_roomtype .room_type_list li{position:relative; width:100%; height:186px; margin-bottom:20px; padding:35px 35px 35px 335px; border:1px solid #ccc; box-sizing:border-box;}
.accommodations_roomtype .room_type_list li.on{border:2px solid #a57432;}
.accommodations_roomtype .room_type_list li:last-child{margin-bottom:0;}
.accommodations_roomtype .room_type_list.nodata li{display:table; height:186px; padding:0; background:url(/resource/images/reservation/nodata_bg1.png) center 0 repeat-x; border:0 none; text-align:center; color:#999999;}
.accommodations_roomtype .room_type_list.nodata li span{display:table-cell; width:100%; vertical-align:middle; text-align:center; line-height:1.2em;}
.accommodations_roomtype .room_type_list li .img_area{overflow:hidden; display:block; position:absolute; left:0; top:0; width:300px; height:184px; background-color:#000;}
.accommodations_roomtype .room_type_list li .img_area img{overflow:hidden; width:100%; height:184px;}
.accommodations_roomtype .room_type_list li.on .img_area{height:182px;}
.accommodations_roomtype .room_type_list li .img_area:after{display:block; position:absolute; right:21px; bottom:12px; color:#fff; content:"+ 자세히보기";}

.accommodations_roomtype .room_type_list li .img_area2{overflow:hidden; display:block; position:absolute; left:0; top:0; width:300px; height:184px; background-color:#000;}
.accommodations_roomtype .room_type_list li .img_area2 img{overflow:hidden; width:100%; height:184px;}
.accommodations_roomtype .room_type_list li.on .img_area2{height:182px;}


.accommodations_roomtype .room_type_list li > div{position:relative; height:100%; box-sizing:border-box;}
.accommodations_roomtype .room_type_list .room_tit{display:block; margin-bottom:5px; font-size:22px;}
.accommodations_roomtype .room_type_list p{overflow:hidden; margin-bottom:19px; width:340px; height:42px; word-break:break-all; word-wrap:break-word; color:#999;}
.accommodations_roomtype .step_wrap_2 .room_type_list p{height:61px; margin-bottom:0; color:#999;}
.accommodations_roomtype .room_type_list .room_standard{color:#666;}
.accommodations_roomtype .room_type_list .btn_select{position:absolute; right:0; bottom:0; height:40px; line-height:40px; padding:0 28px; border:1px solid #a57432; color:#a57432; text-align:center;}
.accommodations_roomtype .room_type_list .btn_select:hover{background-color:#a57432; color:#fff; transition:background-color .3s; -webkit-transition:background-color .3s;}

.accommodations_roomtype .room_type_list .btn_select2{position:relative; right:0; bottom:0; height:40px; line-height:40px; padding:0 10px; border:1px solid #a57432; color:#a57432; text-align:center; margin-left: 3px;}
.accommodations_roomtype .room_type_list .btn_select2.on{background-color:#a57432; color:#fff; transition:background-color .3s; -webkit-transition:background-color .3s;}
.accommodations_roomtype .room_type_list .btn_select2:hover{background-color:#a57432; color:#fff; transition:background-color .3s; -webkit-transition:background-color .3s;}


.accommodations_roomtype .room_type_list li.on .btn_select{color:#fff; background-color:#a57432; }
.accommodations_roomtype .reservation_info .room_img{display:none;}
.accommodations_roomtype .reservation_info .btn_reservation{display:none;}
.accommodations_roomtype .reservation_info.on .btn_reservation{display:block;}
.accommodations_roomtype .reservation_info.on .room_img{display:block;}
.accommodations_roomtype .reservation_info dl dd span.dd_right span{display:block;}
.accommodations_roomtype .reservation_info dl.sum dt{margin-bottom:8px;}
.accommodations_roomtype .reservation_info dl.sum dd{font-size:14px; text-align:right;}
.accommodations_roomtype .reservation_info dd .prev_price{position:relative; width:100%;}
.accommodations_roomtype .reservation_info dd .prev_price:after{content:""; position:absolute; top:50%; left:0; display:block; width:100%; height:1px; margin-top:-1px; background-color:#666;}

.accommodations_roomtype .reservation_info dl.sum .before span{display:inline-block; padding:0 10px; text-decoration:line-through; color:#666;}
.accommodations_roomtype .reservation_info dl.sum .after strong{display:inline-block; margin-right:5px;}

/* accommodations_register */
.accommodations_register .step_cont2 .step_wrap, .accommodations_register .step_cont3 .step_wrap{width:100%;}
.accommodations_register .step_form{padding:35px 50px; border:1px solid #ccc;}
.accommodations_register .form_table th{padding-top:20px; font-size:16px;}
.accommodations_register .form_table td input[type="text"],.accommodations_register .form_table td input[type="password"]{font-size:15px;}
.accommodations_register .form_table td.txt_td{padding:22px 0 23px; color:#999;}
.accommodations_register .form_table td .btn_membersame{display:inline-block; width:196px; height:46px; padding:13px 15px 12px;  margin-left:20px; font-size:14px; border:1px solid #e7e7e7; vertical-align:middle; box-sizing:border-box;}
.accommodations_register .form_table td .btn_membersame input[type="checkbox"]{margin-right:8px; vertical-align:middle;}
.accommodations_register .form_table td .btn_membersame.on{color:#fff; background-color:#a57432;}
.accommodations_register .form_table td .btn_membersame.on input[type="checkbox"]{position:absolute; left:-9999px; width:0; height:0;}
.accommodations_register .form_table td .btn_membersame.on label:before{content:""; display:inline-block; width:9px; height:8px; margin-right:12px; background-image:url(/resource/images/sub/btn_membersame_chk_ico.png);}
.accommodations_register .form_table td.personnel_area input{width:433px;}


/* golf */

/* golf_day */
.golf_day .step_box_1 .step_form{border:1px solid #ccc;}

/* golf_weekday_course */
.golf_weekday_course .top_area{overflow:hidden;}
.golf_weekday_course .top_area .notice_txt{float:left; width:500px;}
.golf_weekday_course .time_type_list{overflow:hidden; float:right; width:300px; margin-bottom:25px; text-align:right;}
.golf_weekday_course .time_type_list li{display:inline-block; border-left:1px solid #ccc;}
.golf_weekday_course .time_type_list li:first-child{border-left:0;}
.golf_weekday_course .time_type_list li.on a{color:#a57432;}
.golf_weekday_course .time_type_list li a{padding:0 25px;}
.golf_weekday_course .course_area{overflow:hidden; width:845px; border:1px solid #dcdcdc;}
.golf_weekday_course .course_area .course_inner{float:left; width:281.6px;}
.golf_weekday_course .course_area .course_inner.legend{float:left; width:169px;}
.golf_weekday_course .course_inner h4{width:100%; padding:18px 0; line-height:1.2em; text-align:center; font-size:18px; color:#666; background:#f5f5f5;}
.golf_weekday_course .course_area .course_inner.on h4{color:#a57432;}
.golf_weekday_course .course_inner li.on a{background-color:#a57432; color:#fff;}
.golf_weekday_course .course_inner li{width:100%; height:58px; line-height:58px; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}
.golf_weekday_course .course_inner li.self {background-color:#fff3c3;}
.golf_weekday_course .course_inner li.night {background-color:#d3e5f4;}
.golf_weekday_course .course_inner li a{display:block; width:100%; text-align:center; }
.golf_weekday_course .course_inner li a:hover, .golf_weekday_course .course_inner li a:focus, .golf_weekday_course .course_inner li a:active{color:#a57432;}
.golf_weekday_course .course_inner li.on a:hover, .golf_weekday_course .course_inner li.on a:focus, .golf_weekday_course .course_inner li.on a:active{color:#fff;}
.golf_weekday_course .course_inner:first-child li a{border-left:0;}

/* golf_weekend_coures */
.golf_weekend_coures .step_tit{overflow:hidden;}
.golf_weekend_coures .step_tit .tit_comment{float:right; padding-top:10px; font-size:12px; color:#999;}
.golf_weekend_coures .step_tit .tit_comment:before{content:"*"; display:inline-block; color:#050504;}
.golf_weekend_coures .step_box_2 .step_form{padding:35px 50px; border:1px solid #ccc;}
.golf_weekend_coures .step_box_2 table.form_table td input.w289{width:289px;}
.golf_weekend_coures .step_box_2 table.form_table td select.w289{width:289px;}
.golf_weekend_coures .step_box_2 table.form_table td textarea{width:646px; padding:15px; box-sizing:border-box; resize:none}
.golf_weekend_coures .btn_reservation{display:block;}

.reservation .guide .tab_inner .tab_cont{display:none;}
.reservation .guide .tab_inner .tab_cont.on{display:block;}
.reservation .guide .tab_inner .cont_inner2{position:relative;}
.reservation .guide .tab_inner .cont_inner2 .anchor_pos{position:absolute; left:0; top:-70px;}
.reservation .guide h3{height:70px; line-height:70px; margin-bottom:50px; color:#fff; font-size:25px; background-color:#a57432; text-align:center;}
.reservation .guide .guide_txt1{margin-bottom:40px; font-size:18px; color:#a57432; text-align:center;}
.reservation .guide h4{margin-bottom:10px; font-size:20px; font-weight:bold;}
.reservation .guide .tit_type1{overflow:hidden; margin-bottom:10px;}
.reservation .guide .tit_type1 h4{display:inline-block; margin-bottom:0; vertical-align:top;}
.reservation .guide .tit_type1 .desc{display:inline-block;  margin-left:10px; vertical-align:middle; color:#e40000;}
.reservation .guide ol{overflow:hidden; width:781px; margin:0 auto 90px;}
.reservation .guide ol.list3{width:571px;}
.reservation .guide ol li{position:relative; float:left; width:151px; height:90px; line-height:90px; margin-right:59px; color:#a57432; border:1px solid #a57432; text-align:center; box-sizing:border-box;}
.reservation .guide ol li:before{content:""; position:absolute; right:-36px; top:40px; display:block; width:6px; height:9px; background-image:url(/resource/images/sub/step_arrow_ico.png);}
.reservation .guide ol li:first-child{margin-left:0;}
.reservation .guide ol li.guide_last_list{margin-right:0;}
.reservation .guide ol li.guide_last_list:before{content:""; display:none;}

.reservation .guide .table_list > li{margin-bottom:70px;}
.reservation .guide .table_list > li .desc_txt1{padding-top:20px;}
.reservation .guide .table_tit{overflow:hidden; margin-bottom:10px;}
.reservation .guide .table_tit h4, .reservation .guide .table_tit .tit_desc{display:inline-block; vertical-align:middle;}
.reservation .guide .table_tit .tit_desc{margin-left:10px; color:#e40e0e;}
.reservation .guide .info_table{width:100%; border-top:1px solid #a57432;}
.reservation .guide .info_table th , .info_table td{text-align:center; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.reservation .guide .info_table tr th:first-child , .info_table tr td:first-child{border-left:0;}
.reservation .guide .info_table tr .rowspan_cell{border-left:1px solid #d2d2d2 !important;}

.reservation .guide .info_table th{padding:13px 0 14px; }
.reservation .guide .info_table td{padding:24px 5px; color:#666;}
.reservation .guide .question_info_box{padding:40px 0; border:1px solid #ccc;}
.reservation .guide .question_info_box1{margin-bottom:120px}
.reservation .guide .question_info_box p{text-align:center;}
.reservation .guide .question_info_box p:first-child{margin-bottom:22px;}

.reservation .guide .question_info_box p.reservation_call span{font-weight:bold; font-size:20px}
.reservation .guide .question_info_box p.reservation_call span.point_txt{display:inline-block; margin-left:15px; font-weight:500}
.reservation .guide .info_table2 td{padding:26px 0 20px 50px; text-align:left;}
.reservation .guide .info_table2 td ul li{margin-bottom:6px;}
.reservation .guide .info_table2 th{color:#666;}
.reservation .guide .info_table + .desc{margin-top:10px; color:#a57432}

.reservation .guide .reservation_info_area .txt_area{display:table; width:100%; border-top:1px solid #a57432; border-bottom:1px solid #a57432;}
.reservation .guide .reservation_info_area .txt_area p{display:table-cell; padding:40px; vertical-align:middle;}
.reservation .guide .reservation_info_area .txt_area:before{display:table-cell; width:195px; height:44px; background:url(/resource/images/reservation/info_icon1.png) center center no-repeat; content:"";}


/* package */
/*
.package .content{width:100%; padding-top:40px;}
.package .content .sec_inner{width:1120px; margin:0 auto;}
.package .sec_tit{margin-bottom:70px;}
.package .sec_tit h3{width:100%; height:80px; font-size:26px; line-height:80px; text-align:center; background-color:#a57432; color:#fff;}


.package .step_wrap{width:100%;}
.package .step_box{position:relative;}
.package .step_box .reservation_info{top:0;}


.package .step_wrap1 .step_form{border:1px solid #ccc;}
//
.package .step_wrap1 .step_cont_top{border-bottom:1px solid #ccc;}
.package .step_wrap1 .step_cont_bottom{overflow:hidden; position:relative; }
.package .step_wrap1 .step_cont_bottom:after{content:""; display:block; position:absolute; left:483.61px; top:0; width:1px; height:100%; background-color:#ccc;}
.package .step_wrap1 .step_cont_bottom > div{overflow:hidden; padding:27px 0 27px 18px;}
.package .step_wrap1 .step_cont_bottom > div > div{margin-bottom:15px;}
.package .step_wrap1 .step_cont_bottom .date_select{float:left; width:467px;}
.package .step_wrap1 .step_cont_bottom .person_select{float:left; width:340px;}
.package .step_wrap1 .step_cont_bottom label{float:left; margin-right:9px; font-size:18px;}
.package .step_wrap1 .step_cont_bottom label .small_txt{font-size:14px; color:#888}
.package .step_wrap1 .step_cont_bottom input[type="text"]{float:left; width:120px; height:40px; padding:10px 14px; margin-right:15px; box-sizing:border-box; vertical-align:middle; border:1px solid #ccc; font-size:17px;}

//

.package .tab_list{overflow:hidden; margin-bottom:15px;}
.package .tab_list li{float:left; margin-left:16px; }
.package .tab_list li:first-child{margin-left:0; }
.package .tab_list li.on a{color:#fff; background-color:#a57432; border:0;}
.package .tab_list li .wid1{display:block; width:850px; height:70px; line-height:70px; color:#999; font-size:18px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
.package .tab_list li .wid2{display:block; width:415px; height:70px; line-height:70px; color:#999; font-size:18px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
.package .tab_list li .wid3{display:block; width:271px; height:70px; line-height:70px; color:#999; font-size:18px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
.package .pannel{display:none}
.package .pannel.on{display:block}
.package .pannel p{padding:22px 25px; font-size:16px; border:1px solid #ccc; }
.package .pannel p span{display:inline-block; margin-right:20px;}
.package .room_type_list li{position:relative; width:100%; height:186px; margin-bottom:20px; padding:50px 35px 50px 335px; border:1px solid #ccc; box-sizing:border-box;}
.package .room_type_list li.on{border:2px solid #a57432;}
.package .room_type_list li:last-child{margin-bottom:0;}
.package .room_type_list li .img_area{overflow:hidden; display:block; position:absolute; left:0; top:0; width:300px; height:184px; background-color:#000;}
.package .room_type_list li .img_area img{overflow:hidden; width:100%; height:184px;}
.package .room_type_list li.on .img_area{height:182px;}
.package .room_type_list li .img_area:after{display:block; position:absolute; right:21px; bottom:12px; color:#fff; content:"+ 자세히보기";}
.package .room_type_list li > div{position:relative; box-sizing:border-box;}
.package .room_type_list .room_tit{display:block; margin-bottom:16px; font-size:22px; line-height:1.2em;}
.package .room_type_list p{overflow:hidden; font-size:18px; color:#a57432;}
.package .room_type_list .room_standard{color:#666;}
.package .room_type_list .btn_select{position:absolute; right:0; bottom:0; height:40px; line-height:40px; padding:0 28px; border:1px solid #a57432; color:#a57432; text-align:center;}
.package .room_type_list li.on .btn_select{color:#fff; background-color:#a57432; }
.package .reservation_info .room_img{display:none;}
.package .reservation_info.on .room_img{display:block;}

/* package 공통 ico
.package .bottom_wrap{width:100%; padding:70px 0 150px; background-color:#f2f2f2;}
.package .bottom_wrap .special_area{position:relative; width:1246px; margin:0 auto;}
.package .special_area .list_ico{overflow:hidden; display:block; position:absolute; left:0; top:0; width:53px; height:62px; text-align:center; 
background-position:0 0; background-repeat:no-repeat;}
.package .special_area .list_ico span{display:block; padding-top:20px; font-size:15px; font-style:normal; line-height:100%; color:#fff;}
.package .special_area .list_event{background-image:url(/resource/images/event/event_ico.png);} /*  이벤트  
.package .special_area .list_package{background-image:url(/resource/images/event/package_ico.png);} /* 패키지 
.package .special_area .swiper-container{width:1074px;}
.package .special_area .swiper-slide{overflow:hidden; width:338px; height:430px;}
.package .special_area .swiper-slide img{width:338px; height:320px; margin-bottom:20px;}
.package .special_area .swiper-button-prev, 
.package .special_area .swiper-button-next{display:block; width:13px; height:26px; top:195px; background-size:100% auto; 
background-repeat:no-repeat; background-position:0 0;}
.package .special_area .swiper-button-prev{left:0; background-image:url(/resource/images/common/btn_prev_g.png);}
.package .special_area .swiper-button-next{right:0; background-image:url(/resource/images/common/btn_next_g.png);}


.package_day .content{margin:0 auto 0;}
.package_day .step_wrap{width:846px;}
.package_day .step_box .step_cont{width:846px;}
.package_day .package_info{overflow:hidden;}
.package_day .package_info .thum_area{overflow:hidden; float:left; width:338px; height:320px;}
.package_day .package_info .txt_area{float:left; width:408px; height:295px; padding:25px 50px 0; background-color:#f5f5f5;}
.package_day .package_info h4{overflow:hidden; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #dcdcdc; max-height:60px; font-size:26px;}
.package_day .package_info h4 span{display:block; margin-bottom:5px; font-size:20px; color:#a57432;}
.package_day .package_info .txt_inner{}
.package_day .package_info .txt_inner dl{}
.package_day .package_info .txt_inner dl{margin-bottom:20px;}
.package_day .package_info .txt_inner dt,.package_day .package_info .txt_inner dd{font-size:15px; line-height:1.2em;}
.package_day .package_info .txt_inner dd{padding-top:8px; color:#667;}
.package_day .total_price{overflow:hidden;}
.package_day .total_price dt{float:left; width:60px;}
.package_day .total_price dd{float:right; width:auto;}
.package_day .reservation_info .btn_area{padding:0;}
.package_day .next_btn{font-size:20px; height:65px; line-height:65px;}


.package_register .step_wrap1 .step_form{width:100%; padding:40px 45px; border:1px solid #ddd; box-sizing:border-box;}
.package_register .step_wrap2 .step_form{position:relative; width:1080px; padding:20px; min-height:240px; background-color:#e5e5e5;}
.package_register .step_wrap2 .btn_wrap{position:absolute; right:20px; bottom:20px; width:auto;} 

.package_register .register_memberinfo .inner_box{width:100%; padding:40px 50px; background-color:#f5f5f5; box-sizing:border-box;}
.package_register .register_memberinfo .inner_box .step_tit{font-size:20px; margin-bottom:30px;}
.package_register .register_memberinfo .inner_cont{position:relative; overflow:hidden;}
.package_register .register_memberinfo .inner_cont:after{content:""; display:block; position:absolute; left:0; bottom:61px; width:100%; height:1px; background-color:#ddd;}
.package_register .register_memberinfo .thum_area{overflow:hidden; float:left; width:300px; height:184px;}
.package_register .register_memberinfo .txt_area{float:left; width:648px; margin-left:70px; }
.package_register .register_memberinfo h4{overflow:hidden; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #dcdcdc; max-height:60px; font-size:26px;}
.package_register .register_memberinfo dt,.package_register .register_memberinfo dd{display:inline-block; vertical-align:top;}
.package_register .register_memberinfo dt{width:160px;}
.package_register .register_memberinfo dd{width:465px;}
.package_register .register_memberinfo .dl_list{overflow:hidden; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.package_register .register_memberinfo .dl_list dt{width:160px; margin-bottom:15px;}
.package_register .register_memberinfo .dl_list dd{width:465px;}
.package_register .register_memberinfo .dl_list dt,.register_memberinfo .dl_list dd{font-size:18px; color:#666;}
.package_register .register_memberinfo .dl_list .dd1 p{margin-bottom:7px;}
.package_register .register_memberinfo .dl_list .dd1 p:last-child{margin-bottom:0;}
.package_register .register_memberinfo .total_price {overflow:hidden;}
.package_register .register_memberinfo .total_price dt,.register_memberinfo .total_price dd{font-size:22px; color:#a57432;}


.package_register .register_memberinfo .thum_area{width:338px; height:320px;}
.package_register .register_memberinfo .txt_area{width:632px; margin-left:50px;}

.accommodations_register .step_wrap2 .step_form{width:100%; min-height:240px; background-color:#e5e5e5;}
 */
 
.timelist_comment{padding-bottom:20px; margin-right:20px; text-align:right;}
.timelist_comment span{display:inline-block; font-size:16px; color:#666; }
.timelist_comment span:before{content:"";position: relative;display:inline-block;width:18px;height:18px;margin-right:5px;top: 3px;}
.timelist_comment span.comment1{margin-right:25px;}
.timelist_comment span.comment1:before{background-color:#bcd7ed;}
.timelist_comment span.comment2:before{background-color:#fff3c3;}
.timelist_comment span.comment3:before{background-color:#d3e5f4;}

.wait_bg{color: #fff; background-color: #4b9a4b !important; border: 0;}
.lot_bg{color: #fff; background-color: #7cb3ca !important; border: 0;}
/*잔여예약*/
.room_info{position:relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin:0px 0px 100px;padding: 36px;border-top: 1px solid #a57432;border-bottom: 1px solid #ccc;}
.room_info > .inner:nth-child(1){position: relative;width: 30%;}
.room_info > .inner:nth-child(2){position: relative;width: 70%;}
.room_info > .inner > .tit_area{position: relative;display:block;width:auto;padding: 0px 0px 0px 14px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.room_info > .inner > .tit_area h3{font-size:15px;color: #333;float: none;}
.room_info > .inner > .tit_area h3:before{display:inline-block; width:50px; height:50px; transform:translateY(35%); margin-right:11px; background:url('../images/etc/ico_room.png'); vertical-align:bottom; content:'';}
.room_info > .inner:nth-child(2) > ul > li{line-height:2;padding-left: 20px;text-indent: -15px;margin: 0px 0px 16px;}
.room_info > .inner:nth-child(2) > ul > li:before{content:'-';margin-right:10px;}
.room_info > .inner:nth-child(2) > ul > li > .day_info{position: relative;display:block;width: 100%;text-indent: 0px;}
.room_info > .inner:nth-child(2) > ul > li > .day_info strong{font-weight:bold;margin: 0px 2px;}
.room_info > .inner > table th{height: auto;padding: 0;line-height: 3;background: #f5f5f5;font-size: 15px;font-weight: normal;}
.room_info > .inner > table td{height: auto;padding: 0;line-height: 3;font-size: 15px;font-weight: normal;}
.room_info table{width:100%; border-top:1px solid #a57432;}
.room_info table th{padding:18px 0; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.room_info table td{height:72px; padding:17px 0; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc; box-sizing:border-box;}
.room_info table tr td:first-child{border-left:0;}
.room_info table tr th:first-child{border-left:0;}
.room_info table tr td a{display:inline-block; width:70px; height:35px; padding:0 5px; line-height:35px; font-size:14px; text-align:center; border:1px solid #ccc;}
.room_info table tr td a:hover{transition:background-color .3s; -webkit-transition:background-color .3s;}
.room_info table tr td a.cancelable{width:75px; padding:0; border-color:#a57432; color:#a57432;}
.room_info table tr td a.cancelable:hover{background-color:#a57432; border-color:#a57432; color:#fff;}
.room_info table tr td a.book_guide_btn{overflow:hidden; display:inline-block; width:21px; height:21px; padding:0; margin-left:5px; background:url(/resource/images/etc/guide_btn_bg.png) 0 0 no-repeat; border:0 none; line-height:0; vertical-align:middle; text-indent:-9999px;}
.room_info table tr td.complete , .mypage table tr td.accepting{color:#a57432;}

.course_info table{width: 845px; border-top:1px solid #a57432;}
.course_info table th{
    padding:18px 0;
    text-align:center;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    background: #f5f5f5;
    font-size: 18px;
    font-weight: 700;
}
.course_info table td{padding:17px 0; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc; box-sizing:border-box;}
.course_info table tr td:first-child{border-left:0;}
.course_info table tr th:first-child{border-left:0;}
.course_info .arw{
    display: inline-block;
    width: 6px;
    height: 11px;
    margin: 0 8px;
    background-image: url(/resource/images/common/link_arrow_bu.png);
    background-position: -6px 0;
    background-repeat: no-repeat;
}
.course_info .date_1{
    display: inline-block;
    background: #795548;
    color: #fff;
    margin: 0 0 0 6px;
    padding: 0 6px;
    border-radius: 3px;
    font-size: 13px;
}
.course_info .date_2{
    display: inline-block;
    background: #607d8b;
    color: #fff;
    margin: 0 0 0 6px;
    padding: 0 6px;
    border-radius: 3px;
    font-size: 13px;
}
.course_info .in:after{
    content: 'IN';
    position: relative;
    display: inline-block;
    top: -1px;
    border: 1px solid rgb(14, 203, 129);
    color: rgb(14, 203, 129);
    margin: 0 0 0 2px;
    padding: 0 3px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
}
.course_info .out:after{
    content: 'OUT';
    position: relative;
    display: inline-block;
    top: -1px;
    border: 1px solid rgb(246, 70, 93);
    color: rgb(246, 70, 93);
    margin: 0 0 0 2px;
    padding: 0 3px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
}
.f_red{color: rgb(246, 70, 93);}


.bookgAmtInfo1{color: #a57432;font-size: 15px;}
.bookgAmtInfo2{color: #C77A5E}