@charset "utf-8";

/*데모체험*/
.sample_info {position:fixed; animation-name:point; right:20px; bottom:10px; animation-duration:1.5s; animation-iteration-count:infinite; animation-direction:alternate; border:2px solid #e84166; border-radius:10px; box-shadow:0 2px 5px #ccc; padding:15px; background:#fff; text-align:center; z-index:99999; letter-spacing:-0.5px;}
@keyframes point {
from{bottom:10px;}
to{bottom:20px;}
}
.sample_info>p {font-size:13px; line-height:18px; color:#444; letter-spacing:-0.5px;}
.sample_info>p b.col2 {color:#333;}
.sample_info>p b.col1 {color:#FF6559; font-weight:bold;}
.sample_info div {border:1px solid #ccc; border-radius:5px; padding:10px; margin-top:10px;}
.sample_info div p {font-size:13px; color:#444; line-height:18px; border-top:1px dashed #ddd; padding-top:8px; margin-top:8px; letter-spacing:-0.8px;}
.sample_info div b {font-weight:bold; font-size:14px; color:#222;}
.sample_info div a {position:relative; display:flex; align-items:center; justify-content:center; border-radius:4px; background:#e84166; color:#fff; padding:7px 10px; font-size:14px; margin-bottom:5px;}
.sample_info div a span {display:inline-block; width:22px; height:22px; color:#fff; text-align:center; border-radius:50px; 
background:rgba(0,0,0,0.3); font-size:9px; line-height:22px; margin-left:5px;}
.sample_info div a.netfu_go::before {content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.sample_info div em { display:flex; align-items:center; position:relative; z-index:1; letter-spacing:-0.5px;}

@media all and (max-width:1023px) {
/*데모체험*/
.sample_info {left:10px; right:auto;}
}

@media all and (max-width:650px) {
/*데모체험*/
.sample_info {animation:none; /*transform:translate(-10px, 0);*/ padding:7px 5px 5px 5px; border-color:#444;}
/*.sample_info br {display:none;}*/
.sample_info>p {font-size:12px; line-height:16px;}
.sample_info>p b.col1 {color:#111;}
.sample_info div {padding:5px; margin-top:5px;}
.sample_info div p{font-size:12px; line-height:16px; margin-bottom:5px;}
.sample_info div a {font-size:13px; padding:5px; background:#444; letter-spacing:-0.7px;}
}



.all_wrap {margin:20px auto; width:850px; overflow:hidden;}

html {font-size:16px;}
body.reser_style2 {background:#f4f6f8}
div {font-size:1em;}

.cheditor-tb-wrapper { height: 56px !important; }
.banner {overflow:hidden;}

/**헤더**/
header {display:flex; justify-content:space-between; align-items:center; background:#4f3a9d; border-radius:0 0 5px 5px; height:65px; color:#fff; padding:0 30px 0 20px; box-shadow:0px -7px 10px 7px #412e8d inset;}
header h3 {width:auto; font-size:1.176em; margin-bottom:5px; /*background:url("../images/top_title_deco.png") left center no-repeat;*/ padding:5px 0 5px 5px;}
header ul {display:flex; margin-bottom:5px;}
header ul li {}
header ul li::after {content:""; clear:both; display:inline-block;  background:url("../images/top_title_deco.png") left top no-repeat; width:2px; height:9px; margin:0 10px;}
header ul li:last-child::after {display:none;}
header ul li a {color:#fff; font-size:0.875em} 
header ul li a:hover {color:#cae8ff; text-decoration:underline !important;}

/*@@@@@@@@@@@@@ 스타일1@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*대메뉴탭*/
.reserv1 ul.tabs {display:flex; flex-wrap:wrap; width:100%; height:auto; font-size:0.938em; color:#999; margin-top:25px; margin-left:1px;}
.reserv1 ul.tabs li {text-align:center; height:auto; width:25%; border:1px solid #d5dbe0; background:#fff; margin-left:-1px; margin-top:-1px; position:relative;}
.reserv1 ul.tabs li a {display:block; width:100%; height:auto;  color:#999999; padding:13px 0 15px 0;}
.reserv1 ul.tabs li.active {background:#3f0b9d; z-index:1;}
.reserv1 ul.tabs li.active a {color:#fff; font-weight:bold;}

/*달력*/
.calendar1 {}
.calendar1 .date_view_box {border-top:2px solid #333; border-left:1px solid #d5dbe0; border-right:1px solid #d5dbe0; background:#f9fafb; height:70px; display:flex; align-items:center; position:relative;}
.calendar1 .data_view {display:flex; width:100%; justify-content:center;}
.calendar1 .data_view span {font-family:'Tahoma'; font-weight:bold; font-size:1.875rem; color:#333;}
.calendar1 .data_view button {text-indent:-9999px; width:32px; height:32px; }
.calendar1 .data_view button.prev {background:url("../images/cal_prev.png") center center no-repeat; margin-right:10px; }
.calendar1 .data_view button.next {background:url("../images/cal_next.png") center center no-repeat; margin-left:10px; }
.tab_container {}
.r_state {display:flex; width:100%; justify-content:flex-end;  align-items:center;}
.r_state li {margin-right:10px; font-size:13px;}
.r_state span {color:#fff; font-size:12px; border-radius:3px; padding:0px 4px 2px 4px; margin-right:px;}
.r_state span.col_red {background:#ea1f62;}
.r_state span.col_blue {background:#1656a5;}
.r_state span.col_gray {background:#848484;}
.r_state span.col_green {background:#5eb917;}
.r_state span.col_purple {background:#3f0b9d;}

table.cal_view {width:100%;}
table.cal_view th {background:#d5dbe0; font-size:0.875rem; height:37px; line-height:37px; text-align:left; padding-left:10px;}
table.cal_view td {border:1px solid #d5dbe0; padding:7px 7px 7px 10px; height:100px;}
table.cal_view td.r_yes {background:#fff}
table.cal_view td.r_no {background:#f8f8f8}
table.cal_view .day_title {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
table.cal_view .day_title span.day {font-weight:bold; font-size:0.813rem; text-align:center; color:#333;}
table.cal_view .day_title span.red {color:#d45747;}
table.cal_view .day_title span.red2 {color:#444 !important}
table.cal_view .day_title span.blue {color:#255faf;}
table.cal_view .day_title span.font {font-size:12px; color:#bbb; letter-spacing:-0.5px;}
table.cal_view .product_list li {display:flex;font-family:"굴림",'Gulim'; font-size:12px; font-weight:bold; margin:3px 0; color:#444; cursor:pointer;}
table.cal_view .product_list li.label_gray span {background:#b3b3b3;}
table.cal_view .product_list li.label_gray {color:#b3b3b3; cursor:default}
table.cal_view .product_list li.label_blue span {background:#1656a5;}/**/
table.cal_view .product_list li.label_red span {background:#ea1f62; }
table.cal_view .product_list li.label_green span {background:#5eb917;}
table.cal_view .product_list li.label_green { cursor:default; color:#5eb917}
table.cal_view .product_list li.active {color:#3f0b9d !important;}
table.cal_view .product_list li.active span {background:#3f0b9d !important;}
table.cal_view .product_list span {display:inline-block; border-radius:3px; width:20px; height:20px; line-height:21px; color:#fff; text-align:center; margin-right:5px; font-size:11px;}
/*table.cal_view .product_list li.label_red span::before {content:"가";}*/
/*table.cal_view .product_list li.label_gray span::before {content:"완"; }*/
/*table.cal_view .product_list li.label_green span::before {content:"전"; }*/
table.cal_view .product_list em { width:calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px);width: -o-calc(100% - 25px); width: -ms-calc(100% - 25px); margin-top:2.5px; line-height:16px;}



/*공통*/
.reserv1 .title_s1>h2 {font-size:1.5rem; font-family:'NS_B'; border-bottom:2px solid #333; margin-top:40px; padding-bottom:15px; letter-spacing:-0.5px;}
.reserv1 .con_box {border:1px solid #d5dbe0; border-top:none; padding:0 20px;}

/*시간선택*/
.reserv1 {}
.reserv1 .time_c .s_title {width:100%;display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #d5dbe0; padding:25px 0 20px 0; margin-bottom:5px;}
.reserv1 .time_c h4 { font-family:'NS_B'; color:#333; font-size:1.250rem;display:flex; align-items:flex-end; flex-wrap:wrap;}
.reserv1 .time_c h4 span {font-family:"굴림",Gulim; font-size:12px; margin-left:5px; margin-top:8px;}
.reserv1 .time_c h4 span.ex2 {color:#2a8fdd; font-weight:normal;}
.reserv1 .time_c ul.color_info {display:flex; min-width:350px; justify-content:flex-end;}
.reserv1 .time_c ul.color_info li {font-family:"굴림",Gulim; font-size:12px; margin-right:15px;}
.reserv1 .time_c ul.color_info li:nth-child(1)::before {content:""; display:inline-block; width:15px; height:15px; border:1px solid #cccccc; background:#fff; vertical-align:middle; margin-right:5px;}
.reserv1 .time_c ul.color_info li:nth-child(2)::before {content:""; display:inline-block; width:15px; height:15px; background:#b3b3b3;vertical-align:middle; margin-right:5px;}
.reserv1 .time_c ul.color_info li:nth-child(3)::before {content:""; display:inline-block; width:15px; height:15px; background:#177dbd;vertical-align:middle; margin-right:5px;}
.reserv1 .time_c ul.color_info li:nth-child(4)::before {content:""; display:inline-block; width:15px; height:15px; background:#3f0b9d;vertical-align:middle; margin-right:5px;}
.reserv1 .time_c ul.color_info li:last-child {margin-right:0;}

.reserv1 .time_c .time_s {display:flex; flex-wrap:wrap;}
.reserv1 .time_c .time_s button {color:#333333; border: 1px solid #cccccc; padding:15px;font-size:0.875em; margin-right:5px; margin-top:5px; width:calc(20% - 5px); width: -moz-calc(20% - 5px); width: -webkit-calc(20% - 5px); width: -o-calc(20% - 5px); width: -ms-calc(20% - 5px);}
.reserv1 .time_c .time_s button:nth-child(5n) {margin-right:0;}
.reserv1 .time_c .time_s button.s_close {background:#b3b3b3; color:#fff; border:none; text-decoration:line-through;}
.reserv1 .time_c .time_s button.on {background:#3f0b9d; color:#fff; border-color:#3f0b9d;}
.reserv1 .time_c .time_s button.wait {background:#177dbd; color:#fff; border:none;}
.reserv1 .time_c .time_s button em {display:inline-block; margin-top:5px;}

.reserv1 .time_c .time_c_b {display:flex; justify-content:space-between; align-items:center; margin-top:30px; margin-bottom:20px;}
.reserv1 .time_c .time_c_b p {font-size:0.938em; font-weight:bold; color:#3f0b9d;vertical-align:middle; }
.reserv1 .time_c .time_c_b p em {font-family:tahoma; color:#d81b49; margin-left:5px;}
.reserv1 .time_c .time_c_b p em.normal {color:#333;  font-size:0.88em; display:inline-block; margin-top:2px;}
.reserv1 .time_c .time_c_b p span {display:inline-block; background:#fff; border:2px solid #3f0b9d; border-radius:50%; width:24px; height:24px; vertical-align:baseline; text-align:center; padding-top:3px; margin-right:3px;}


/*인원선택*/
.reserv1 .personnel_c .con_box {width:100%;}
.reserv1 .personnel_c .s_title {display:flex; justify-content:space-between; margin-bottom:20px; padding-top:15px;}
.reserv1 .personnel_c .s_title>p {background:#f4f6f8; border-radius:5px; text-align:center; display:flex; align-items:center; font-size:0.750em;  justify-content:center; padding:0 10px; max-width:130px; width:100%;}
.reserv1 .personnel_c .s_title>p span {color:#d81b49; font-size:1.083em; font-weight:bold; }
.reserv1 .personnel_c .s_title .person {display:flex; width:100%}
.reserv1 .personnel_c dl {display:flex; width:100%; margin-left:25px; justify-content:flex-end; align-items:center;}
.reserv1 .personnel_c dl dt {color:#333; font-size:0.88em; font-weight:bold;  margin-right:10px;}
.reserv1 .personnel_c dl dt span {display:block; color:#888888; font-size:0.813rem; font-weight:normal; vertical-align:bottom; margin-top:5px; min-width:90px;}
.reserv1 .personnel_c dl dd {width:60%; }
.reserv1 .personnel_c dl select {border:1px solid #6a6a6a; border-radius:3px; min-width:80px; height:36px;color:#555; font-size:13px; padding-left:10px; width:100%;}

.reserv1 .personnel_c .personnel_c_b {display:flex; justify-content:space-between; /*border-top:1px dashed #d5dbe0;*/ padding:15px 0;}
.reserv1 .personnel_c .personnel_c_b p {font-size:0.813em; color:#666}
.reserv1 .personnel_c .personnel_c_b p span {color:#d81b49; margin-right:5px;}
.reserv1 .personnel_c .personnel_c_b p.user_ex {color:#1a81e0;}

.reserv1 .personnel_c h5 {background:#f9fafb; border-right:1px solid #d5dbe0; border-left:1px solid #d5dbe0; /*color:#3f0b9d;*/ font-size:0.88rem; padding:13px 20px; border-bottom:1px solid #d5dbe0}
.reserv1 .personnel_c h5::before {content:""; display:inline-block; clear:both; width:4px; height:4px; background:#333; margin-right:5px; margin-bottom:3px; vertical-align:middle;}
.reserv1 .personnel_c .not_person_ {background:#f6f6f6; text-align:center; padding:20px; font-size:14px; border-bottom:1px solid #eee;}
/*.reserv1 .personnel_c .personnel_c_wrap {border-top:1px solid #d5dbe0; margin-top:8px;}
.reserv1 .personnel_c .personnel_c_wrap:nth-of-type(1) {margin-top:0;}*/

/*옵션선택*/
.reserv1 .option_c .op_wrap {display:flex; justify-content:space-between; padding:0 20px; margin:15px 0;}
.reserv1 .option_c .op {border-top:1px solid #d5dbe0;}
.reserv1 .option_c .op:first-child {border-top:none;}
.reserv1 .option_c .op input[type="checkbox"] {margin-right:5px;}
.reserv1 .option_c .op label {display:block; margin-bottom:5px; color:#333}
.reserv1 .option_c .option_conbox {border:1px solid #d5dbe0; border-top:none;}
.reserv1 .option_c .op_s {width:65%;}
.reserv1 .option_c .op_s p { display:inline-block; padding:5px 15px; border-radius:30px; background:#f8f8f8; font-size:0.938rem; font-weight:bold; margin-bottom:10px; color:#555;}
.reserv1 .option_c .op h5 {width:100%; border-left:none; border-right:none; display:flex; flex-wrap:wrap;}
.reserv1 .option_c .op h5::before {content:""; display:inline-block; clear:both; width:4px; height:4px; background:#333; margin-right:8px; margin-top:5px; vertical-align:middle;}
.reserv1 .option_c .op h5 .option_time_none_ {font-weight:bold; font-size:14px;}
.reserv1 .option_c .op_s span {display:block; font-size:0.850em; color:#888; margin-top:3px; line-height:18px;}

.reserv1 .option_c .op_v {align-items:center; color:#888; line-height:26px; font-size:0.9rem; margin-left:30px; min-width:200px; justify-content:flex-end;  width:calc(35% - 30px); width: -moz-calc(35% - 30px); width: -webkit-calc(35% - 30px);width: -o-calc(35% - 30px); width: -ms-calc(35% - 30px);}
.reserv1 .option_c .op_v span {font-weight:bold; font-family:tahoma; color:#d81b49; font-size:1rem;}
.reserv1 .option_c .op_v input[type="text"] {border:1px solid #ddd; padding:0 5px; width:50px; margin-left:15px; margin-right:5px;}

.reserv1 .option_c h5 {background:#f9fafb; border-right:1px solid #d5dbe0; border-left:1px solid #d5dbe0; /*color:#3f0b9d;*/ font-size:0.88rem; padding:13px 20px; border-bottom:1px solid #d5dbe0}
.reserv1 .option_c ul {display:flex; flex-wrap:wrap; background:#f4f6f8; border-radius:5px; padding:10px; width:100%; margin-bottom:10px;}
.reserv1 .option_c ul li {margin-right:15px; font-size:0.88rem; font-weight:bold;}

/*.reserv1 .option_c .select_row {min-width:256px; border:1px solid #6a6a6a; border-radius:3px; height:36px; margin-left:10px; }
.reserv1 .option_c .select_form {position:relative; display:flex; align-items:center; cursor:pointer; background:#fff; color:#555; outline:0;  background:url("../images/select_row.jpg") 98% center no-repeat;  margin-left:10px;  width:calc(100% - 10px); width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px);width: -o-calc(100% - 10px); width: -ms-calc(100% - 10px);
 height:100%; line-height:normal; vertical-align:middle; }
.reserv1 .option_c .option_group {display:flex; align-items:center;}
.reserv1 .option_c .option_group::after {content:"/"; margin:0 5px;}
.reserv1 .option_c .option_group:last-child::after {display:none;}
.reserv1 .option_c .option_group span {font-size:13px;}*/

.reserv1 .option_c .op_select_box {width:255px; position:absolute; background:#fff; z-index:888; border:1px solid #3f0b9d; border-radius:3px; box-shadow:0 4px 5px 0 #999;}
.reserv1 .option_c .op_list {padding:0px 15px; }
.reserv1 .option_c .op_row {display:flex; align-items:center; justify-content:space-between; border-bottom:1px dashed #dfdfdf; padding-bottom:10px; padding-top:10px;}
.reserv1 .option_c .op_row:last-child {border-bottom:none;}
.reserv1 .option_c .op_row label {font-size:14px; font-weight:bold; color:#555;}
.reserv1 .option_c .op_select_box .op_stepper {display:flex; }
.reserv1 .option_c .op_select_box .op_stepper button {border:1px solid #3f0b9d; width:18px; height:20px; font-size:20px; font-weight:bold; border-radius:3px; color:#3f0b9d; text-indent:-999999px}
.reserv1 .option_c .op_select_box .op_stepper button.op_minus {background:url("../images/select_minus.png") center center no-repeat; }
.reserv1 .option_c .op_select_box .op_stepper button.op_plus {background:url("../images/select_plus.png") center center no-repeat; }
.reserv1 .option_c .op_select_box .op_stepper .op_quantity {border:1px solid #fff; background:#fff; color:#3f0b9d; text-align:center; font-weight:bold; line-height:18px; font-size:14px; padding:0 15px;}
.reserv1 .option_c .hidden {display:none;}
.reserv1 .option_c .op_select_box .op_ok {background:#3f0b9d; color:#fff; width:100%; height:40px; font-size:14px;}
.reserv1 .option_c .op_time_ {margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #ddd; text-align:right;}
.reserv1 .option_c .op_v p {text-align:right;}

/*예약금액확인*/
.payment .reserprice2 {border:1px solid #d5dbe0; border-top:0;}
.boundary {margin-top:40px; border-top:1px dashed #aaa;}

/*@@@@@@@@@@@@@ 스타일2@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*대그룹탭*/
.reserv2 ul.tabs {display:flex; flex-wrap:wrap; height:auto; font-size:0.938em; color:#999; margin-top:25px; margin-left:1px;}
.reserv2 ul.tabs li {text-align:center; height:auto; width:25%; border:1px solid #d5dbe0; background:#fff; margin-left:-1px; margin-top:-1px;}
.reserv2 ul.tabs li a {display:block; width:100%; height:auto;  color:#999999; padding:13px 0 15px 0;}
.reserv2 ul.tabs li.active {border:2px solid #3f0b9d; background:#3f0b9d;}
.reserv2 ul.tabs li.active a {color:#fff; font-weight:bold;}

/*소그룹탭*/
.reserv2 ul.tabs2 {display:flex; margin:15px 0; flex-wrap:wrap; align-items:center;}
.reserv2 ul.tabs2 li a span {content:""; display:inline-block; width:22px; height:22px; background:#cdced0 url("../images/tabs_check.png") center center no-repeat; border-radius:50px; vertical-align:middle; margin-right:7px}
.reserv2 ul.tabs2 li {margin:5px 15px 5px 0;}
.reserv2 ul.tabs2 li a {color:#777; font-size:0.938em}
.reserv2 ul.tabs2 li.active a {color:#3f0b9d; font-weight:bold;}
.reserv2 ul.tabs2 li.active a span {background-color:#3f0b9d;}

/**달력&시간선택*/
.reserv2 section {box-shadow:6px 6px 15px 0px rgba(0,0,0,0.05)}
.reserv2 .cal_time {display:flex; border:1px solid #d5dbe0; border-radius:5px; background:#fff; }
.reserv2 .title_s1 {display:flex; border:1px solid #d5dbe0; border-radius:5px; padding:20px 25px 5px 25px; background:#fff; margin-top:30px;}
.reserv2 .title_s1 h2 {font-family:'NS_EB'; font-size:1.125em; color:#333; font-weight:bold; width:100%; margin-top:5px; line-height:22px; margin-bottom:10px; border-bottom:1px solid #333; padding-bottom:10px;}
.reserv2 .option_c.title_s1,
.reserv2 .payment.title_s1 {flex-wrap:wrap;}

/*달력*/
.calendar2 {width:56%;border-right:1px solid #eee; padding:20px 20px;}
.calendar2 .data_view_box {display:flex; align-items:center; justify-content:space-between;}
.calendar2 .data_view {display:flex; align-items:center; }
.calendar2 .data_view span {font-size:1.125rem; color:#333; letter-spacing:-0.5px; min-width:100px; text-align:center; margin-bottom:1px;}
.calendar2 .data_view button {text-indent:-9999px; width:25px; height:25px; }
.calendar2 .data_view button.prev {background:url("../images/cal_prev.png") center center no-repeat; margin-right:5px; }
.calendar2 .data_view button.next {background:url("../images/cal_next.png") center center no-repeat; margin-left:5px; }
.calendar2 .r_state span { display:inline-block; color:#333; font-size:12px; font-family:"굴림",Gulim;}
.calendar2 .r_state span{ margin-right:5px;}
.calendar2 .r_state span::before {border-radius:15px;}
/*.calendar2 .r_state span:nth-child(1)::before {content:""; display:inline-block; width:15px; height:15px; background:#dbd5f7; vertical-align:middle; margin-right:3px;}*/
.calendar2 .r_state span:nth-child(1)::before {content:""; display:inline-block; width:15px; height:15px; background:#3f0b9d; vertical-align:middle; margin-right:3px;}
.calendar2 .r_state span:nth-child(2)::before {content:""; display:inline-block; width:15px; height:15px; background:#ddd; vertical-align:middle; margin-right:3px;}

table.cal_view2 {width:100%; margin-top:12px;}
table.cal_view2 th {background:#efefef; height:35px; line-height:35px; font-size:0.875rem;}
table.cal_view2 th:first-child {border-radius:20px 0 0 20px;}
table.cal_view2 th:last-child {border-radius:0px 20px 20px 0px;}
table.cal_view2 th.colred {color:#d0603b}
table.cal_view2 th.colblue {color:#3267c7;}
table.cal_view2 tr:first-child td {padding:8px 0 4px 0;}
table.cal_view2 td {color:#333; font-size:0.875rem; text-align:center;  height:34px; line-height:34px; padding:4px 0;}
table.cal_view2 td.colred button {color:#d0603b}
table.cal_view2 td.colblue button {color:#3267c7;}
table.cal_view2 td.r_no button {cursor:default; }
table.cal_view2 td.r_no button span {color:#999; display:inline-block; background:#eee; border-radius:20px; width:34px; height:34px;}
table.cal_view2 td button {width:100%; height:100%;}
table.cal_view2 td.today button span {display:inline-block; background:#dbd5f7; border-radius:20px; width:34px; height:34px;}
table.cal_view2 td.check button span {display:inline-block; background:#3f0b9e; border-radius:20px; width:34px; height:34px; color:#fff;}

/*시간선택*/
.reserv2 {overflow:hidden;}
.reserv2 .time_c {width:44%;box-sizing:border-box; padding:20px 25px 0px 25px;}
.reserv2 .time_c h3 {border-bottom:1px solid #222222; padding-bottom:15px; letter-spacing:-0.5px; color:#222; font-weight:normal; font-size:1.125em; font-family:'NS_B'}
.reserv2 .time_c h3 em {color:#3f0b9d; ; font-family:'NS_EB'}
.reserv2 .time_c span.d_off { display:block; background:#f9f9f9; width:100%;  text-align:center; padding:30px 10px; color:#555;}

.reserv2 .time_c ul.color_info {display:flex; justify-content:flex-end; margin:10px 0;}
.reserv2 .time_c ul.color_info li {font-family:"굴림",Gulim; font-size:12px; margin-right:10px;}
.reserv2 .time_c ul.color_info li:nth-child(1)::before {content:""; display:inline-block; width:15px; height:15px; border:1px solid #cccccc; backgcound:#fff; vertical-align:middle; margin-right:5px;}
.reserv2 .time_c ul.color_info li:nth-child(2)::before {content:""; display:inline-block; width:15px; height:15px; background:#b3b3b3;vertical-align:middle; margin-right:5px;}
.reserv2 .time_c ul.color_info li:nth-child(3)::before {content:""; display:inline-block; width:15px; height:15px; background:#177dbd;vertical-align:middle; margin-right:5px;}
.reserv2 .time_c ul.color_info li:nth-child(4)::before {content:""; display:inline-block; width:15px; height:15px; background:#3f0b9d;vertical-align:middle; margin-right:5px;}
.reserv2 .time_c ul.color_info li:last-child {margin-right:0;}

.reserv2 .time_s {display:flex; flex-wrap:wrap;}
.reserv2 .time_s button {border:1px solid #dddddd; box-sizing:border-box;width:50%; color:#333; font-size:13px; padding:10px 5px; border-top:none; line-height:18px; }
.reserv2 .time_s button span {font-size:14px; color:#000}
.reserv2 .time_s button:nth-child(1),
.reserv2 .time_s button:nth-child(2) {border-top:1px solid #ddd;}
.reserv2 .time_s button:nth-child(2n) {border-left:none;}
.reserv2 .time_s button.s_close {background:#b3b3b3; color:#fff; text-decoration:line-through;}
.reserv2 .time_s button.on {background:#3f0b9d; color:#fff;}
.reserv2 .time_s button.on span {color:#fff;}
.reserv2 .time_s button.wait {background:#177dbd; color:#fff;}

.reserv2 .time_c .time_c_b {display:flex; justify-content:space-between; align-items:center; margin-top:30px; margin-bottom:15px; border-top:1px solid #ddd; padding-top:15px;}
.reserv2 .time_c .time_c_b p {font-size:0.88em; font-weight:bold; color:#3f0b9d;vertical-align:middle; }
.reserv2 .time_c .time_c_b p em {color:#d81b49; margin-left:5px; font-family:'tahoma';}
.reserv2 .time_c .time_c_b p em.normal {color:#333; font-size:0.88em; display:inline-block; margin-top:2px;}
.reserv2 .time_c .time_c_b p span {display:inline-block; background:#fff; border:2px solid #3f0b9d; border-radius:50%; width:24px; height:24px; vertical-align:middle; text-align:center; padding-top:3px; margin-right:3px;}




/*인원선택*/
.reserv2 .personnel_c .con_box {width:100%;}
.reserv2 .personnel_c .s_title {display:flex; justify-content:space-between; margin-bottom:30px;}
.reserv2 .personnel_c .s_title>p {/*background:#f4f6f8; border-radius:5px; */ border-right:1px solid #eaeaea; text-align:center; display:flex; align-items:center; font-size:0.750em;  justify-content:center; padding:0 10px; max-width:140px; width:100%;}
.reserv2 .personnel_c .s_title>p span {color:#d81b49; font-size:1.083em; font-weight:bold; }
.reserv2 .personnel_c .s_title .person {display:flex; width:100%}
.reserv2 .personnel_c dl {display:flex; width:100%; margin-left:30px; justify-content:flex-end; }
.reserv2 .personnel_c dl:first-child {}
.reserv2 .personnel_c dl dt {color:#333; font-size:0.88em; font-weight:bold; display:flex; flex-wrap:wrap;align-items:center; margin-right:10px;}
.reserv2 .personnel_c dl dt span {color:#888888; font-size:0.813em; font-weight:normal; vertical-align:bottom; display:flex; align-items:flex-end; margin-top:5px;}
.reserv2 .personnel_c dl dd {width:70%;}
.reserv2 .personnel_c dl select {border:1px solid #6a6a6a; border-radius:3px; min-width:80px; height:33px;color:#555; font-size:13px; padding-left:10px; width:100%;}

.reserv2 .personnel_c .personnel_c_b {display:flex; justify-content:space-between; border-top:1px dashed #d5dbe0; padding:15px 0 20px 0;}
.reserv2 .personnel_c .personnel_c_b p {font-size:0.813em; color:#666}
.reserv2 .personnel_c .personnel_c_b p span {color:#d81b49; margin-right:5px;}
.reserv2 .personnel_c .personnel_c_b p.user_ex {color:#1a81e0;}

.reserv2 .personnel_c h5 {background:#f9fafb; border-radius:5px; padding:13px 20px; font-size:13px; margin-bottom:20px; border:1px solid #eee;}
.reserv2 .personnel_c h5::before {content:""; display:inline-block; clear:both; width:4px; height:4px; background:#333; margin-right:5px; margin-bottom:3px; vertical-align:middle;}


/*옵션선택*/
.reserv2 .option_c .con_box .op:first-child {padding-top:0;}
.reserv2 .option_c .con_box {width:100%;}
.reserv2 .option_c .op_wrap {display:flex; justify-content:space-between; align-items:center; padding:5px 0 25px 0;}
.reserv2 .option_c .op h5 {display:flex; flex-wrap:wrap; width:100%; background:#f9fafb; border-radius:5px; padding:13px 15px 13px 15px; font-size:13px; margin-bottom:10px; border:1px solid #eee;}
.reserv2 .option_c .op h5::before {content:""; display:inline-block; clear:both; width:4px; height:4px; background:#333; margin-right:8px; margin-top:5px; vertical-align:middle;}
.reserv2 .option_c .op h5 .option_time_none_ {font-weight:bold; font-size:14px;}
.reserv2 .option_c .op label {display:block; margin-bottom:5px; color:#333;}
.reserv2 .option_c .op input[type="checkbox"] {margin-right:5px; margin-bottom:2px;}
.reserv2 .option_c .op_v {align-items:center; color:#888; line-height:26px; font-size:0.9rem; margin-left:30px; min-width:200px; justify-content:flex-end; width:calc(35% - 30px); width:-moz-calc(35% - 30px); width:-webkit-calc(35% - 30px); width:-o-calc(35% - 30px); width:-ms-calc(35% - 30px);}
.reserv2 .option_c .op_v span {font-weight:bold; font-family:tahoma; color:#d81b49; font-size:1rem;}
.reserv2 .option_c .op_v input[type="text"] {border:1px solid #ddd; padding:0 5px; width:50px; margin-left:15px; margin-right:5px;}
.reserv2 .option_c .op_v p {text-align:right;}
.reserv2 .option_c .op_s {width:65%;}
.reserv2 .option_c .op_s p { display:inline-block; padding:5px 15px; border-radius:30px; background:#f8f8f8; font-size:0.938rem; font-weight:bold; margin-bottom:7px; color:#555; margin-bottom:10px;}
.reserv2 .option_c .op_s span {display:block; font-size:0.850em; color:#888; margin-top:3px; line-height:18px;}


.reserv2 .option_c .op_select_box {width:255px; position:absolute; background:#fff; z-index:888; border:1px solid #3f0b9d; border-radius:3px; box-shadow:0 4px 5px 0 #999;}
.reserv2 .option_c .op_list {padding:0px 15px; }
.reserv2 .option_c .op_row {display:flex; align-items:center; justify-content:space-between; border-bottom:1px dashed #dfdfdf; padding-bottom:10px; padding-top:10px;}
.reserv2 .option_c .op_row:last-child {border-bottom:none;}
.reserv2 .option_c .op_row label {font-size:14px; font-weight:bold; color:#555;}
.reserv2 .option_c .op_select_box .op_stepper {display:flex; }
.reserv2 .option_c .op_select_box .op_stepper button {border:1px solid #3f0b9d; width:18px; height:20px; font-size:20px; font-weight:bold; border-radius:3px; color:#3f0b9d; text-indent:-999999px}
.reserv2 .option_c .op_select_box .op_stepper button.op_minus {background:url("../images/select_minus.png") center center no-repeat; }
.reserv2 .option_c .op_select_box .op_stepper button.op_plus {background:url("../images/select_plus.png") center center no-repeat; }
.reserv2 .option_c .op_select_box .op_stepper .op_quantity {border:1px solid #fff; background:#fff; color:#3f0b9d; text-align:center; font-weight:bold; line-height:18px; font-size:14px; padding:0 15px;}
.reserv2 .option_c .hidden {display:none;}
.reserv2 .option_c .op_select_box .op_ok {background:#3f0b9d; color:#fff; width:100%; height:40px; font-size:14px;}
.reserv2 .option_c .op_time_ {margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #ddd; text-align:right;}

/*@@@@@@@@@@@@@ 결제페이지@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*공통*/
.payment .title_s1 {border-bottom:1px solid #eaecee;}
.payment .title_s1>h2 {font-size:1.5rem; font-family:'NS_B'; border-bottom:2px solid #333; margin-top:40px; padding-bottom:15px; letter-spacing:-0.5px;}
.payment .con_box {border:1px solid #d5dbe0; border-top:none; padding:0 20px;}

/*예약정보확인*/
.payment .resercheck {display:flex; flex-wrap:wrap; padding:20px 20px; }
.payment .resercheck dl {display:flex; width:50%; padding-top:20px;}
.payment .resercheck dl:nth-child(1),
.payment .resercheck dl:nth-child(2) {padding-top:0;}
.payment .resercheck dl dt {color:#3f0b9d; font-size:0.875em; font-weight:bold; width:90px; line-height:18px; letter-spacing:-0.5px;}
.payment .resercheck dl dt::before {content:""; display:inline-block; width:4px; height:4px; background:#3f0b9d; vertical-align:middle; margin-right:5px; margin-bottom:5px;}
.payment .resercheck dl dd {font-size:0.875em; color:#555555; width:80%; line-height:18px;  letter-spacing:-0.25px;}

.payment .reserprice {border-top:1px solid #eaecee; padding:16px 20px;}
.payment .reserprice dl {margin-top:15px; display:flex;}
.payment .reserprice dl:first-child {margin-top:0;}
.payment .reserprice dl dt {font-size:14px; color:#333; font-weight:bold; width:90px; line-height:18px; letter-spacing:-0.5px;}
.payment .reserprice dl dt::before {content:""; display:inline-block; width:4px; height:4px; background:#333; vertical-align:middle; margin-right:5px; margin-bottom:5px;}
.payment .reserprice dl dd {font-size:14px; color:#555555; width:90%; line-height:18px; letter-spacing:-0.25px;}
.payment .reserprice dl dd span {font-weight:bold;}
.payment .reserprice dl dd em {color:#d81b49;}

.payment .reserprice dl.totalprice {font-size:13px; font-weight:bold; color:#333; background:#f5f9fd; border-radius:5px; display:flex; align-items:center; padding:15px 20px; justify-content:space-between;}
.payment .reserprice dl.totalprice dt {width:10%:}
.payment .reserprice dl.totalprice dd {color:#de0a0a; font-weight:bold; font-size:1.538em; width:90%; text-align:right;}
.payment .reserprice dl.totalprice dt::before {display:none;}


/*예약자 정보*/
.payment .person_info {display:flex; flex-wrap:wrap;}
.payment .person_info label {display:inline-block; font-size:0.875em; font-weight:bold; color:#333; width:20%; margin-top:9px;}
.payment .person_info label.required::after {content:"*"; color:#d81b49;}
.payment .person_info>div {padding:20px;}
.payment .person_info div.row {/*border:1px solid red;*/ display:flex;  flex-wrap:wrap; margin-top:12px;}
.payment .person_info div.row:first-child {margin-top:0;}
.payment .person_info>div:nth-child(1) {width:50%;}
.payment .person_info>div:nth-child(2) {width:50%;background:#f9fbfd;}
.payment .person_info input {border:1px solid #cacfd3; border-radius:3px; height:34px; width:100%; box-sizing:border-box; padding-left:10px; color:#4c4c4c; font-size:0.875em; }
.payment .person_info p {width:80%;}
.payment .person_info p span {display:block; font-size:12px; color:#3693e4; letter-spacing:-0.5px; margin-top:3px;}
.payment .person_info .row2 input {width:33.33%;}
.payment .person_info .row2 input#dv_cellphone1 { border-radius:3px 0 0 3px; border-right:0;}
.payment .person_info .row2 input#dv_cellphone2 { border-radius:0;}
.payment .person_info .row2 input#dv_cellphone3 { border-radius:0px 3px 3px 0px; border-left:0;}
.payment .person_info label.memo {margin-top:0}
.payment .person_info textarea {width:100%; border-radius:3px; border:1px solid #cacfd3; margin-top:10px; padding:10px; letter-spacing:-0.5px; font-size:13px; display:flex; min-height:132px;}

/*약관동의*/
.payment h2.h2agree {display:flex; align-items:center; justify-content:space-between;}
.payment h2.h2agree span {font-size:13px; color:#555555; display:flex; align-items:center; font-family:"NanumSquare" ; }
.payment h2.h2agree input[id="agreeall"] + label {display:inline-block; width: 30px; height:30px;	border-radius:3px; background: url("../images/agree_check.png") center center no-repeat;  cursor: pointer; background-color:#d9d9d9; margin-left:7px;}
.payment h2.h2agree input[id="agreeall"]:checked + label {background-color:#c9113f}
.payment h2.h2agree input[id="agreeall"] {display:none;}

.payment ul.terms_list li {padding:13px 20px; border-bottom:1px solid #eaecee; }
.payment ul.terms_list li h3 {font-size:0.938em; color:#333333; overflow:hidden; line-height:30px;}
.payment ul.terms_list li h3.required::after {content:"(필수)"; color:#d81b49; font-weight:bold;}
.payment ul.terms_list li h3 span {float:right; font-size:13px; color:#555;font-family:"NanumSquare" ;  display:flex; align-items:center; }
.payment ul.terms_list li h3 span a {color:#555; font-weight:bold; font-family:"NS_EB"}
.payment ul.terms_list li h3 span a::after {content:""; display:inline-block; width:1px; height:10px; background:#e9e9e9; margin:0 5px; vertical-align:middle;}
.payment ul.terms_list li h3 span input[id="agree1"] + label {display:inline-block; width: 30px; height:30px;	border-radius:3px; background: url("../images/agree_check.png") center center no-repeat;  cursor: pointer; background-color:#d9d9d9; margin-left:7px;}
.payment ul.terms_list li h3 span input[id="agree1"]:checked + label {background-color:#c9113f}
.payment ul.terms_list li h3 span input[id="agree1"] {display:none;}

.payment ul.terms_list li h3 span input[id="agree2"] + label {display:inline-block; width: 30px; height:30px;	border-radius:3px; background: url("../images/agree_check.png") center center no-repeat;  cursor: pointer; background-color:#d9d9d9; margin-left:7px;}
.payment ul.terms_list li h3 span input[id="agree2"]:checked + label {background-color:#c9113f}
.payment ul.terms_list li h3 span input[id="agree2"] {display:none;}

.payment ul.terms_list li div {background:#f9fbfd; border-radius:3px; padding:15px; margin-top:13px;}


/*요금정보*/
.payinfo>div {padding:18px 20px; }
.payinfo>div p:nth-child(1) {font-weight:bold; color:#111111; font-size:1em;}
.payinfo .sumpay {border-bottom:1px solid #e3e3e3; display:flex; justify-content:space-between; align-items:center;}
.payinfo .sumpay p:nth-child(2) {font-size:1.750em; font-weight:bold; letter-spacing:-0.5px;}
.payinfo .sumpay p span {color:#de0a0a; }

.payinfo .method {display:flex; align-items:center; justify-content:space-between;}
.payinfo .method input[type="radio"] {position:relative; width:20px; height:20px; border:2px solid #000000 !important; margin-right:5px; border-radius:50%; -webkit-appearance:none; -moz-appearance:none;}
.payinfo .method input[type="radio"]:checked {border-color:#de0a0a !important}
.payinfo .method input[type="radio"]:checked:before {content:""; position:absolute; left:3px; top:3px; background:#de0a0a; width:10px; height:10px; border-radius:50%;}
.payinfo .method label {color:#111; font-size:0.875em; font-weight:bold; margin-left:30px;}

.payinfo .nobank {display:flex; align-items:center; padding-top:0; }
.payinfo .nobank p:nth-child(1) {width:20%;}
.payinfo .nobank p:nth-child(2) {width:80%; display:flex;}
.payinfo .nobank input[type="text"] {border:1px solid #cccccc; height:36px; line-height:36px; padding-left:10px; width:20%;}
.payinfo .nobank input[type="text"]::placeholder  {color:#cccccc; font-size:0.875em; }
.payinfo .nobank select {border:1px solid #cccccc; height:36px; line-height:36px;  padding-left:10px; font-size:0.875em; color:#555; width:80%; margin-left:5px;}

/*결제하기*/
.complet {}
.complet>div {font-family:'NS_B'; text-align:center; font-size:1.500em; margin-top:1.5rem; padding-bottom:1.5rem; color:#333; border-bottom:1px solid #eaecee}
.complet>div img {margin-bottom:15px;}
.complet>div span {color:#4f3a9d;}
.complet>div p {font-size:0.625em; color:#333; font-family:'NanumSquare'; margin-top:15px;}
.complet>div p b {color:#de0a0a; text-decoration:underline;}

.complet .title_s3 {padding:0 25px;}
.complet .title_s3 h2 {font-size:1em; color:#333; /*font-family:'NS_B';*/ margin-top:20px; margin-bottom:15px;}
.complet .title_s3 h2 span {color:#de0a0a;}

.complet table {width:100%; border:1px solid #d5dbe0; border-top:2px solid #333333; font-family:'Nanum Gothic';}
.complet table tr {border-bottom:1px solid #d5dbe0}
.complet table th {background:#f4f6f8; color:#333; font-family:'NG_B'; font-size:14px; text-align:center; vertical-align:middle;}
.complet table td {color:#555555; font-size:14px; padding:10px 15px; vertical-align:middle; line-height:1.4em}
.complet table td span.colred {color:#de0a0a; font-weight:bold;}
.complet table td span.colpur {color:#3f0b9d; font-weight:bold;}

button.reserv_check {display:flex; justify-content:center;  margin:30px auto 0; border-radius:5px; background:#3f0b9d; font-weight:bold; color:#fff; text-align:center; font-size:1.125em; width:160px; height:50px; line-height:50px;}

/*@@@@@@@@@@@@@ 예약확인/취소 @@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.check .title_s1>h2 {font-size:1.5rem; font-family:'NS_B'; border-bottom:2px solid #333; margin-top:40px; padding-bottom:15px; letter-spacing:-0.5px;}
.check .reser_check {display:flex; flex-wrap:wrap; padding:8px 10px; border-bottom:1px solid #eaecee;}
.check .reser_check .row {display:flex; width:50%; margin:8px 0; align-items:center; padding:0 15px;}
.check .reser_check .row span {color:#3693e4; font-size:13px;}
.check .reser_check label {display:inline-block; font-size:0.875rem; font-weight:bold; color:#333; width:20%; margin-right:10px;}
.check .reser_check label.required::after {content:"*"; color:#d81b49;}
.check .reser_check p {width:100%;}
.check .reser_check input {border:1px solid #cacfd3; border-radius:3px; height:34px; width:100%; box-sizing:border-box; padding-left:10px; color:#4c4c4c; font-size:0.875em;}
.check .precautions {background:#f8fafc; padding:20px;}


/*다음버튼*/
.c_bottom {display:flex; justify-content:flex-end; width:100%;}
button.page_next {margin:20px 0 20px 0; border-radius:5px; background:#d81b49; font-weight:bold; color:#fff; text-align:center; font-size:1.063em; width:145px; height:50px; line-height:50px;}

/*예약하기버튼*/
button.go_reserv {margin:20px 0 50px 0; border-radius:5px; background:#de0a0a; font-weight:bold; color:#fff; text-align:center; font-size:1.063em; width:145px; height:50px; line-height:50px;}


/*배너*/