/* ¿¹¾à/¿ä±Ý¾È³» */

.red {color:red;}
li.red {color:red !important;}
span.red {color:red !important;}
.black {color:#000; font-weight:500;}

.reat h3 {margin-bottom: 20px;  font-size: 20px; font-weight: 500;}
.reat_inner {width: 100%; padding: 60px 25px; border: 1px solid #ccc; border-top: 2px solid #f68b1e; box-sizing: border-box; font-size: 22px; color: #404040; font-weight: 500; margin-bottom: 30px; }

.reat_inner a {font-size: 22px; padding-left: 5px; font-weight: 500; color: #000;}
.reat_inner02 {width: 100%; padding: 30px; border: 1px solid #ccc; border-top: 2px solid #f68b1e; box-sizing: border-box; font-size: 18px; color: #000; font-weight: 500; margin-top: 30px;}
.reat_inner02 ul li {font-size:18px; font-weight:600; position:relative; padding-left:10px; color:#222;}
.reat_inner02 ul li:before {content:''; width:5px; height:5px; background:#f68b1e; position:absolute; left:0; top:7px;}
.reat_inner02 ul li p {padding-left:10px;}
.reat_inner p, .reat_inner02 p {padding-top: 10px;}

.reat ul li {font-size: 15px; color: #555; padding-bottom: 10px; line-height:1.7; }
.reat ul li > strong {color:#2a99f2;}







.reat ul li.star {color: #f68b1e; font-weight: 500;}
#user_guide {margin-top: 20px;}
#user_guide h2 {margin-bottom: 20px; font-size:24px;}
#user_guide p {word-break:keep-all;margin-bottom: 10px; }
.reat .hm_tab {width: 100%; border-top: 2px solid #f68b1e; }
.reat .hm_tab th {background: #f9f9f9; color: #000; font-size: 15px; font-weight: 400; padding: 15px; border-left: 1px solid #ccc;  border-bottom: 1px solid #ccc; vertical-align: middle;  text-align: center;}
.reat .hm_tab th:first-child {border-left: 0; }
.reat .hm_tab td {word-break: keep-all; font-size: 16px; font-weight: 400; color: #555555; padding: 10px 10px; border-bottom: 1px solid #ccc; vertical-align: middle; text-align: center;border-left: 1px solid #ccc; }
.reat .hm_tab td:first-child {border-left: 0; }
.reat .hm_tab td input {background: #f9f9f9; border: 1px solid #ddd; box-sizing: border-box; color: #555; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 5px; margin-right: 7px;  }
.reat .hm_tab td span {font-size: 14px; color: #555;  }
.reat .hm_tab td select {border: 0; font-size: 14px; color: #555; font-weight: 500; }
th.ug_01 {width: 10%; }
th.ug_02 {width: 30%; }
th.ug_03 {width: 60%; }
.sub_guide {background: #fff8f0; }
.reat_inner02 span.red {padding-left: 7px;}


/* ½Ç½Ã°£¿¹¾à reservation_rates S */

.reats h3 {margin-bottom: 22px; font-size: 20px; font-weight: 500;}
.reats .hm_tab {width: 100%; border-top: 2px solid #f68b1e; margin-top: 13px;}
.reats.draw .hm_tab {border-top: 2px solid #2a99f2;}


.reats .hm_tab th {background: #f9f9f9; color: #000; font-size: 15px; font-weight: 400; padding: 15px 30px; border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc; width: 35%; vertical-align: middle; word-break:keep-all; }
.reats .hm_tab td {font-size: 14px; font-weight: 400; color: #555555; padding: 7px 10px; border-bottom: 1px solid #ccc; vertical-align: middle; }
.reats .hm_tab td br {display:none; }
.reats .hm_tab td input {background: #f9f9f9; border: 1px solid #ddd; box-sizing: border-box; color: #555; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 5px; margin-right: 7px;  }
.reats .hm_tab td span {font-size: 14px; color: #555;  }
.reats .hm_tab td select {border: 0; font-size: 14px; color: #555; font-weight: 500; height: 35px; border:1px solid #ddd; padding:0 5px; border-radius:3px;}

p.sub_reTxt {color: #777; font-size: 15px; line-height: 23px; margin: 20px 0 45px; transform: skew(-0.08deg);}
p.sub_reTxt span {/*display: block;*/ color: #d70404; font-size: 15px; line-height: 23px; font-weight: 500;}
.mb0 {margin-bottom:0 !important;}

.res_next_btn {
text-align: center; margin-top: 30px; }

.res_next_btn a {
display: inline-block; background: #f68b1e; color: #fff; padding: 10px 20px; }


.phone_box {border:1px solid #f2f2f2; padding:20px; max-width:300px; margin:auto; margin-top:30px;}
.phone_box .txt {text-align:left; margin-bottom:10px; display:flex; justify-content: flex-start; align-items: center;}
.phone_box .txt h4 {font-size:18px; font-weight:bold; color:#f68b1e; margin-bottom:10px;}
.phone_box .txt p {font-size:14px; line-height:1.3; color:#919191;}
.phone_box .txt > div {}
.phone_box .txt > div:first-child {width:15%;}
.phone_box .txt > div:last-child {width:85%;}

.draw .phone_box .txt h4 {color:#2a99f2;}

.draw .res_next_btn a {background: #2a99f2;}



.confirm .hm_tab {width: 100%; border-top: 2px solid #f68b1e; }
.draw.confirm .hm_tab {border-top: 2px solid #2a99f2;}

.confirm .hm_tab th {background: #f9f9f9; font-weight: 400; padding: 15px; border-left: 1px solid #ccc;  border-bottom: 1px solid #ccc; vertical-align: middle;  text-align: center;}
.confirm .hm_tab th:first-child {border-left: 0; }
.confirm .hm_tab td { font-weight: 400; color: #555555; padding: 10px 10px; border-bottom: 1px solid #ccc; vertical-align: middle; text-align: center;border-left: 1px solid #ccc; }
.confirm .hm_tab td:first-child {border-left: 0; }
.confirm .hm_tab td input {background: #f9f9f9; border: 1px solid #ddd; box-sizing: border-box; color: #555; height: 35px; line-height: 35px; padding: 0 15px; border-radius: 5px; margin-right: 7px;  }
.confirm .hm_tab td span {font-size: 14px; color: #555;  }
.confirm .hm_tab td select {border: 0; font-size: 14px; color: #555; font-weight: 500; }


.confirm .hm_tab th.cht_01 {width: 10%; }
.confirm .hm_tab th.cht_02 {width: 22%; }
.confirm .hm_tab th.cht_03 {width: 19%; }
.confirm .hm_tab th.cht_04 {width: 19%; }
.confirm .hm_tab th.cht_05 {width: 30%; }
.confirm .hm_tab td.cht_05 p {font-size: 13px; line-height:30px; }
.confirm .hm_tab td.cht_05 a {padding: 0px 15px; line-height:30px; display: inline-block; margin: 0 3px; font-size: 13px; color: #fff; }
.confirm .hm_tab td.cht_05 a.ok {background: #f68b1e; }
.confirm .hm_tab td.cht_05 a.no {background: #828282; }
.confirm .hm_tab td.cht_05 a.draw_ok {background: #2a99f2; }
.confirm_search {margin: 10px 0;  overflow: hidden; float: right; display: inline-block;}
.confirm_search select {float: left; border: 1px solid #ccc; width: 150px; height: 35px; line-height: 35px; margin-right: 5px;}
.confirm_search input {float: left; border: 1px solid #f68b1e;background: #f68b1e; color: #fff; padding: 7px 15px;}

.draw .confirm_search input {border: 1px solid #2a99f2;background: #2a99f2;}




/* ¿¹¾àÇϱâ 2 */
.confirm .hm_tab th.cht_01 {width: 13%; }
.confirm .hm_tab th.cht_02 {width: 22%; }
.confirm .hm_tab th.cht_03 {width: 16%; }
.confirm .hm_tab th.cht_04 {width: 19%; }

.confirm .hm_tab td.cht_01 {background: #f6fbff; font-weight: 600;}
.confirm .hm_tab td.cht_02 span {display: block; clear: both; color: #f68b1e; padding-top: 3px; font-weight: 500; }
.confirm2 h3{margin-bottom: 17px; }
.confirm2 h4 {font-size: 16px;  font-weight: 500; color: #000; text-align: left; background: url(/assets/img/sub/sub_bg_title05.png) 5px 6px no-repeat; padding-left: 25px; line-height: 25px; margin-top: 40px; margin-bottom: 15px; }
.card-box {width: 100%; padding: 0px; background: #f5f5f5; border: 1px solid #ccc; box-sizing: border-box; text-align: center; margin-bottom: 40px; }
.card-box select {width: 100%; height: 40px; padding:5px; border: 0px solid #ccc; color: #555; background: transparent; }

.card-box select option {min-height: 40px; line-height: 40px;height: 40px;padding:5px;}
.confirm_card {
width: 100%; text-align: center; }
.confirm_card a {
display: inline-block; padding: 12px 20px; background: #f68b1e; color: #fff; cursor: pointer; }
.confirm_card a.o_card {
background: #989898; }
span.confirmok_day {
text-align: center; font-size: 17px; color: #f68b1e; line-height: 28px; font-weight: 500; }




#confirm_yes {background:#f68b1e !important}
.draw #confirm_yes {background:#2a99f2 !important}

.draw p.bt_center a {background:#2a99f2}


/* ¿¹¾à »ó¼¼Á¤º¸ */
.confirm_detail h3 {margin-bottom: 17px; }
.confirm_detail > p {margin-bottom: 30px; }

.confirm_detail .hm_tab th {width: 35%; text-align: left; padding: 15px 25px; }
.confirm_detail .hm_tab td {width: 65%; text-align: left; padding: 15px 25px; }

.cd_sec_02 h3 {margin-top: 30px;  }
.confirm_detail .cd_sec_02 .hm_tab{margin-bottom: 40px; }
.confirm_detail .hm_tab td.cd_detail_phone {color: #025dc0; }
.confirm_detail .hm_tab td.cd_detail_money span {color: red; }


/* ȯºÒ ½Åû ÆäÀÌÁö */
.c_refund h3 {margin-bottom : 17px; }
.c_refund h4 {font-size: 15px;font-weight: 400;color: #000;text-align: left;background: url(/assets/img/sub/sub_bg_title05.png) 5px 5px no-repeat;padding-left: 25px;line-height: 25px;margin-top: 30px;margin-bottom: 10px;}
.c_refund .hm_tab th {width: 28%; }
.c_refund .cr_refund_inner2 .hm_tab td {text-align: left;  }
.c_refund .cr_refund_inner2 .hm_tab td input {width: 100%;  }
.c_refund .cr_refund_inner2 .hm_tab td textarea {width: 100%; border: 1px solid #ddd; background: #f9f9f9; box-sizing: border-box; color: #555; border-radius: 5px; padding: 15px; }

.c_refund .confirm_card {margin-top:  40px;  }
.confirm_card a.no_card {background: #898989; }

.reats .scroll_text {position:absolute; bottom:80px; left:20px; color:#ce0b0b; font-size:15px; display:none; z-index:9999;}

div#res_click_map {position: relative; overflow-x: scroll; width: 100%; margin-top: 0px; border: 1px solid #ccc; box-sizing: border-box; }
div#res_click_map > img {position: relative; display:block;}
div#res_click_map .click_inner a {position: absolute; width: 27px; height: 27px; text-align: center; line-height: 25px; font-size: 13px; color: #4b4b4b; background: url('/assets/img/sub/real_time_check_02.png?date=20230809') 0 0 no-repeat; }

div#res_click_map .click_inner a.cbtn_01 { top:200px; left: 257px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_02 { top:218px; left: 315px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_03 { top:211px; left: 363px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_04 { top:205px; left: 411px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_05 { top:127px; left: 410px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_06 { top:121px; left: 363px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_07 { top:114px; left: 316px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_08 { top:130px; left: 259px; background-position: 0px 0px; }

div#res_click_map .click_inner a.cbtn_09 { top:210px; left: 585px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_10 { top:215px; left: 633px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_11 { top:220px; left: 679px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_12 { top:167px; left: 727px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_13 { top:113px; left: 684px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_14 { top:119px; left: 634px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_15 { top:126px; left: 588px; background-position: 0px 0px; }

div#res_click_map .click_inner a.cbtn_16 { top:297px; left: 751px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_17 { top:262px; left: 790px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_18 { top:214px; left: 815px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_19 { top:159px; left: 822px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_20 { top:106px; left: 810px; background-position: 0px 0px; }

div#res_click_map .click_inner a.cbtn_21 { top:278px; left: 195px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_22 { top:308px; left: 239px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_23 { top:317px; left: 289px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_24 { top:312px; left: 337px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_25 { top:305px; left: 387px; background-position: 0px 0px; }

div#res_click_map .click_inner a.cbtn_26 { top:300px; left: 469px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_27 { top:300px; left: 516px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_28 { top:304px; left: 563px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_29 { top:308px; left: 612px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_30 { top:316px; left: 659px; background-position: 0px 0px; }


div#res_click_map .click_inner a.cbtn_31 {top: 12px;left: 239px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_32 {top: 12px;left: 269px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_33 {top: 12px;left: 299px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_34 {top: 12px;left: 328px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_35 {top: 12px;left: 358px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_36 {top: 12px;left: 388px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_37 {top:12px;left: 417px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_38 {top:12px;left: 447px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_39 {top:12px;left: 477px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_40 {top:12px;left: 506px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_41 {top:12px;left: 536px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_42 {top:12px;left: 565px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_43 {top:12px;left: 595px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_44 {top:12px;left: 624px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_45 {top:12px;left: 654px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_46 {top:12px;left: 684px;background-position: 0px 0px;}
div#res_click_map .click_inner a.cbtn_47 { top:12px; left: 713px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_48 { top:12px; left: 742px; background-position: 0px 0px; }
div#res_click_map .click_inner a.cbtn_49 { top:12px; left: 772px; background-position: 0px 0px; }

div#res_click_map .click_inner a.cbtn_Rwaiting {background-position: -131px 0px; text-indent: -9999px; }
div#res_click_map .click_inner a.cbtn_Pcomplete {background-position: -99px -24px; text-indent: -9999px; } /* °áÁ¦¿Ï·á */
div#res_click_map .click_inner a.cbtn_Pwaiting {background-position: -66px 0px; text-indent: -9999px; } /* ¿¹¾à¿Ï·á(°áÁ¦´ë±â) */
div#res_click_map .click_inner a.cbtn_Pcompleteall {background-position: -132px 0px; text-indent: -9999px; } /* ¿¹¾à´ë±â¿Ï·á */
div#res_click_map .click_inner a.cbtn_Pcancel {background-position: -132px -24px; text-indent: -9999px; }/* ¿¹¾àÃÖ¼Ò */
div#res_click_map .click_inner a.cbtn_clink {background-position: -33px 0px; color: #fff; } /* ÀÚ¸®¼±Åà */


.res_map_info {line-height:27px; display:flex;}

.res_map_info > span {font-size:0;position: relative; width:27px; line-height: 27px; display: inline-block; /*background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; */ margin-left:5px; }
.res_map_info > span:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; z-index:9; }

.res_map_info > span.res_map_info1:before {background-position: -111px -28px}
.res_map_info > span.res_map_info2:before {background-position: -74px 0px;}

div#res_map_intro {width: 100%;margin: 10px 0;   border: 1px solid #ccc;   box-sizing: border-box;   border-top: 2px solid #f68b1e;   padding: 30px;    overflow: hidden;}
.draw div#res_map_intro {border-top: 2px solid #2a99f2;}

.spam_check {position: relative;margin-top:50px; text-align:center; min-height:100px;}
.spam_check h4 {font-size:20px; margin-bottom:20px; word-break:keep-all;}
/*.spam_check .g-recaptcha {text-align:center; display: inline-block; text-align:center; margin:0 auto;}*/

.spam_check .g-recaptcha {position: absolute;top:30px; left: 50%;transform: translate(-50%, 0);}
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }
}
@media only screen and (max-width: 500px) {
#rc-imageselect, .g-recaptcha {transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }
}
@media only screen and (max-width: 300px) {
.spam_check .g-recaptcha {top:50px}
}

.small_text {font-size:13px; color:#777; display:block; padding-top:15px; clear:both;}
.left_intro {float: left; width: 55%; margin-right: 3%; }
.left_intro img {width:100%; max-width: 400px; }
.left_intro ul {width: 25%; float: left; }
.left_intro ul li {width: 100%; padding-left: 40px; box-sizing: border-box; line-height: 27px; position: relative; margin-bottom: 10px;}
.left_intro ul li:last-child {margin-bottom: 0px;}
.right_intro {float: left; width: 42%; overflow: hidden; }
.right_intro ul {width: 50%; float: left; }
.right_intro ul li {width: 100%; padding-left: 40px; box-sizing: border-box; line-height: 27px; position: relative; margin-bottom: 10px;}
.left_intro ul li span {font-size: 16px; display:inline-block;}
.left_intro ul li span:first-child {margin-left:-40px; letter-spacing: -2px;}
.left_intro ul li span.area {font-family: 'NotoSans';  font-size:14px; margin-left:10px; font-weight:600;}
span.area_a {color:#ee7d67}
span.area_b {color:#5aa3d9}
span.area_c {color:#b07fb6}
span.area_d {color:#d4a704}

.right_intro ul li:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') no-repeat; position: absolute; top:0; left:0; }

.right_intro ul li.rmi_02:before {background-position: -37px 0px; }
.right_intro ul li.rmi_03:before {background-position: -74px 0px; }
.right_intro ul li.rmi_04:before {background-position: -111px -28px }
.right_intro ul li.rmi_05:before {background-position: -148px 0px}
.right_intro ul li.rmi_07:before {background-position: -148px -28px}



.left_intro ul li.area_a:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position: -185px 0px}
.left_intro ul li.area_b:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position: -222px 0px}
.left_intro ul li.area_c:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position: -259px 0px}
.left_intro ul li.area_d:before {width:27px; height: 27px; display: block; content:""; clear: both; background: url('/assets/img/sub/real_time_check.png?date=20230629') 0 0 no-repeat; position: absolute; top:0; left:0; background-position: -296px 0px}



/* ȯºÒ±ÔÁ¤ */
.refund_rule h3 {margin-bottom: 22px; color: #404040 !important; font-size: 20px; font-weight: 500;}
.refund {margin: 20px 0; line-height: 25px;}

.refund_list li {padding-left: 10px !important; line-height: 25px; position: relative; background:none !important; padding-bottom:0 !important;}
.refund_list li:before {content: ''; display: block; width: 5px; height: 5px; background: #f68b1e; position: absolute; left: 0; top: 10px;border-radius: 50%;}

.refund_rule_scroll {margin: 30px 0;}
.refund_rule_scroll span {line-height: 30px; font-weight: 500; }


/* À¯ÀÇ»çÇ×v */
.caution h3 {margin-bottom: 22px; color: #404040 !important; font-size: 20px; font-weight: 500;}