@charset “utf-8″;


/* 우주로여행사  */
/* 예약완료 안내 박스 - 우주로 */
.complete-box { display:inline-block; width:100%; border:4px solid #d6d6d6; margin: 10px 0 70px 0; }
.complete-box .complete-box_msg { display:inline-flex; width:100%; align-items: center; }
.complete-box .complete-box_detail { display:table; table-layout: fixed; width:100%;   }
.complete-box_msg .complete-box_msg_icon { display:inline-flex; padding:53px 83px; box-sizing:border-box; align-items: center; }
.complete-box_msg .complete-box_msg_icon > img { float:left; margin-right:20px; }
.complete-box_msg .complete-box_msg_icon > p { display:inline-block; font-size:32px; color:#ff6700; font-weight:500; }
.complete-box_msg .complete-box_msg_desc { display:inline-block; box-sizing: border-box; padding-left: 30px; }
.complete-box_msg .complete-box_msg_desc ul li { font-size:15px; color:#666; font-weight:400; line-height: 27px; 
padding-left:13px; background-image:url(/images/icons/link_dot_grey.jpg); background-repeat: no-repeat;
background-size: 3px 3px; background-position: 0 50%;}
.complete-box .complete-box_detail ul { display:table-row; }
.complete-box .complete-box_detail ul li { display:table-cell; height: 125px; border-top:1px solid #d6d6d6; padding:29px 34px; box-sizing: border-box; background:#f5f5f5; }
.complete-box .complete-box_detail ul li > p { font-size:20px; color:#222; font-weight:400; margin-bottom:15px; }
.complete-box .complete-box_detail ul li > h3 { font-size:28px; color:#222; font-weight: 500; letter-spacing: 0.1px; }
.complete-box .complete-box_detail ul li:not(:last-child) { border-right:1px solid #d6d6d6; }
.complete-box .complete-box_detail ul li.dark { background:#767371; color:#fff; }
.complete-box .complete-box_detail ul li.dark p, 
.complete-box .complete-box_detail ul li.dark h3 { color:#fff; }

/* 예약확인 테이블 - 우주로 */
.complete-booking-info { display:inline-block; width:100%; }
.complete-booking-info > p { font-size:20px; color:#ff6600; font-weight:400; margin-bottom:12px; }
table.booking-table { width:100%; border-top:2px solid #000; }
table.booking-table > thead > tr > th { height:50px; font-size:15px; color:#222; font-weight:600; background:#f5f5f5; vertical-align: middle; text-align: center; border-bottom:1px solid #c5c5c5; }
table.booking-table > tbody > tr > td { height:50px; font-size:15px; color:#666; font-weight:400; background:#fff; vertical-align: middle; text-align: center; letter-spacing: 0.1px; border-bottom:1px solid #c5c5c5; padding: 10px 20px; box-sizing: border-box; }

table.booking-table > tbody > tr > td.header { color:#ff6700; font-weight:500; border-right:1px solid #c5c5c5; }
table.booking-table > tbody > tr > td.bold { color:#222; font-weight:500; }
table.booking-table > tbody > tr > td:nth-child(1) { width:16%; }
table.booking-table > tbody > tr > td:nth-child(2) { width:16%; }
table.booking-table > tbody > tr > td:nth-child(3) { width:16%; }
table.booking-table > tbody > tr > td:nth-child(4) { width:20%; }
table.booking-table > tbody > tr > td:nth-child(5) { width:14%; }
table.booking-table > tbody > tr > td:nth-child(6) { width:18%; }
div.b_desc { display: inline-flex; align-items: center; }
div.b_desc > span { float:left; }
div.b_desc > p { float:left; word-break: keep-all; line-height: normal; width: 320px; text-align: left;}
div.b_desc > p > span { color:#ff6700; margin: 0 5px; }
span.g_tag { display:inline-flex; width:72px; height:27px; justify-content: center; align-items: center; color:#fff; background:#949494; border-radius: 25px; margin-right: 15px; font-size: 13px; font-weight: 500;}

table.total-table { width:100%; table-layout: fixed; margin-top: 8px;}
table.total-table tr td { height: 50px; background-color: #ff6700; vertical-align: middle; text-align: right; padding: 0 20px; }
table.total-table tr td p { font-size:18px; font-weight:400; color:#fff; }
table.total-table tr td p > span { font-size:23px; margin-right:10px; font-weight: 500; }

/* 예약확인 테이블 첨가 */
.detail-info { text-align:left !important; padding-left: 40px !important; }
.detail-info.goway { background-color:#ffceb4; }
.detail-info.backway { background-color:#fbd6d6; }

span.complete { font-size:17px; color:#ff6600; font-weight:500; margin-right: 10px; line-height: 35px; }
.btn-cancel { display:inline-flex; width:105px; height:32px; border:2px solid #999999; border-radius:25px; font-size:14px; font-weight:400; color:#999999; padding-right:17px; box-sizing: border-box; justify-content: center; align-items:center; background:url(/images/icons/icon_arrow_right.png) no-repeat; background-position: 87% 50%; }
.btn-cancel:hover { opacity: 0.8;}
.btn-cancel:active { background-color:#e9e9e9;}

.btn-pay { display:inline-flex; width:105px; height:32px; border:2px solid #999999; border-radius:25px; font-size:14px; font-weight:400; color:#999999; padding-right:17px; box-sizing: border-box; justify-content: center; align-items:center; background:url(/images/icons/icon_arrow_right.png) no-repeat; background-position: 87% 50%; }
.btn-pay:hover { opacity: 0.8;}
.btn-pay:active { background-color:#e9e9e9; }


/* 예약확인 합계부분 - 우주로 */
.booking-total { display:inline-flex; width:100%; height:60px; background-color: #ff6700; align-items: center; justify-content: flex-end; padding:0 60px; margin-bottom:50px; }
.booking-total > span { color:#fff; margin-right:30px; font-size:18px; color:#fff; font-weight:400;  }
.booking-total > span.total_price { margin:0; font-size:25px; color:#fff; font-weight:500;  }


/* 버튼영역 - 우주로 */
.btn { display:inline-flex; width:145px; height:55px; align-items: center; justify-content: center; font-size:17px; font-weight:500; color:#d6d6d6; border:1px solid #d6d6d6; margin: 0 3px; cursor: pointer;}
.btn:hover { opacity: 0.8;}
.btn.confirm { color:#fff; background:#ff6700; border-color:#ff6700; }
.btn.confirm:active { color:#c5c5c5; background: #bb4d03;}
.btn.cancel { color:#fff; background:#bababa; border-color:#bababa; }
.btn.cancel:active { color:#c5c5c5; background:#868686; }
.btn.wide { width:185px; }


/* 예약조회 하단 알림박스 */ 
.notice-box { display:inline-block; width:100%; border:1px solid #d6d6d6; padding:0 27px; }
.notice-box > ul { list-style:none; }
.notice-box > ul > li:not(:last-child) { border-bottom: 1px dashed #d6d6d6; }
.notice-box_section { display:inline-flex; width:100%; align-items: center; }
.notice-box_section .notice-box_section_icon { display:inline-flex; padding: 0 10px 0 40px; box-sizing:border-box; align-items: center;  }
.notice-box_section .notice-box_section_icon > img { float:left; margin-right:20px; }
.notice-box_section .notice-box_section_desc > p { display:inline-block; font-size:20px; color:#222; font-weight:400; margin-bottom:20px; }
.notice-box_section .notice-box_section_desc { display:inline-block; box-sizing: border-box; padding-left: 30px; padding:30px; }
.notice-box_section_desc ul li { font-size:15px; color:#666; font-weight:400; line-height: 27px; 
padding-left:13px; background-image:url(/images/icons/link_dot_grey.jpg); background-repeat: no-repeat;
background-size: 3px 3px; background-position: 0 50%;}

/* 예약페이지 - 탭메뉴 검색창 */
.tab-search-box { display:inline-block; width:100%;  }
.tab-search-box ul.tab-menu { list-style: none; position: relative; top: 1px; }
.tab-search-box ul.tab-menu > li { display:inline-flex; width:115px; height:50px; font-size:16px; color:#666666; font-weight: 400; background-color:#f5f5f5; border:1px solid #e0e0e0; float:left; justify-content: center; align-items: center; cursor:pointer; }
.tab-search-box ul.tab-menu > li:last-child { border-left:none;}
.tab-search-box ul.tab-menu > li.active { color:#ff6600; background-color:#fff; border-bottom:none; border-top:4px solid #ff6600; }
.tab-search-box ul.tab-menu > li.active p { position:relative; top:-2px; }
.tab-search-box .tab-menu-contents { display:inline-flex; width:100%; height:100px; border:1px solid #e0e0e0; align-items: center; padding:0 33px; box-sizing:border-box; background-color:#fff; }

select.select03 { width:200px; height:45px; padding:0 13px; box-sizing: border-box; 
    background: url(/images/icons/icon_sel_arrow_down3.png) no-repeat 90% 50%; background-color:#fff;
    border: 1px solid #bababa; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; color:#666; font-weight: 400; vertical-align: top; margin-right:13px; }
/* IE 10, 11의 네이티브 화살표 숨기기 */
select.select03::-ms-expand {display: none;}

.input-date { display: inline-block; position: relative; width: 200px; height: 45px; border:1px solid #bababa; background-image: url(/images/icons/icon_calendar2.png); background-repeat: no-repeat; background-size: 28px 26px; background-position: 92% 50%; padding-right: 56px; margin-right:10px; vertical-align: top; cursor:pointer; }
.input-date.no-use, .input-date.no-use input { background-color: #ccc; opacity: 0.7; }
.input-date input { border: 0; width:100%; height: 43px; font-size: 16px; color: #222; font-weight: 500; padding: 0 19px; line-height: normal; -ms-padding: 13px 19px; -ms-line-height:1; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.input-date input { border: 0; width:100%; font-size: 1.2em; color: #000; font-weight: 500; padding: 13px 19px; line-height:1; }
}
input::-webkit-input-placeholder { font-size: 16px; color:#666666; font-weight: 400; }
input:-ms-input-placeholder { font-size: 16px; color:#666666; font-weight: 400; }

/* 예약페이지 - 검색조회 버튼 */
.btn-search { display:inline-flex; width:145px; height:45px; align-items: center; justify-content: center; font-size:17px; font-weight:500; color:#fff; background: #ff6700; border:0; margin: 0 3px; cursor: pointer;}
.btn-search:hover { opacity: 0.8;}
.btn-search:active { color:#c5c5c5; background: #bb4d03;}

/* 예약페이지 - 라디오버튼 - 조회결과내부 */
.checks {position: relative;} 
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -16px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
.checks input[type="radio"] + label:active:before, 
.checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks input[type="radio"]:checked + label:before { background: #fff; border-color: #adb8c0; } 
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: -12px; left: 4px; width: 13px; height: 13px; background: #ff6600; border-radius: 100%; /*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/ }

/* 예약페이지 - 약관동의 박스 */
.term-check-area { display:inline-block; width:100%; background-color:#f6f6f6; padding:45px 15px; box-sizing:border-box;}
.term-check-area .term-check-area_table { display:table; width:100%; table-layout: fixed; margin-bottom:13px;}
.term-check-area .term-check-area_table > ul { display:table-row; list-style:none; }
.term-check-area .term-check-area_table > ul > li { display:table-cell; text-align:center; vertical-align: top; }
.term-check-box { display:inline-block; width:100%;  }
.term-check-box .term-check-box_title { display:inline-block; width:100%; padding:0 10px; vertical-align: top; margin-bottom: 10px;}
.term-check-box .term-check-box_title > p { font-size:16px; color:#222; font-weight:500; float:left; }
.term-check-box .term-check-box_title .term-check { float:right; }
.term-check-box .term-check-body { display:inline-block; width:337px; height:391px; border:1px solid #c5c5c5; background-color:#fff; padding: 18px 19px; box-sizing:border-box; text-align:left; overflow-y: auto; }
.term-check-box .term-check-body p { font-size:13px; color:#666666; font-weight:400; line-height: 18px;;}
.term-check-area_checkbox{ display:inline-flex; width:98%; height:60px; border:1px solid #ff6600; background-color:#fff; justify-content: center; align-items: center; margin: 0 10px;}

/* 예약페이지 - 예약정보 입력 */
.booking-input-form { display:inline-block; width:100%; border:4px solid #d6d6d6; padding:30px 26px; box-sizing:border-box;  }
.booking-input-form .booking-input-form_header { display:inline-block; width:100%; border-bottom:1px solid #e0e0e0; padding-bottom:18px; }
.booking-input-form .booking-input-form_header > p { font-size:15px; font-weight:400; color:#666; padding-left:25px; background:url(/images/icons/icon_circle_donut.png) no-repeat; background-position:0 50%;  }
.booking-input-form .booking-input-form_body { display:inline-block; width:100%; padding-top:30px; }
.booking-input-form .booking-input-form_body .booking-input-form_body_row { width:100%; }
.booking-input-form_body_row .body_col { display: inline-flex; width: 49%; text-align: left; align-items: center;}
.body_col > span { font-size:16px; color:#222; font-weight:400; line-height: 27px; 
padding-left:13px; background-image:url(/images/icons/link_dot_grey.jpg); background-repeat: no-repeat;
background-size: 3px 3px; background-position: 0 50%; margin-right:17px; }
.input_form > span { font-weight: 600; color: #666; margin:0 5px; }

/* 좌석지정창 */
.view_seat { display: inline-block; width: 100%; height: auto; margin:20px 0; }
tr.hidden_seat { display: none; }
tr.hidden_seat > td { padding:10px 0 !important; border: 0 !important; }


/* 좌석지정창  */
.seat-selector { display:inline-block; width:100%; border:2px solid #383838; position:relative; }
.x-box { display: inline-block; width: 50px; height: 50px; background-color: #383838; background-image: url(/images/icons/icon_x_close.png); background-size: 19px 19px; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; right: 0;}

.seat-selector .seat-selector_body { width:100%;  }
.seat-selector .seat-selector_body .body_left { display:inline-block; width:calc(100% - 387px); height:500px; padding:45px 35px; box-sizing:border-box; background-color: #fff; float:left; }
.seat-selector .seat-selector_body .body_right { display:inline-block; width:387px; height:500px; padding:47px 40px 0 40px; border-left:1px solid #c5c5c5; background-color:#f6f6f6; text-align:left; float:right; overflow-y:auto; }
.body_left .seat-select_area { width:100%; border-bottom:1px dashed #c5c5c5; }
.body_left .seat-select_area .seat-select_area_title { display:inline-block; width:100%; margin-bottom:20px; }
.body_left .seat-select_area .seat-select_area_title p { font-size:20px; font-weight:500; color:#222222; float:left; }
.body_left .seat-select_area .seat-select_area_title p.fr { float:right; font-size:15px; font-weight:400; color:#666666; margin-right: 10px; }
.body_left .seat-select_area .seat-select_area_title p.fr span.f_orange { color:#ff6600; }
.body_left .seat-select_area .seat-select_area_title p.fr span.hipun { margin:0 5px; }
.body_left .seat-select_area .seat-image { display:inline-block; width:100%; min-height:200px; background-color:#fff; margin-bottom:43px; }
.body_left .seat-select_info { display:inline-block; width:100%; padding: 37px 5px 0 5px;; }
.seat-select_info_row { width:100%; text-align:left; }
.seat-select_info_row span.title { display:inline-block; width:115px; font-size:16px; font-weight:600; color:#222222; text-align: left;  }
.seat-select_info_row span.result-count-person { display:inline-block; font-size:30px; font-weight:500; color:#ff6600; letter-spacing: 1px; }
.seat-select_info_row span.seat_no { display:inline-block; font-size:16px; font-weight:400; color:#666666; letter-spacing: 0.3px;}
.seat-selector .seat-selector_footer { display:inline-block; width:100%; }
.seat-selector .seat-selector_footer > a { display:inline-flex; width:100%; height:60px; background-color:#383838; justify-content: center; align-items: center; font-size:18px; font-weight:500; color:#fff; }
.seat-selector .seat-selector_body .body_right > p { font-size:20px; font-weight:500; color:#222; margin-bottom:20px;  }
.seat-selector .seat-selector_body .body_right .loc-selector { width:100%; }
.seat-selector .seat-selector_body .body_right .loc-selector table.loc-selector_table { width:100%; }
.seat-selector .seat-selector_body .body_right .loc-selector table.loc-selector_table tr th,
.seat-selector .seat-selector_body .body_right .loc-selector table.loc-selector_table tr td { height:50px; text-align:center; vertical-align: center; }
.seat-selector .seat-selector_body .body_right .loc-selector table.loc-selector_table thead th { padding:0 2px; }
.seat-selector .seat-selector_body .body_right .loc-selector table.loc-selector_table thead th > p { display:inline-flex; height:36px; width:100%;  font-size:15px; color:#222; font-weight:600; background-color:#c5c5c5; border-radius: 5px; justify-content: center; align-items: center;;  }
.seat-selector .seat-selector_body .body_right .loc-selector table.loc-selector_table tr td { font-size:15px; font-weight:400; color:#666; vertical-align: middle; padding: 0 7px; }
.seat-selector .seat-selector_body .body_right .loc-selector table.loc-selector_table tr td > span { align-items: center; display: inline-flex; justify-content: center; height: 39px; }
.minus { display: inline-block; border: 1px solid #e4e4e4; width: 39px; height: 39px; background-image: url(/images/icons/icon_minus_off.png); background-repeat: no-repeat; background-size: 19px 19px; background-position: 50% 50%; background-color: #fff; float: left; cursor: pointer; }
.minus:hover { background-image: url(/images/icons/icon_minus_on.png); }
.minus:active { background-image: url(/images/icons/icon_minus_on.png); background-color:#dcdbdb; }
.plus { display: inline-block; border: 1px solid #e4e4e4; width: 39px; height: 39px; background-image: url(/images/icons/icon_plus_off.png); background-repeat: no-repeat; background-size: 19px 19px; background-position: 50% 50%; background-color: #fff; float: right; cursor: pointer;}
.plus:hover { background-image: url(/images/icons/icon_plus_on.png); }
.plus:active { background-image: url(/images/icons/icon_plus_on.png); background-color:#dcdbdb; }


/* 기존 */

.schedule-tab { display: inline-block; width: 100%; height: auto; margin-top:20px; margin-bottom: 80px; }

.tab {list-style:none;margin:0;padding:0;overflow:hidden; }
/* Float the list items side by side */
.tab li { float: left; }
/* Style the links inside the list items */
.tab li span {
	display: inline-block;
	color: #000;
	text-align: center;
	text-decoration: none;
	/*padding: 14px 16px;*/
	width: 165px; 
	height: 45px;
	text-align: center;
	font-size: 1.4em;
	font-weight: 400;
	background-color: #f3f3f3;
	transition:0.3s;
	padding-top: 12px;
	cursor: pointer;
}

/* Style the tab content */
.tabcontent {display:none;width:100%;height:106px;border:3px solid #135ea6;background-color:#fff;}
.tabcontent .search-form { display: inline-block; width: 85%; height: auto; float:left; padding: 26px 0px 0 31px;}
.tabcontent .search-btn { display: inline-block; width: 15%; height: 100%; text-align: center;  }
.tabcontent .search-btn a { display: inline-block; width: 100%; height: 100%; font-size: 1.6em; color:#fff; background-color: #135ea6; font-weight: 500; line-height: normal;    padding-top: 30px; margin-right:-1px; }
ul.tab li.current span {background-color: #135ea6;color: #fff;}
.tabcontent.current {display: block;}
ul.tab li span { background-repeat: no-repeat;	background-size: 24px 21px; background-position: 70% 50%; padding-right: 35px; }
ul.tab li span.roundtrip { background-image:url(../images/icons/icon_arrow_round_off.png); }
ul.tab li.current span.roundtrip { background-image:url(../images/icons/icon_arrow_round_on.png); }
ul.tab li span.oneway { background-image:url(../images/icons/icon_arrow_oneway_off.png); }
ul.tab li.current span.oneway { background-image:url(../images/icons/icon_arrow_oneway_on.png); }

select.select01 { width: 200px;height: 50px; padding: 0 19px; 
    background: url(../images/icons/icon_sel_arrow_down.png) no-repeat 90% 50%; 
    border: 1px solid #bababa;
    border-radius: 0px; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    font-size: 1.3em;
    color:#666666;
    font-weight: 500;
    margin-right: 10px;
}
select.select01.mr10 { margin-right: 10px; }

/* IE 10, 11의 네이티브 화살표 숨기기 */
select.select01::-ms-expand {display: none;}

.search-form select:nth-child(2) { margin-right: 20px; }



#cal1 { position: absolute !important; top: 57px; left: 0; width: 100%; height: auto;  z-index: 100; display: none;	}
#cal2 { position: absolute !important; top: 57px; left: 0; width: 100%; height: auto;  z-index: 100; display: none;	}
#cal3 { position: absolute !important; top: 57px; left: 0; width: 100%; height: auto;  z-index: 100; display: none;	}

.search-list, .confirm-list { display: inline-block; width: 100%; height: auto; }
.search-list > h2, .confirm-list > h2 { font-size:1.3em; color:#000; font-weight: 400; line-height: normal; 
	background-image: url(../images/icons/icon_indic_arrow_r2.png);
	background-repeat: no-repeat;
	background-size: 17px 17px; 
	background-position: 0 50%; 
	padding-left: 25px;
 }
table.search-table { width: 100%; border-top:2px solid #426096; margin:10px 0 40px 0; }
table.search-table > thead > tr, table.search-table > tbody > tr { height: 46px; border-bottom: 1px solid #b4b4b4; }
table.search-table > thead > tr { background-color: #f3f3f3; }
table.search-table > thead > tr > th { font-size: 1.15em; color:#000; font-weight: 500; line-height: normal; vertical-align: middle; text-align: center;letter-spacing: 0.1px;}
table.search-table > thead > tr > th:first-child, table.search-table thead tr th:last-child { width: 150px; }
table.search-table > thead > tr > th:nth-child(6) { width: 180px; }
table.search-table > tbody > tr > td { font-size: 1.15em; color:#000; font-weight: 400; line-height: normal; vertical-align: middle; text-align: center; letter-spacing: 0.1px; }

a.btn-seat { font-size:0.9em; color:#f6f6f6; font-weight: 500; line-height: normal; background-color: #426096; text-align: center; 
	padding: 3px 35px 3px 12px;
	background-image:url(../images/icons/icon_arrow_r_w.png); 
	background-size: 10px 14px; 
	background-repeat: no-repeat;
	background-position: 90% 50%; 
}

table.confirm-table { width: 100%; border-top:2px solid #426096; margin:10px 0 0 0; }
table.confirm-table > thead > tr, table.confirm-table > tbody > tr { height: 46px; border-bottom: 1px solid #b4b4b4; }
table.confirm-table > thead > tr { background-color: #f3f3f3; }
table.confirm-table > thead > tr > th { font-size: 1.15em; color:#000; font-weight: 500; line-height: normal; vertical-align: middle; text-align: center;letter-spacing: 0.1px;}
table.confirm-table > thead > tr > th:nth-child(1) { width: 150px; }
table.confirm-table > tbody > tr > td { font-size: 1.15em; color:#000; font-weight: 400; line-height: normal; vertical-align: middle; text-align: center; letter-spacing: 0.1px; }
table.confirm-table > tbody > tr.total-area { height: 74px; background-color: #f3f7ff; border-bottom: 0; }
table.confirm-table > tbody > tr.total-area td { text-align: right; padding-right: 60px; }
table.confirm-table > tbody > tr.total-area td span.tls { font-size: 1.5em; color: #000000; font-weight: 500; line-height: normal; margin-right: 50px; }
table.confirm-table > tbody > tr.total-area td span.price { font-size: 1.5em; color: #135ea6; font-weight: 900; line-height: normal; }



table.confirm-total-table { width: 100%; /* margin:0 0 20px 0;*/ }
table.confirm-total-table > thead > tr, table.confirm-total-table > tbody > tr { height: 46px; border-bottom: 1px solid #b4b4b4; }
table.confirm-total-table > thead > tr { background-color: #f3f3f3; }
table.confirm-total-table > thead > tr > th { font-size: 1.15em; color:#000; font-weight: 500; line-height: normal; vertical-align: middle; text-align: center;letter-spacing: 0.1px;}
table.confirm-total-table > thead > tr > th:nth-child(1) { width: 150px; }
table.confirm-total-table > tbody > tr > td { font-size: 1.15em; color:#000; font-weight: 400; line-height: normal; vertical-align: middle; text-align: center; letter-spacing: 0.1px; }
table.confirm-total-table > tbody > tr.total-area { height: 74px; background-color: #426096; border-bottom: 0; }
table.confirm-total-table > tbody > tr.total-area td { text-align: right; padding-right: 60px; }
table.confirm-total-table > tbody > tr.total-area td span.tls { font-size: 1.5em; color: #fff; font-weight: 500; line-height: normal; margin-right: 50px; }
table.confirm-total-table > tbody > tr.total-area td span.price { font-size: 1.5em; color: #fff; font-weight: 900; line-height: normal; }



/* 좌석지정창 */
.view_seat { display: inline-block; width: 100%; height: auto; margin:20px 0; }
.hidden_seat { display: none; }

/*  약관동의  */
.term-agree-area { display: inline-block; width: 100%; height: auto; margin-bottom: 15px; }
.term-area { display: inline-block; width: 350px; height: 435px; border:1px solid #e2e2e2; box-sizing: border-box; }
.term-agree-area div.term-area:nth-child(1) { margin-right: 20px; }
.term-agree-area div.term-area:nth-child(2) { margin-right: 21px; }
.term-area .term-title { display: inline-block; width: 100%; height: 46px; background-color: #f0f0f0; padding: 11px 0 0 17px;}
.term-area .term-body { display: inline-block; width: 100%; height: 375px; background-color: #fff; overflow-y: auto; padding: 21px 17px; }
.term-area .term-body p { font-size: 0.8em; color:#666666; font-weight: 500; line-height: normal;     word-break: break-all; }
.term-agree-check {display: inline-block; width: 100%; height: 53px; margin-bottom: 20px; background-color: #f6f6f6; text-align: center; padding-top:15px; }
.term-area .term-title p { font-size:1em; color:#000; font-weight: 500; line-height: normal; float:left; }

/* 체크박스 */
.form_container { vertical-align: middle; line-height: normal; font-size: 1em; font-weight: 400; color: #666;}
.form_container p { text-align: left; font-size: 15px; font-weight: 400; color: #222222;}
.form_container p.c_orange { font-size:16px; font-weight:400; color: #ff6600; position: relative; top: -1px; }
.form_container div.desc { font-size: 0.9em; text-align: left; }

/* CHECK BOX */
.form_container {
  float:right;
  display: block;
  position: relative;
  padding-left: 30px;
  line-height: 24px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.form_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.form_check01 {
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #cccbc9;
}

/* On mouse-over, add a grey background color */
.form_container:hover input ~ .form_check01 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.form_container input:checked ~ .form_check01 {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.form_check01:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form_container input:checked ~ .form_check01:after {
  display: block;
}

/* Style the checkmark/indicator */
.form_container .form_check01:after {
  left: 4px;
	top: 0px;
	width: 9px;
	height: 14px;
	border: solid #151515;
	border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.term-check-all { display: inline-block; }
.term-check-all .form_container p { color:#000 !important; font-size: 1.1em !important; font-weight: 400 !important;}

/* 예약자정보 입력폼 */
.member-form { display: inline-block; width: 100%; height: auto; border-top: 3px solid #5281b7; margin-bottom: 48px; }
.member-notice { display: inline-block; width: 100%; height: 47px; padding:16px 0; }
.member-notice > p {font-size:0.9em; color:#000000; font-weight: 400; 
background-image: url(../images/icons/icon_indic_circle.png);
background-repeat: no-repeat;background-size: 12px 12px; background-position: 0 60%;padding-left: 17px;}
table.member-table { display: inline-block; width: 100%; height: auto; border:1px solid #e2e2e2; padding:27px 29px; background-color: #fbfbfb; }

table.member-table tr td > p { font-size:1.1em; color:#000000; font-weight: 400; line-height: normal; 
background-image: url(../images/icons/icon_indic_dot.png);
background-repeat: no-repeat;background-size: 3px 3px; background-position: 0 50%;padding-left: 16px;}
table.member-table tbody tr:first-child { height: 64px; }
table.member-table tbody tr td:nth-child(1) { width: 90px; }
table.member-table tbody tr td:nth-child(2) { width: 351px; }
table.member-table tbody tr td:nth-child(3) { width: 157px; }


/* 버튼영역 */



/* 예약완료 */
.complete-form { display: inline-block; width: 100%; height: auto; border-top: 3px solid #5281b7; margin-bottom: 33px; margin-top: 20px; }
.complete-notice { display: inline-block; width: 100%; height: auto; padding-top:27px; }
.complete-notice > p {font-size:0.9em; color:#000000; font-weight: 400; margin-bottom: 10px;letter-spacing: 0.02px;
background-image: url(../images/icons/icon_indic_circle.png);
background-repeat: no-repeat;background-size: 12px 12px; background-position: 0 60%;padding-left: 17px;}
.complete-info { display: inline-block; width: 100%; height: 74px; border:1px solid #e2e2e2; background-color: #fbfbfb; margin-top:10px; }
.complete-info .info-table { display: table; width: 100%; height: auto;  }
.complete-info .info-table ul { display: table-row; height: 74px; }
.complete-info .info-table ul li { display: table-cell; vertical-align: middle; text-align: center; }
.complete-info .info-table ul li > p { font-size:1.4em; color:#000; font-weight: 500; line-height: normal; }
.complete-info .info-table ul li > p > span { color:#135ea6; }
/*.complete-info .info-table ul li:nth-child(2) p { border-left: 1px solid #c2c2c2;border-right: 1px solid #c2c2c2; }*/
.complete-info .info-table ul li:first-child { background-image: url(../images/icons/icon_v_bar_ln.png);
background-repeat: no-repeat;background-size: 1px 17px;background-position: 100% 50%; }
.complete-info .info-table ul li:last-child { background-image: url(../images/icons/icon_v_bar_ln.png);
background-repeat: no-repeat;background-size: 1px 17px;background-position: 0 50%; }

.confirm-box { display: inline-block; width: 100%; height: auto; margin-top: 10px; }
.confirm-title2 { display: inline-block; width: 11%; height: 140px; float:left; background-color: #5281b7; text-align: center; padding-top:60px; }
.confirm-title2 > p { font-size: 1.1em; color:#ffffff; font-weight: 700;  }
table.confirm-table2 { width: 89%; border-top:2px solid #5281b7; }
table.confirm-table2 > thead > tr, table.confirm-table2 > tbody > tr { height: 46px; border-bottom: 1px solid #b4b4b4; }
table.confirm-table2 > thead > tr { background-color: #f3f3f3; }
table.confirm-table2 > thead > tr > th { font-size: 1.15em; color:#000; font-weight: 500; line-height: normal; vertical-align: middle; text-align: center;letter-spacing: 0.1px;}
table.confirm-table2 > thead > tr > th:nth-child(1) { width: 210px; }
table.confirm-table2 > thead > tr > th:nth-child(2) { width: 210px; }
table.confirm-table2 > tbody > tr > td { font-size: 1.15em; color:#000; font-weight: 400; line-height: normal; vertical-align: middle; text-align: center; letter-spacing: 0.1px; }
table.confirm-table2 > tbody > tr.summary-area { border-bottom: 2px solid #5281b7; }

.confirm-title3 { display: inline-block; width: 11%; height: 140px; float:left; background-color: #426096; text-align: center; padding-top:60px; }
.confirm-title3 > p { font-size: 1.1em; color:#ffffff; font-weight: 700;  }
table.confirm-table3 { width: 89%; border-top:2px solid #426096;  }
table.confirm-table3 > thead > tr, table.confirm-table3 > tbody > tr { height: 46px; border-bottom: 1px solid #b4b4b4; }
table.confirm-table3 > thead > tr { background-color: #f3f3f3; }
table.confirm-table3 > thead > tr > th { font-size: 1.15em; color:#000; font-weight: 500; line-height: normal; vertical-align: middle; text-align: center;letter-spacing: 0.1px;}
table.confirm-table3 > thead > tr > th:nth-child(1) { width: 210px; }
table.confirm-table3 > thead > tr > th:nth-child(2) { width: 210px; }
table.confirm-table3 > tbody > tr > td { font-size: 1.15em; color:#000; font-weight: 400; line-height: normal; vertical-align: middle; text-align: center; letter-spacing: 0.1px; }
table.confirm-table3 > tbody > tr.summary-area { border-bottom: 2px solid #426096; }

table.confirm-table-n { width: 100%; border-top:2px solid #5281b7; }
table.confirm-table-n > tbody > tr { height: 46px; border-bottom: 1px solid #b4b4b4; }
table.confirm-table-n > tbody tr:first-child { background-color: #f3f3f3; }
table.confirm-table-n > tbody tr:first-child > td { font-size: 1.15em; color:#000; font-weight: 500; line-height: normal; vertical-align: middle; text-align: center;letter-spacing: 0.1px;}
table.confirm-table-n > tbody tr:first-child > td.header1 { font-size: 1.1em; color: #ffffff; font-weight: 700; background-color: #5281b7; border-bottom: 2px solid #5281b7; }
table.confirm-table-n > tbody > tr:first-child td:nth-child(1) { width: 121px; }
table.confirm-table-n > tbody > tr:first-child td:nth-child(2) { width: 210px; }
table.confirm-table-n > tbody > tr:first-child td:nth-child(3) { width: 210px; }
table.confirm-table-n > tbody > tr > td { font-size: 1.15em; color:#000; font-weight: 400; line-height: normal; vertical-align: middle; text-align: center; letter-spacing: 0.1px; }
table.confirm-table-n > tbody > tr.summary-area { border-bottom: 2px solid #5281b7;}

table.confirm-table-n.back { border-top:2px solid #426096 !important; }
table.confirm-table-n.back > tbody > tr.summary-area { border-bottom: 2px solid #426096 !important;}
table.confirm-table-n.back > tbody tr:first-child > td.header1 { background-color: #426096 !important; border-bottom: 2px solid #426096; }

.summary .summary-title { float:left;}
.summary .summary-content { float:left; margin-right: 50px; min-width: 200px;}
.summary { display: inline-block; width: 100%; text-align: left; padding:10px 35px 5px 35px;   }
p.price { font-weight: 500; color:#135ea6; }
.complete-tag2 { font-size:0.9em; background-color: #86a7cc; font-weight: 350; color:#fff; border-radius: 15px; padding:3px 15px; line-height:normal; margin-right: 10px; }
.complete-tag3 { font-size:0.9em; background-color: #7a8fb5; font-weight: 350; color:#fff; border-radius: 15px; padding:3px 15px; line-height:normal; margin-right: 10px; }
.t01 { color:#135ea6 !important; }

.summary-price { display: inline-block; width: 100%; height: 82px; background-color: #f3f7ff; text-align: right; padding-top:26px; padding-right: 60px;margin-bottom: 50px;	 }
.summary-price > span { font-size: 1.8em; color: #000; font-weight: 400; margin-right: 30px; }
.summary-price > span.t01 { font-weight: 700 !important;     letter-spacing: 0.1px; }


/* 예약조회 */
.search-book-form { display: inline-block; width: 100%; height: auto; border-top: 3px solid #5281b7; margin-top: 20px; }
.search-info { display: inline-block; width: 100%; height: 99px; border:1px solid #e2e2e2; background-color: #fff; margin:10px 0 23px 0; }
.search-info .info-table { display: table; width: 100%; height: auto;  }
.search-info .info-table ul { display: table-row; height: 99px; }
.search-info .info-table ul li { display: table-cell; vertical-align: middle; text-align: center; }
.search-info .info-table ul li > span.title { font-size:1.1em; color:#000; font-weight: 400; line-height: normal; margin-right: 15px; }

table.search-table2 { width: 100%; border-top:2px solid #426096; margin:10px 0 40px 0; }
table.search-table2 > thead > tr, table.search-table2 > tbody > tr { height: 46px; border-bottom: 1px solid #b4b4b4; }
table.search-table2 > thead > tr { background-color: #f3f3f3; }
table.search-table2 > thead > tr > th { font-size: 1.15em; color:#000; font-weight: 500; line-height: normal; vertical-align: middle; text-align: center;letter-spacing: 0.1px;}
table.search-table2 > thead > tr > th:first-child, table.search-table2 thead tr th:last-child { width: 150px; }
table.search-table2 > thead > tr > th:nth-child(1) { width: 180px; }
table.search-table2 > thead > tr > th:nth-child(7) { width: 220px; }
table.search-table2 > tbody > tr > td { font-size: 1.15em; color:#000; font-weight: 400; line-height: normal; vertical-align: middle; text-align: center; letter-spacing: 0.1px; }
span.book-ok { font-size: 1.1em; color:#135ea6; font-weight: 700; line-height:normal; margin-right: 5px; line-height: 35px; }
span.book-cancel { font-size: 1.1em; color:#d23d3d; font-weight: 700; line-height:normal; margin-right: 5px; line-height: 35px; }
span.book-part { font-size: 1.1em; color:#d4aa28; font-weight: 700; line-height:normal; margin-right: 5px; line-height: 35px; }
span.book-not { font-size: 1.1em; color:#333; font-weight: 700; line-height:normal; margin-right: 5px; line-height: 35px; }


.btn_showSeat { font-size:0.9em; color:#000; font-weight: 400; padding:5px 15px; border:1px solid #dadada; 
border-radius: 15px; 
background-image: url(../images/icons/icon_sel_arrow_down.png); 
background-repeat: no-repeat;
background-size: 19px 19px; 
background-position: 90% 50%; 
padding-right: 25px; }
.btn_cancel { font-size:1em; color:#555555; font-weight: 400; background-color:#efefef; border:1px solid #d4d4d4;
  background-image: url(../images/icons/icon_arrow_r_gray.png);
  background-repeat: no-repeat;
  background-size: 11px 11px;
  background-position: 95% 52%;
  padding: 2px 20px 2px 10px;
  border-radius: 5px; }
.btn_pay { font-size:1em; color:#fff; font-weight: 400; background-color:#4b91ff; border:1px solid #d4d4d4;
    background-image: url(../images/icons/icon_arrow_r_w.png);
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-position: 95% 52%;
    padding: 2px 20px 2px 10px;
    border-radius: 5px; }

/* 예약조회 - 안내부분*/
.notice-area { display: inline-block; width: 100%; height: auto; margin-bottom: 77px; }
.notice-area-box { display: inline-block; width: 100%; height: auto; background-color: #f3f3f3; margin-bottom: 11px; }
.notice-area-box .notice-img { display: table-cell; width: 17%; height: auto; vertical-align: middle; text-align: center; float:left; padding:30px 0;}
.notice-area-box .notice-content { display: inline-block; width: 83%; height: auto; padding: 30px 30px 30px 0; }
.notice-area-box .notice-content > h2 { font-size: 1.25em; color:#000; font-weight: 400; line-height: normal; margin-bottom: 10px; }
.notice-area-box .notice-content .notice-table {display: inline-block; width: 100%; height: auto;}
.notice-area-box .notice-content .notice-table ul { width: 100%; height: 24px; }
.notice-area-box .notice-content .notice-table ul li p { font-size:0.95em; color:#000; font-weight: 350; line-height:normal; }