/* 예약 관련 모듈 스타일 파일 */
select,label,button,textarea,input {border-radius: 0;-webkit-border-radius:0;background-color:transparent;color:#222;font-size:13px;line-height:normal;vertical-align:middle;-webkit-appearance: none;appearance: none;-moz-appearance: none;}
select::-ms-expand { display : none ;}
.reserve { display:inline-block; }
.reserve h3 { font-size:30px; color:#1c1c1c; font-weight:400; margin-top:45px; margin-bottom:25px; line-height:45px; }
.reserve h3 span { display:block; float:left; margin-right:15px;}
.reserve h3 span.info { line-height:45px; font-size:17px; color:#505050;}
.reserve h4 { font-size:22px; color:#292929; background:none; font-weight:400; margin:0 0 12px 0; padding:0; line-height:36px;}
.reserve h4 span.info { font-size:16px; color:#7a7a7a; margin-left:5px;}
.reserve_left { width:876px; margin-right:44px; float:left; position: relative;}

.reserve_left .layercont { border: 1px solid #ddd; box-sizing:border-box; padding:20px 20px 15px; margin-bottom:40px}
.reserve_left .layercont .wrap_counter { line-height:20px;}
.reserve_left .layercont .wrap_counter input { border:0; background-color:#8d8d8d; color:#fff; font-size:14px;}

.reserve .hid { display:block; text-indent:-99999px; height:0;}

.reserve input.big { background-color:#ededed; border:none !important; height:55px; line-height:55px; box-sizing:border-box; width:100%; margin:0; padding:0 25px;}
.reserve input.big:focus { background-color:#fff; border:2px solid #6a6a6a !important;}
.reserve label.big { position:absolute; top:16px; left:25px; color:#717171; font-size:16px !important;}

.reserve input.small { background-color:#fff; border:1px solid #c1c1c1; height:34px; line-height:34px; box-sizing:border-box;  margin:-5px 0 0 0; padding:0 10px; }
.reserve input.small:focus { border:1px solid #3c3c3c !important;}
.reserve label.small { position:absolute; color:#717171; font-size:15px !important; padding-left:10px; line-height:34px;}

.reserve input.num {  border:1px solid #c1c1c1; height:55px; line-height:55px; box-sizing:border-box; margin:0 auto 0; display:block; /*text-align:center;*/ }
.reserve input.num:focus { background-color:#ededed; border:none !important;}
.reserve label.num { position:absolute; left:48.4%; color:#717171; font-size:16px !important;}

.reserve select.select_custom  { background-color:#fff; border:1px solid #c1c1c1; font-size:14px; height:34px; line-height:34px; box-sizing:border-box;  margin:-5px 0 0 0; padding:0 23px 0 14px;  background:url("/images/tssc_reserve/arrow_select.png") 82% center no-repeat; -webkit-appearance:none;-moz-appearance:none;  }

.reserve input.p_radio { border:1px solid #c1c1c1; height:22px; line-height:22px; box-sizing:border-box; margin:-2px auto 0; display:block; text-align:center; }
.reserve input[type="radio"] + label { position:absolute; left:50%; top:15px; margin-left:-11px; display:block; background:url("/images/tssc_reserve/reserve_sp.png") no-repeat -162px -72px; width:22px; height:22px; text-indent:-99999px; cursor:pointer;}
.reserve input[type="radio"]:checked + label { background-position:-214px -72px;}

.reserve input.w_20 { width:200px; }
.reserve input.w_15 { width:150px; }
.reserve input.w_13 { width:130px; }
.reserve input.w_10 { width:100px; min-width:100px;}
.reserve input.w_8 { width:80px; }
.reserve input.w_5 { width:50px; }

.reserve select.w_15 { width:150px; }
.reserve select.w_13 { width:130px; }
.reserve select.w_10 { width:100px; min-width:100px;}
.reserve select.w_8 { width:80px;}
.reserve select.w_5 { width:50px; }

.reserve .bt_normal { clear:both; text-align:right;}
.reserve .bt_normal a { color:#fff; padding:12px 40px; font-size:16px; margin-left:10px; transition:all .3s;}
.reserve .bt_normal a:first-child { margin-left:0;}

.reserve .bt_big { clear:both;}
.reserve .bt_big a { color:#fff; padding:12px 40px; font-size:16px; margin-left:10px; transition:all .3s;}
.reserve a:first-child { margin-left:0;}

.reserve a.btngray { background-color:#495056;}
.reserve a.btngray:hover { background-color:#2e3942;}
.reserve a.btnred { background-color:#bf351f;}
.reserve a.btnred:hover { background-color:#ae200a;}
.reserve a.btnju { background-color:#e5690e;}
.reserve a.btnju:hover { background-color:#d15e09;}
.reserve a.btnnone { background-color:#d4d4d4;}

.reserve .place_schedule { display: inline-block; height:125px;}
.reserve .place_schedule h3 { margin-top:0;}
.reserve .place_schedule > div { width:288px; float:left; margin-left:6px; position:relative; }
.reserve .place_schedule div.start { margin-left:0;}

.reserve .place > a { display:block; position:absolute; text-indent:-99999px; width:16px; height:21px; right:26px; top:17px; background:url("/images/tssc_reserve/reserve_sp.png") no-repeat -20px -24px; cursor:pointer;}
.reserve .place .place_list { position:absolute; top:60px; left:0; width:100%; border:2px solid #6a6a6a; box-sizing:border-box; z-index:10; background-color:#fff;}
.reserve .place .place_list a { display:block; padding:8px 15px; border-top:1px solid #d8dcde;}
.reserve .place .place_list a:first-child { border-top:none;}
.reserve .place .place_list a:hover { background-color:#eeeeee;}

.reserve .arrival button.place_change { position:absolute; top:10px; left:-20px; width:35px; height:35px; text-indent:-99999px; z-index:10; border:2px solid #aaa; border-radius:20px; cursor:pointer;
 background: #fff url("/images/tssc_reserve/reserve_sp.png") no-repeat -94px -16px; transition:all .3s; }
.reserve .arrival button.place_change:hover, .reserve .arrival button.place_change:focus { border:2px solid #6a6a6a;}

.reserve .schedule > a { display:block; position:absolute; text-indent:-99999px; width:16px; height:17px; top:19px; right:26px; top:17px; background:url("/images/tssc_reserve/reserve_sp.png") no-repeat -56px -24px;}

.reserve .passenger { position:relative; display:inline-block; margin-bottom:55px; height:215px;}
.reserve .count_w { float:left; width:288px; float:left; margin-left:6px; }
.reserve .count_w.adult, .reserve .count_w.pet { margin-left:0;}
.reserve .count_w .count { background-color:#ededed; width:100%; height:55px; line-height:55px;  position: relative;}
.reserve .count_w .count button { position:absolute; top:9px; width:38px; height:36px; text-indent:-99999px; border:2px solid #a7a7a7; background-color:#fff; cursor:pointer;  transition:all .3s;}
.reserve .count_w .count button:hover,
.reserve .count_w .count button:focus { border:2px solid #6a6a6a;}
.reserve .count_w .count button.ps_minus { left:12px;}
.reserve .count_w .count button.ps_plus { right:12px;}

.reserve .count_w .count button:after { content:""; display:block; position:absolute; top:10px; left:50%; margin-left:-6px; width:12px; height:12px;}
.reserve .count_w .count button.ps_minus:after { background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -22px -125px;}
.reserve .count_w .count button.ps_plus:after { background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -67px -125px;}

.reserve .passenger .age_check { position:absolute; right:0; top:42px;}
.reserve .passenger .age_check a { display:block; height:38px; line-height:38px; border:1px solid #cecece; border-radius:30px; padding-right:17px; font-size:14px;}
.reserve .passenger .age_check a:before { content:""; width:24px; height:24px; display:block;  background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -148px -19px; float:left; margin:7px 6px 0 8px;}

.reserve .bt_normal.reserve_sch { position:relative;}

.reserve .choice { /*height:640px;*/ margin-bottom:70px; min-height: 380px;}
.reserve .choice h3 { display:inline-block;}
.reserve .choice .course { clear:both; position:relative; margin-bottom:50px;}
.reserve .choice .course h4 { float:left; margin-bottom:35px;}
.reserve .choice .course h4 span { display:block; float:left; margin-right:15px;}
.reserve .choice .course h4 span.cos { background-color:#6a6a6a; color:#fff; font-size:15px; letter-spacing:0.5px; height:32px; line-height:32px; padding:0 18px; border-radius:20px; margin-right:15px;}
.reserve .choice .course h4 span.text { width:55px; text-indent:-99999px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat }
.reserve .choice .course.departure h4 span.text { height:33px; background-position:-19px -65px;}
.reserve .choice .course.destination h4 span.text {  background-position:-88px -65px;}

.reserve .choice .course .cos_tit { float:left; font-size:18px; font-weight:400; line-height:33px; }
.reserve .choice .course .cos_tit > p { float:left;}
.reserve .choice .course .cos_tit .date { margin-right:35px;}
.reserve .choice .course .cos_tit .place span { display:block; float:left;}
.reserve .choice .course .cos_tit .place span.ico { width:65px; height:15px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -192px -24px; text-indent:-99999px; margin:9px 10px 0;}
.reserve .choice .course .cos_tit .place span.hid { text-indent:-99999px;}
.reserve .choice .course .bt_normal { position:absolute; right:0; top:7px;}

.reserve .reserve_table { clear:both; width:100%; text-align:center;}
.reserve .reserve_table th { background-color:#ededed; border-top:2px solid #3c3c3c; border-bottom:1px solid #3c3c3c; padding:14px; position:relative; font-weight:400;}
.reserve .reserve_table th:before { content:""; position:absolute; left:0; top:15px; width:1px; height:20px; background-color:#c7c7c7;}
.reserve .reserve_table th:first-child:before { display:none;}
.reserve .reserve_table td { border-bottom:1px solid #dedede; padding:14px; position:relative; }
.reserve .reserve_table td input.p_radio { border:none;}


.reserve .choice .reserve_table th { padding:0 14px; height:50px; line-height:50px;}
.reserve .choice .reserve_table td { padding:0 14px; line-height:54px;}
.reserve .choice .reserve_table tr { cursor:pointer;}
.reserve .choice .reserve_table tr.check { cursor:pointer; box-sizing:border-box; }
.reserve .choice .reserve_table tr.check:after { content:""; display:block; position:absolute; left:0; border:3px solid #bf341f; margin-top:-1px; width:99.3%; height:51px;}
.reserve .choice .reserve_table tr:hover { background-color:#f7f7f7;}

.reserve .choice .reserve_table tr.f1:after { top:122px;}
.reserve .choice .reserve_table tr.f2:after { top:177px;}


.reserve .reserve_table input.small { margin:0; }


.reserve .person_data { position:relative;  }
.reserve .person_data .bt_normal { position:absolute; top:4px; right:0;}
.reserve .person_data h3 { display:inline-block; width:100%; margin-top:0; margin-bottom:17px;}

.reserve .belongings { position:relative; display:inline-block; height:280px; width:100%;}
.reserve .belongings h3 { margin-bottom:35px;}
.reserve .belongings .bt_normal { position:absolute; top:58px; right:0;}
.reserve .belongings .pet, .reserve .belongings .bike { width:435px;}

.reserve .belongings_new { position:relative; display:inline-block; width:100%; margin-top:25px; font-size:17px; margin-bottom:50px;}
.reserve .belongings_new > div { height:235px;}
.reserve .belongings_new h3 { margin-bottom:35px; height:35px; line-height:40px;}
.reserve .belongings_new .bt_normal { position:absolute; top:58px; right:0;}
.reserve .belongings_new .course { clear:both; width:100%; border:1px solid #cacaca; box-sizing:border-box; padding:10px; height:77px; margin-left:0; margin-bottom:10px;}
.reserve .belongings_new .departure h4 { width:55px; height:35px; text-indent:-99999px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -19px -65px; float:left; margin:9px 30px 0; }

.reserve .belongings_new .course > p { float:left; height:54px; line-height:54px; margin-right:38px;}
.reserve .belongings_new p.place { display:block; float:left; font-size:18px; font-weight:400; margin:0; width:170px;}
.reserve .belongings_new p.place span { display:block; float:left;}
.reserve .belongings_new p.place span.ico { width:29px; height:11px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -210px -26px; text-indent:-99999px; margin:22px 10px 0;}
.reserve .belongings_new p.place span.hid { text-indent:-99999px;}

.reserve .belongings_new .destination h4 { width:55px; height:35px; text-indent:-99999px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -88px -65px; float:left; margin:9px 30px 0; }

.reserve .belongings_new .count_w .count { width:270px; position:relative; float:left;}
.reserve .belongings_new .count_w  label.num { position:absolute; left:48.4%; color:#717171; font-size:16px !important; /*left:0; width:270px; text-align:center;*/ }
/*.reserve .belongings_new .animal .course > p { margin-right:62px;}*/

.reserve .count_w .count.not button { border:2px solid #cecece; background-color:#ededed;}
.reserve .count_w .count.not button.ps_plus:after  { background-position: -164px -125px;}
.reserve .count_w .count.not button.ps_minus:after  { background-position: -119px -125px;}





/*오른쪽*/
.reserve_right { float:left; }
.total { width:310px;}
.total .top_tit { height: auto;}
.total .top_tit h3 { margin:0; height:89px; line-height:89px; font-size:26px; background-color:#ffca0f; padding-left:29px; position:relative; }
/*.total .top_tit h3:after { content:""; display:block; width:115px; height:82px; position:absolute; right:0; top:7px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -263px -168px;}*/
.total .top_tit .person { display:none; }
.total .detail_box { position: relative; border:1px solid #d7d7d7; box-sizing:border-box; border-top:none; height:345px;}
.total .detail_box .course { background-color:#f7f8f9; height:92px; margin-bottom:0;}
.total .detail_box .course .cos_tit { height:64px; margin-bottom:23px;}
.total .detail_box .course .person_tit { background-color:#38567b; height:50px; line-height:51px; color:#fff; padding-left:29px; font-size:16px;}

.total .detail_box .cos { display:block; float:left; background-color:#6a6a6a; color:#fff; width:72px; height:40px; line-height:40px; border-radius:20px; text-align:center; font-size:17px; margin:25px 14px 0 29px; }
.total .detail_box .place { display:block; float:left; font-size:18px; font-weight:400; margin:23px 0 0 0; width:170px;}
.total .detail_box .place span { display:block; float:left;}
.total .detail_box .place span.ico { width:29px; height:11px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -210px -26px; text-indent:-99999px; margin:6px 10px 0;}
.total .detail_box .place span.hid { text-indent:-99999px;}
.total .detail_box .place span.time { font-size:15px; color:#767676; line-height:15px; margin-top:4px;}
.total .detail_box .t_detail { clear:both; width:80%; margin:10px auto 0; color:#3c3c3c; font-weight:400; font-size:17px;}
.total .detail_box .t_detail td { padding:4px 0;}
.total .amount { width:100%; height:86px; line-height:86px; background-color:#f7f8f9; border:1px solid #d7d7d7; border-top:none; border-bottom:none; box-sizing:border-box; }
.total .amount p { width:80%; margin:0 auto; font-size:20px; font-weight:400;}
.total .amount p span { display:block; float:left;}
.total .amount p span.align_left { width:35%;}
.total .amount p span.align_right { width:65%; font-size:28px;}
.total .amount p span.align_right span { float:right; font-size:20px; margin-left:7px;}

.total .bt_big a { display:block; width:100%; padding:0; text-align:center; height:60px; line-height:60px; font-size:24px;}
.total .bt_big.mem a { width:50%; margin:0; float:left; font-size:17px;}

/*레이어창*/
.layer { box-sizing:border-box; z-index:10; background-color:#fff; border:1px solid #d9dadb; margin-top:20px; width:900px; position:relative; }
.layer  #login_box input.idinput, .layer #login_box input.pwinput { background-color:#fff;}
.layer .title { background-color:#f7f7f7; height:68px; border-bottom:1px solid #d9dadb;}
.layer .dialog_cont { width:730px; margin:20px auto;}

.layer h3, .layer h4 { text-align:center; margin:0; font-size:22px; line-height:68px; padding:0; background:none; color:#292929; font-weight:400;}
.layer h4 { font-size:20px; text-align:left;}
.layer h4 .info { font-size:16px; color:#7a7a7a; margin-left:5px;}

.layer input.big { background-color:#ededed; border:none !important; height:55px; line-height:55px; box-sizing:border-box; width:100%; margin:0; padding:0 25px;}
.layer input.big:focus { background-color:#fff; border:2px solid #6a6a6a !important;}
.layer label.big { position:absolute; top:16px; left:25px; color:#717171; font-size:16px !important;}

.layer input.small { background-color:#fff; border:1px solid #c1c1c1; height:33px; box-sizing:border-box;  margin:-2px 0 0 0; padding:0 10px; line-height:34px; }
.layer input.small:focus { border:1px solid #3c3c3c !important;}
.layer label.small { position:absolute; color:#717171; font-size:15px !important; padding-left:10px; }

.layer input.num {  border:1px solid #c1c1c1; height:55px; line-height:55px; box-sizing:border-box; margin:-5px auto 0; display:block; text-align:center; }
.layer input.num:focus { background-color:#ededed; border:none !important;}
.layer label.num { position:absolute; left:48.4%; color:#717171; font-size:16px !important;}

.layer select.select_custom  { border:1px solid #c1c1c1; font-size:14px; height:34px; line-height:34px; box-sizing:border-box;  margin:-2px 0 0 0; padding:0 35px 0 24px;  background: #fff url("/images/tssc_reserve/arrow_select.png") 82% center no-repeat; -webkit-appearance:none;-moz-appearance:none;  }

.layer input.p_radio { border:1px solid #c1c1c1; height:22px; line-height:22px; box-sizing:border-box; margin:-2px auto 0; display:block; text-align:center; }
.layer input[type="radio"] + label { position:absolute; left:50%; top:15px; margin-left:-11px; display:block; background:url("/images/tssc_reserve/reserve_sp.png") no-repeat -162px -72px; width:22px; height:22px; text-indent:-99999px; cursor:pointer;}
.layer input[type="radio"]:checked + label { background-position:-214px -72px;}

.layer input.w_20 { width:200px; }
.layer input.w_15 { width:150px; }
.layer input.w_13 { width:130px; }
.layer input.w_10 { width:100px; min-width:100px;}
.layer input.w_8 { width:80px;}
.layer input.w_5 { width:50px; }

.layer select.w_15 { width:150px; }
.layer select.w_13 { width:130px; }
.layer select.w_10 { width:100px; min-width:100px;}
.layer select.w_8 { width:80px;}
.layer select.w_5 { width:50px; }


.layer .dialog_btnbox { clear:both; background-color:#e4e4e4; height:61px; padding-top:39px; width:100%; display:inline-block; text-align:center;}
.layer .dialog_close a { display:block; position:absolute; right:34px; top:19px; width:30px; height:29px; text-indent:-99999px;  background:url("/images/tssc_reserve/reserve_sp.png") no-repeat -92px -173px;}
.layer .dialog_close a.refresh { width:31px; height:32px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -23px -172px; right:85px;}

.layer .bt_normal { clear:both; text-align:center;}
.layer .bt_normal a { color:#fff; padding:12px 50px; font-size:16px; margin-left:10px; transition:all .3s;}
.layer .bt_normal a:first-child { margin-left:0;}

.layer .bt_big { clear:both;}
.layer .bt_big a { color:#fff; padding:12px 40px; font-size:16px; margin-left:10px; transition:all .3s;}
.layer a:first-child { margin-left:0;}

.layer a.btngray { background-color:#495056;}
.layer a.btngray:hover { background-color:#2e3942;}
.layer a.btnred { background-color:#bf351f;}
.layer a.btnred:hover { background-color:#ae200a;}
.layer a.btnju { background-color:#e5690e;}
.layer a.btnju:hover { background-color:#d15e09;}
.layer a.btnnone { background-color:#d4d4d4;}
.layer a.btnblue { background-color:#3c5b9b;}
.layer a.btnblue:hover { background-color:#254587;}

.layer a.sbtn { color:#fff; padding:7px 24px 8px; font-size:14px;}

/*달력레이어*/ 
.layer .calendar .date_picker { background-color:#f7f7f7; height:80px; border-bottom:1px solid #d9dadb;}
.layer .calendar .date_picker h4 { line-height:80px; margin:0 53px 0 45px; float:left;}
.layer .calendar .picker p { float:left; margin-top:28px; margin-right:20px; position:relative;}
.layer .calendar .picker p span { color:#272727; font-size:17px; margin-right:7px; font-weight:400;}
.layer .calendar .picker p label.small {top:4px; left:66px; }
.layer .calendar:after { content:""; display:block; position:absolute; width:1px; height:342px; background-color:#d9dadb; left:50%; top:81px;}
.layer .calendar .month { width:50%; padding-top:30px; margin-bottom:20px; float:left; /*--height:290px;--*/}
.layer .calendar .month .tit { display:block; width:80%; text-align:center; margin:0 auto; font-size:24px; color:#313131; font-weight:400; height:45px; line-height:38px;}
.layer .calendar table { width:350px; margin:10px auto 0; text-align:center; font-weight:400; color:#474747;}
.layer .calendar table th, .layer .calendar table td { padding:4px 8px; }
.layer .calendar table .holiday, .reserve .calendar table .holiday a  { color:#bf341f; }
.layer .calendar table .done { color:#ababab;}
.layer .calendar table .today span { background-color:#ffca0f;}
.layer .calendar table a { display:block; padding:6px 8px; border-radius:20px; transition:all .3s; min-width:15px;}
.layer .calendar table a:hover, .layer .calendar table .pick a { background-color:#bf341f; color:#fff; }
.layer .calendar table span { display:block; padding:6px 8px; border-radius:20px; transition:all .3s; min-width:15px;}

.layer .calendar .month_control a { display:block; position:absolute; top:110px; border:2px solid #a7a7a7; text-indent:-99999px; width:34px; height:34px;}
.layer .calendar .month_control a.prev { left:30px;}
.layer .calendar .month_control a.next { right:30px;}
.layer .calendar .month_control a:after { content:""; position:absolute; left:50%; top:6px; margin-left:-5.5px; display:block; width:11px; height:22px;}
.layer .calendar .month_control a.prev:after { background:url("/images/tssc_reserve/reserve_sp.png") no-repeat -163px -172px;}
.layer .calendar .month_control a.next:after { background:url("/images/tssc_reserve/reserve_sp.png") no-repeat -225px -172px;}
.layer .calendar .dialog_close a { top:25px;}

/*승선인원*/
.layer .passenger_l { display:inline-block; width:100%; }
.layer .passenger_l .dialog_cont { height:380px; }
.layer .passenger_l .count_w { float:left; width:226px; height:120px; float:left; margin-bottom:35px; margin-left:25px; }
.layer .passenger_l .count_w.adult, .reserve .count_w.pet { margin-left:0;}
.layer .passenger_l .count_w .count { background-color:#ededed; height:55px; line-height:55px;  position: relative;}
.layer .passenger_l .count_w .count button { position:absolute; top:9px; width:38px; height:36px; text-indent:-99999px; border:2px solid #a7a7a7; background-color:#fff; cursor:pointer;  transition:all .3s;}
.layer .passenger_l .count_w .count button:hover,
.layer .passenger_l .count_w .count button:focus { border:2px solid #6a6a6a;}
.layer .passenger_l .count_w .count button.ps_minus { left:12px;}
.layer .passenger_l .count_w .count button.ps_plus { right:12px;}

.layer .passenger_l .count_w .count button:after { content:""; display:block; position:absolute; top:10px; left:50%; margin-left:-6px; width:12px; height:12px;}
.layer .passenger_l .count_w .count button.ps_minus:after { background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -22px -125px;}
.layer .passenger_l .count_w .count button.ps_plus:after { background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -67px -125px;}

.layer .passenger_l .age_w { clear:both; position: relative; }
.layer .passenger_l .age_text { position:relative; height:24px; line-height:24px; margin-bottom:15px;}
.layer .passenger_l .age_text:after { content:""; width:24px; height:24px; display:block;  background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -148px -19px; float:left; margin:0 6px 0 0;}

.layer .age_box { box-sizing:border-box; } 
.layer .age_check { border:1px solid #e4e4e4; background-color:#fff; padding:27px 60px; }
.layer .age_check span { margin-right: 15px;}
.layer .age_check select { width:132px;}
.layer .result { text-align:center; line-height:25px; background-color:#f7f7f7; border:1px solid #e4e4e4; padding:18px 0; margin-top:-1px;}

.layer .c_red { color:#bf341f;}
.layer .fw4 { font-weight:400;}

/*잔여석현황*/
.layer .remaining { width:100%; display:inline-block;}
.layer .dateRoll { position:relative; width:745px; margin:0 auto; min-height: 300px;}
.layer .remaining .datelist { position:relative;  height:58px;  width:745px; margin:52px auto 30px; overflow: hidden;}
.layer .remaining .datelist:before { content:""; width:745px; display:block; height:3px; position:absolute; background-color:#bf341f; bottom:0; left:0;}
.layer .remaining .datelist .list_item{white-space: nowrap;}
/*.layer .remaining .datelist li { float:left; margin-left:-3px;}*/
.layer .remaining .datelist li { display: inline-block; margin-left:-3px; background-color: #ededed;}
.layer .remaining .datelist li:first-child { margin-left:0;}
.layer .remaining .datelist li a { position: relative; display:block; font-size:15px; font-weight:400; background-color:#ededed;  border-top:3px solid #d0d0d0;  width:103px; height:52px; line-height:52px; border-right:3px solid #d0d0d0; text-align:center; transition:all .3s; }
.layer .remaining .datelist li a::selection{background: initial; color: initial}
.layer .remaining .datelist li a:first-child { border-left:3px solid #d0d0d0; }
.layer .remaining .datelist li a:hover, .layer .remaining .datelist li a.on { background-color:#fff; border-bottom:3px solid #fff; border-top:3px solid #bf341f;  }

.layer .remaining .datelist li a.on:before { content:""; display:block; width:3px; position:absolute; left:-3px; top:-3px; height:58px; background-color:#bf341f; z-index:10;}
.layer .remaining .datelist li a.on:after { content:""; display:block; width:3px; position:absolute; right:-3px; top:-3px; height:58px; background-color:#bf341f; z-index:10;}

.layer .remaining .datelist li a:before { content:""; display:none; width:3px; position:absolute; left:-3px; top:-3px; height:58px; background-color:#bf341f; z-index:10;}
.layer .remaining .datelist li a:after { content:""; display:none; width:3px; position:absolute; right:-3px; top:-3px; height:58px; background-color:#bf341f; z-index:10;}
.layer .remaining .datelist li a:hover:before { content:""; display:block; }
.layer .remaining .datelist li a:hover:after { content:""; display:block; }

.layer .dateRoll .dateRoll_control a { position:absolute; display:block; width:48px; height:58px; top:0; text-indent:-99999px;}
.layer .dateRoll .dateRoll_control a.prev { left:-48px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -145px -154px;}
.layer .dateRoll .dateRoll_control a.next { right:-48px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -206px -154px;}

.layer .reserve_table { clear:both; width:745px; margin:0 auto 60px; text-align:center;}
.layer .reserve_table th { background-color:#ededed; border-top:2px solid #3c3c3c; border-bottom:1px solid #3c3c3c; padding:14px; position:relative; font-weight:400;}
.layer .reserve_table th:before { content:""; position:absolute; left:0; top:15px; width:1px; height:20px; background-color:#c7c7c7;}
.layer .reserve_table th:first-child:before { display:none;}
.layer .reserve_table td { border-bottom:1px solid #dedede; padding:14px; position:relative; vertical-align:middle; }
.layer .reserve_table td input.p_radio { border:none;}

.layer .remaining .touch_none a{touch-action: none; pointer-events: none;}

.layer .remaining .reserve_table tr { cursor:pointer;}
.layer .remaining .reserve_table tr.check { cursor:pointer;  box-sizing:border-box; position:relative; }
.layer .remaining .reserve_table tr.check:after { content:""; position:absolute; display:block; left:0; width:99.3%; height:51px; border:3px solid #bf341f;}
.layer .remaining .reserve_table tr:hover { background-color:#f7f7f7;}
.layer .remaining .reserve_table input.small { margin:0; }

.layer .remaining .reserve_table tr.f1:after { top:140px;}
.layer .remaining .reserve_table tr.f2:after { top:193px;}

.layer .reserve_table.row { width:100%; border-top:1px solid #c9c9c9;  border-bottom:1px solid #c9c9c9;}
.layer .reserve_table.row th { border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.layer .reserve_table.row td { text-align:left;}
.layer .reserve_table.row td label.hid { text-indent:-99999px;}
.layer .reserve_table.row td input, .layer .reserve_table.row td select { margin-left:5px;}
.layer .reserve_table.row td .text { margin-left:10px;}
.layer .reserve_table label.small { top:19px; }


/*자주쓰는탑승객정보*/
.layer .often_person_data { width:100%;}
.layer .often_person_data p.align_right { width:745px; margin:45px auto 15px;}
.layer .often_person_data p.align_right a { padding:3px 3px 3px  25px;  background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -260px -118px;}
.layer .often_person_data .reserve_table td a { border:1px solid #d3cdcc; border-radius:15px; padding:3px 0 3px 6px; font-size:15px;  position:relative; display:block; margin:0 auto 2px; width:80px; }
.layer .often_person_data .reserve_table td a.plus { background-color:#f6ebe9;}
.layer .often_person_data .reserve_table td a.minus { background-color:#e7e7e7;}
.layer .often_person_data .reserve_table td a.rego { background-color:#fff;}
.layer .often_person_data .reserve_table td a.plus:before,
.layer .often_person_data .reserve_table td a.rego:before {content:""; display:block; position:absolute; top:7px; left:14px; width:12px; height:12px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -164px -125px;}
.layer .often_person_data .reserve_table td a.minus:before {content:""; display:block; position:absolute; top:7px; left:14px; width:12px; height:12px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -119px -125px;}
.layer .often_person_data .reserve_table td a.modify:before {content:""; display:block; position:absolute; top:7px; left:14px; width:13px; height:14px; background: url("/images/tssc_reserve/reserve_sp.png") no-repeat -129px -297px;}


.layer input.check { width:23px; height:23px; opacity:0; position:absolute; cursor:pointer; z-index:5; margin:0;}
.layer input.check + label {display:inline-block; background: url("/images/tssc_reserve/reserve_sp.png") -23px -293px no-repeat;  font-size:16px;  width:23px;  height:24px;  cursor:pointer; line-height:23px; text-align:center;  color:#323232; text-indent:-99999px;   }
.layer input.check:checked + label{ background-position: -74px -293px}
.layer .fl_r { float:right !important;}

/*레이어콘텐츠*/
.layer { text-align:left;}
.layer .layercont  { margin:50px 45px 60px 45px; height:350px; overflow:auto; width:830px; }
.layer .layercont h4 { line-height:32px; height:32px; margin-top:45px; margin-bottom:15px;}
.layer .layercont h5 { margin-top:30px; margin-bottom:20px; font-size:17px; font-weight:400; color:#bf341f; position:relative; background:none; padding-left:16px; }
.layer .layercont h5:before { content:""; display:block; position:absolute; top:6px; left:0; width:12px; height:12px; background: url("/images/tssc_reserve/reserve_sp.png") -23px -242px no-repeat;}
.layer .layercont h5:first-child, .layer .layercont > h4:first-child  { margin-top:0;}
.layer .layercont h6 { font-size:16px; margin-bottom:8px; margin-top:25px; color:#25292f;}
.layer .layercont p span.tel { width:23px; height:21px; float:left; display:block;  background: url("/images/tssc_reserve/reserve_sp.png") -119px -234px no-repeat; margin-right:8px; margin-top:2px;}
.layer .layercont span.line { display:block; width:808px; height:6px; margin-top:30px; background:url("/images/tssc_reserve/layerline.png") repeat;}

/*결제하기*/
/*.layer .layerpay .layercont { margin:50px 45px 60px 45px; height:auto;}*/
.layer .layerpay .title { height:84px; border-bottom:2px solid #bf341f;}
.layer ul.pay_tab { position:absolute; padding-top:24px; margin-left:44px;}
.layer ul.pay_tab li { float:left; margin-top:-1px; margin-left:-2px;}
.layer ul.pay_tab li a { display:block; width:240px; text-align:center; height:59px; line-height:59px; font-size:18px; border:2px solid #91979c; border-bottom:none; background-color:#91979c; color:#fff; transition:all .3s; }
.layer ul.pay_tab li a.on,
.layer ul.pay_tab li a.on:hover { background-color:#fff; border:2px solid #bf341f; border-bottom:2px solid #fff; color:#bf341f; font-weight:400; position:relative; z-index:10;}
.layer ul.pay_tab li a:hover {background-color:#6f777e; border:2px solid #6f777e; border-bottom:none; }

.layer .pay .information .total_m { background-color:#bf341f; color:#fff; font-size:20px; font-weight:300; margin-top:35px; width:100%; height:65px;}
.layer .pay .information .total_m span { display:block; line-height:65px;}
.layer .pay .information .total_m .tit { float:left; margin-left:45px;}
.layer .pay .information .total_m .money { float:right; margin-right:45px; font-size:29px; font-weight:400;}
.layer .pay .information .total_m .money .won { float:right; font-size:20px; margin-left:8px; font-weight:300;}

.layer .pay .reserve_table.row { margin-bottom:20px;}
.layer .layerpay .dialog_close a { top:26px;}
.layer .layerpay .pay > h4:first-child { margin-top:0;}

.layer .agreeAll { margin-bottom:42px !important;}
.layer .agreeAll .check_agree { margin-top:0;}
.layer .agreeAll label span { display: block; text-indent:1px; position:absolute; left:74px;}

/*끝*/
.layer .end { height:230px; text-align:center; font-size:40px; font-weight:200; line-height:64px; letter-spacing:-0.5px; padding-top:100px;}
.layer .end span { display:block; font-weight:300; }


/* 펍업창 */
.alert_layor {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.7);  z-index: 22;  display: none;}
.alert_layor .alert_obj {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  text-align: center;  border-radius: 10px;  min-width: 460px;  overflow: hidden;}

/* 절대 지우지 말것. - 서대리  start ***********************/
.reserve_right { position : absolute; right:7px; top:200px;}
div.reset { display: none;}
.layercont.pay { display: none; }
.layercont.on { display: block; }
._show_modify { display: none; }	
.layer .agreeAll {    margin: 5px 45px 6px 45px;    height: 25px;}






table#table_often thead{ float:left;width:745px;}
table#table_often thead tr{ display:table;width:745px;}

table#table_often tbody{ float:left;width:745px;min-height:50px; max-height:400px; overflow-y:auto;overflow-x:hidden; border-bottom: 1px solid #3c3c3c;}
table#table_often tbody tr{display:table;width:745px;}
table#table_often tbody tr:last-child { border-bottom: 0; }

table#table_often tfoot { float:left;width:745px; }
table#table_often tfoot tr{ display:table;width:745px;}

.person_h_5 { width:5%;}
.person_h_15 { width:15%;}
.person_h_16 { width:16%;}
/* 절대 지우지 말것. - 서대리 end ***********************/


/*로딩*/
.layer_loding {	display: block; position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: rgba(255, 255, 255, 0.9);    z-index: 9999;	}
.loading_img  { position:absolute;  top: 45%;    left: 50%;  width:120px; height:120px; margin:0 auto;}
.loading_img .loading_logo { position:absolute; display:block; top:36px; left:50%; margin-left:-30px; width:60px; height:47px; background: url("/images/tssc_reserve/loading_logo.png") no-repeat;}