@charset "UTF-8";
@media (max-width: 767px) { .mo_br { display: block; } }
.tel_box { margin-top: 10px; }
.tel_box::after { content: ''; display: block; clear: both; }
.tel_box > div { padding: 15px 20px; border: 1px solid #e5e5e5; border-radius: 15px; box-sizing: border-box; margin-top: 10px; }
.tel_box > div:first-child { margin-top: 0; }
.tel_height {height:120px;}
.tel_box > div > * { display: block; }
.tel_box strong { font-weight: 300; }
.tel_box a { font-size: 18px; }
@media (min-width: 768px) { .tel_box > div { margin-top: 0; float: left; width: calc(50% - 5px); margin-left: 10px; }
.tel_box > div:first-child { margin-left: 0; }
.tel_box a { font-size: 20px; } }

.cont_title { display: block; font-size: 20px; margin-bottom: 25px; }
.cont_title strong { font-size: 24px; display: block; font-weight: 500; }
.cont_title span { display: block; font-size: 13px; color: #646464; font-weight: 300; }
@media (min-width: 768px) { .cont_title { font-size: 24px; margin-bottom: 40px; }
.cont_title strong { font-size: 30px; }
.cont_title span { font-size: 15px; } }

.res_calendar_date {font-size: 18px;font-weight: 100;margin-bottom: 30px;text-align: center;line-height: 25px;vertical-align: middle;}
.res_calendar_date select {border: 0;display: inline-block;vertical-align: middle;font-weight: 100;background: #fff;background-image: url(/upload_data/user_file/03_citytour/content/select_arr.png);background-repeat: no-repeat;background-position: center right 10px;padding-right: 30px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.res_calendar_date select option { font-weight: 100; font-size: 15px; font-weight: 300; }
.res_calendar_date select::-ms-expand { display: none; }
.res_calendar_date .month_prev, .res_calendar_date .month_next { width: 15px; height: 15px; border: 1px solid #000000; font-size: 0; display: inline-block; vertical-align: middle; margin-top: -5px; }
.res_calendar_date .month_prev.disabled, .res_calendar_date .month_next.disabled { opacity: .3; }
.res_calendar_date .month_prev { border-top: 0; border-right: 0; transform: rotate(45deg); }
.res_calendar_date .month_next { border-top: 0; border-left: 0; transform: rotate(-45deg); }
@media (min-width: 768px) { .res_calendar_date { font-size: 30px; margin-bottom: 40px; line-height: 40px; }
.res_calendar_date select {font-size: 30px;line-height: 40px;vertical-align: middle;}
.res_calendar_date .month_prev { margin-right: 10px; }
.res_calendar_date .month_prev, .res_calendar_date .month_next { width: 20px; height: 20px; } }

.icon_course1, .icon_course2 { display: inline-block; width: 20px; height: 22px; }

.icon_course1 { background: url(/upload_data/user_file/03_citytour/content/icon_course1.png); }

.icon_course2 { background: url(/upload_data/user_file/03_citytour/content/icon_course2.png); }

.res_calendar_info { text-align: right; margin-bottom: 10px; font-size: 13px; color: #646464; }
.res_calendar_info .res_icon_info { font-size: 15px; margin-bottom: 5px; color: #000; }
@media (min-width: 768px) { .res_calendar_info { font-size: 15px; }
.res_calendar_info .res_icon_info { display: none; } }

.res_calendar { border: 1px solid #d9d9d9; border-radius: 15px; overflow: hidden; overflow-x: auto; }
.res_calendar table { width: 100%; }
.res_calendar table th, .res_calendar table td { border: 1px solid #d9d9d9; }
.res_calendar table thead th { background: #3b3b3b; color: #fff; width: 14.285%; height: 35px; vertical-align: middle; border-color: #5a5a5a; font-weight: 300; box-sizing: border-box; font-size: 11px; }
@media (min-width: 768px) { .res_calendar table thead th { font-size: inherit; height: 45px; } }
.res_calendar table thead tr th:first-child, .res_calendar table tbody tr td:first-child { border-left: 0; }
.res_calendar table thead tr th:last-child, .res_calendar table tbody tr td:last-child { border-right: 0; }
.res_calendar table tbody tr:last-child td { border-bottom: 0; }
.res_calendar tbody td { position: relative; padding-top: 20px; padding-bottom: 15px; }
@media (min-width: 768px) { .res_calendar tbody td { padding: 10px; padding-top: 35px; padding-bottom: 25px; } }
.res_calendar td.res_end { position: relative; overflow: hidden; /* background:#fafafa; */ font-size: 10px; color: #626262; text-align: center; vertical-align: middle; }
.res_calendar td.res_end::after { content: ''; position: absolute; top: 0; left: 0; bottom: -26px; right: 0; background: rgba(0, 0, 0, 0.05); }
@media (min-width: 768px) { .res_calendar td.res_end { font-size: 13px; } }
.res_calendar .day { font-size: 10px; display: block; text-align: right; font-weight: 100; color: #343434; position: absolute; right: 5px; top: 5px; }
@media (min-width: 769px) { .res_calendar .day { font-size: 13px; right: 10px; top: 10px; } }
.res_calendar ul { margin-top: 5px; }
@media (min-width: 768px) { .res_calendar ul { margin-top: 15px; } }
.res_calendar li { margin-top: 15px; }
.res_calendar li:first-child { margin-top: 0; }
.res_calendar li a { text-align: center; display: block; }
.res_calendar li a strong { font-weight: 300; display: none; }
.res_calendar li a span { font-size: 10px; color: #4d4d4d; font-weight: 200; display: block; letter-spacing: -.025em; }
@media (min-width: 768px) { .res_calendar li a span { font-size: 13px; margin-top: 5px; } }
@media (min-width: 1023px) { .res_calendar li a { text-align-last: left; }
.res_calendar li a i { float: left; margin-top: -3px; }
.res_calendar li a strong, .res_calendar li a span { display: block; line-height: 1em; margin-left: 30px; }
.res_calendar li a strong { font-weight: 300; }
.res_calendar li a span { font-size: 13px; color: #4d4d4d; margin-top: 2px; font-weight: 200; } }

/* 예약하단 정보들 */
.res_infomation { margin-top: 30px; font-size: 13px; }
.res_infomation h3 { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
@media (min-width: 1023px) { .res_infomation h3 { margin-bottom: 20px; } }
.res_infomation > * { margin-top: 30px; }
.res_infomation > *:first-child { margin-top: 0px; }
@media (min-width: 1023px) { .res_infomation { font-size: inherit; margin-top: 60px; }
.res_infomation h3 { font-size: 24px; }
.res_infomation::after { content: ''; display: block; clear: both; }
.res_infomation > * { margin-top: 0; float: left; box-sizing: border-box; margin-left: 40px; width: calc(50% - 20px); }
.res_infomation > *:first-child { margin-left: 0; } }

.res_i_sec1 ul strong { float: left; font-weight: 300; }
.res_i_sec1 ul span { display: block; }
.res_i_sec1 ul strong + span { margin-left: 70px; }
.res_i_sec1 .btn_res { background: #de1f26; color: #fff; font-size: 18px; font-weight: 500; display: block; margin-top: 20px; text-align: center; height: 50px; line-height: 50px; width: 100%; }
@media (min-width: 1023px) { .res_i_sec1 .btn_res { height: 60px; line-height: 60px; font-size: 22px; margin-top: 20px; } }
@media (min-width: 768px) { .res_i_sec1 { position: relative; }
.res_i_sec1 ul { margin-left: 190px; position: relative; }
.res_i_sec1::before { content: ''; display: block; clear: both; background: url(/upload_data/user_file/03_citytour/content/res_cus.gif); width: 158px; height: 102px; position: absolute; left: 0; top: 35px; } }
@media (min-width: 1023px) { .res_i_sec1::before { top: 60px; } }

@media (min-width: 1023px) { .res_i_sec3 { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e5e5e5; margin-left: 0; } }

@media (min-width: 1023px) { .res_i_sec4 { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e5e5e5; } }

@media (min-width: 1023px) { .res_i_sec1, .res_i_sec2 { height: 355px; } }
/* 예약신청 */
.res_modal { width: 100%; height: 100%; box-sizing: border-box; padding: 20px; }
@media (min-width: 1023px) { .res_modal { padding: 40px; } }
.res_modal > div { max-width: 650px; margin: 0 auto; position: relative; background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.14); border: 1px solid #e5e5e5; }
.res_modal > div > div { padding: 30px; padding-bottom: 60px; }
.res_modal .frm_header { text-align: center; background: #00aaaa; margin: -30px -30px 0 -30px; position: relative; }
.res_modal .frm_header h2 { font-size: 18px; font-weight: 500; height: 50px; line-height: 50px; color: #fff; }
@media (min-width: 1023px) { .res_modal .frm_header h2 { font-size: 24px; height: 70px; line-height: 70px; } }
.res_modal .res_modal_close { position: absolute; top: 50%; margin-top: -20px; right: 10px; width: 40px; height: 40px; background: none; font-size: 0; border: 0; cursor: pointer; }
@media (min-width: 1023px) { .res_modal .res_modal_close { right: 20px; } }
.res_modal .res_modal_close::after, .res_modal .res_modal_close::before { content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -15px; }
.res_modal .res_modal_close::after { transform: rotate(-45deg); }
.res_modal .res_modal_close::before { transform: rotate(45deg); }
.res_modal .res_selection_info { background: #f2f2f2; border-bottom: 1px solid #e5e5e5; padding: 20px; margin: 0 -30px 0 -30px; }
@media (min-width: 1023px) { .res_modal .res_selection_info { padding: 40px; } }
.res_modal .res_selection_info::after { content: ''; display: block; clear: both; }
.res_modal .res_selection_info > div { box-sizing: border-box; }
@media (max-width: 768px) { .res_modal .res_selection_info > div { margin-top: 30px; }
.res_modal .res_selection_info > div:first-child { margin-top: 0; } }
@media (min-width: 768px) { .res_modal .res_selection_info > div { float: left; width: 50%; } }
.res_modal .res_selection_info strong, .res_modal .res_selection_info span { display: block; line-height: 1em; }
.res_modal .res_selection_info strong { font-size: 15px; font-weight: 300; }
.res_modal .res_selection_info span { font-size: 18px; font-weight: 500; margin-top: 2px; }
@media (min-width: 1023px) { .res_modal .res_selection_info span { font-size: 24px; } }
.res_modal .res_selection_info .modal_calendar_open { cursor: pointer; }
.res_modal .res_selection_info .modal_calendar_open::after { content: ''; display: inline-block; border: 1px solid #000; transform: rotate(-45deg); border-top: 0; border-left: 0; position: relative; top: -1px; width: 7px; height: 7px; margin-left: 5px; }
@media (min-width: 1023px) { .res_modal .res_selection_info .modal_calendar_open::after { width: 10px; height: 10px; top: -3px; } }
.res_modal .res_selection_info .date, .res_modal .res_selection_info .course { position: relative; padding-left: 45px; }
@media (min-width: 1023px) { .res_modal .res_selection_info .date, .res_modal .res_selection_info .course { padding-left: 65px; } }
.res_modal .res_selection_info .date::after, .res_modal .res_selection_info .course::after { content: ''; width: 23px; height: 19px; position: absolute; left: 0; top: 0; background-size: 23px 19px; }
@media (min-width: 1023px) { .res_modal .res_selection_info .date::after, .res_modal .res_selection_info .course::after { width: 46px; height: 38px; background-size: auto; } }
.res_modal .res_selection_info .date::after { background-image: url(/upload_data/user_file/03_citytour/content/res_icon1.png); }
.res_modal .res_selection_info .course::after { background-image: url(/upload_data/user_file/03_citytour/content/res_icon2.png); }
.res_modal .frm_info { text-align: right; color: #de1f26; margin-top: 20px; font-size: 13px; }
.res_modal .frm_inpust { margin-top: 10px; }
.res_modal .frm_inpust > .frm_rows { margin-top: 15px; }
.res_modal .frm_inpust > .frm_rows:first-child { margin-top: 0; }
@media (min-width: 768px) { .res_modal .frm_inpust > .frm_rows::after { content: ''; display: block; clear: both; } }
.res_modal .frm_inpust .frm_title { font-weight: 300; font-size: 13px; display: block; margin-bottom: 5px; color: #00a196; }
@media (min-width: 768px) { .res_modal .frm_inpust .frm_title {float: left;font-size: 18px;line-height: 40px;font-size: 15px;color: #000;width: 16%;} }
.res_modal .frm_inpust .frm_title em{display:inline-block;width: 90%;line-height:20px;font-style:normal;color: #00a196;text-align:right;font-size:12px;}
.res_modal .frm_inpust .frm_option { line-height: 40px; }
.res_modal .frm_inpust .frm_option select, .res_modal .frm_inpust .frm_option input[type=text] { width: 100%; }
.res_modal .frm_inpust .frm_option.frm_option_rows:first-child { margin-top: 0; }
.res_modal .frm_inpust .frm_option.frm_option_rows > * { margin-top: 10px; }
.res_modal .frm_inpust .frm_option.frm_option_col label { margin-right: 15px; }
.res_modal .frm_inpust .frm_option.frm_option_col label:last-child { margin-right: 0; }
@media (min-width: 768px) { .res_modal .frm_inpust .frm_option { margin-left: 100px; } }
.res_modal .frm_price { text-align: right; margin-top: 20px; background: #f8f8f8; border: 1px solid #d3d3d3; border-radius: 15px; padding: 15px; }
.res_modal .frm_price strong { font-size: 15px; display: block; font-weight: 300; }
.res_modal .frm_price span { display: block; font-weight: 300; }
.res_modal .frm_price span b { font-size: 24px; color: #de1f26; font-weight: 500; display: inline-block; vertical-align: middle; margin-top: -2px; }
.res_modal .frm_agg { margin-top: 40px; }
.res_modal .frm_agg > strong { display: block; font-size: 18px; font-weight: 300; margin-bottom: 5px; }
.res_modal .frm_agg > .frm_agg_box { border: 1px solid #d3d3d3; font-size: 13px; color: #242424; padding: 10px; height: 80px; overflow-y: auto; }
@media (min-width: 1023px) { .res_modal .frm_agg > .frm_agg_box { height: 150px; padding: 20px; } }
.res_modal .frm_agg_checkbox { text-align: right; margin-top: 10px; }
.res_modal .frm_btn { margin-top: 40px; }
.res_modal .frm_btn::after { content: ''; display: block; clear: both; }
.res_modal .frm_btn > * { float: left; width: calc(50% - 10px); display: block; }
.res_modal .frm_btn > *:last-child { margin-left: 20px; }

.frm_agg_box { font-size: 13px; }
.frm_agg_box > section { margin-top: 20px; }
.frm_agg_box > section:first-child { margin-top: 0; }
.frm_agg_box h2 { font-size: 13px; font-weight: 500; }

.modal-datepicker { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; background: rgba(0, 0, 0, 0.5); display: none; }
.modal-datepicker > div { display: table; width: 100%; height: 100%; }
.modal-datepicker > div > div { display: table-cell; vertical-align: middle; padding: 30px; }
.modal-datepicker .datepicker { background: #fff; border-radius: 15px; padding: 30px; box-sizing: border-box; margin: 30px; max-width: 500px; margin: 0 auto; overflow: hidden; position: relative; }
.modal-datepicker .datepicker h3 { font-size: 15px; font-weight: 300; text-align: center; margin: -30px -30px 0 -30px; height: 50px; line-height: 50px; background: #00aaaa; color: #fff; margin-bottom: 20px; }

.modal-datepicker_wrap { overflow-y: auto; position: relative; }

.modal-datepicker.datepicker { position: relative; }

.modal-datepicker_close { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; background: none; font-size: 0; border: 0; cursor: pointer; }

.modal-datepicker_close::after, .modal-datepicker_close::before { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; }

.modal-datepicker_close::after { transform: rotate(-45deg); }

.modal-datepicker_close::before { transform: rotate(45deg); }

.ui-datepicker-calendar { width: 100%; text-align: center; }
.ui-datepicker-calendar th, .ui-datepicker-calendar td { font-weight: 300; }
.ui-datepicker-calendar td { font-weight: 100; }
.ui-datepicker-calendar td { padding: 3px; }
.ui-datepicker-calendar .ui-state-default { height: 25px; width: 25px; border-radius: 50%; border: 1px solid #00aaaa; display: inline-block; line-height: 23px; box-sizing: border-box; font-size: 13px; }
.ui-datepicker-calendar .ui-state-default.ui-state-active { border-color: #de1f26; }
.ui-datepicker-calendar .ui-state-disabled .ui-state-default { border-color: #d3d3d3; color: #8a8a8a; }
@media (min-width: 1023px) { .ui-datepicker-calendar td { padding: 10px; }
.ui-datepicker-calendar .ui-state-default { height: 40px; width: 40px; line-height: 38px; font-size: 15px; } }

.ui-datepicker-header { position: relative; }

.ui-datepicker-prev, .ui-datepicker-next { font-size: 0; display: block; width: 20px; height: 20px; position: absolute; top: 8px; cursor: pointer; }
.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled { cursor: unset; }

.ui-datepicker-prev { left: 40px; }

.ui-datepicker-next { right: 40px; }

.ui-datepicker-header .ui-state-disabled { opacity: .3; }

.ui-datepicker-prev::after, .ui-datepicker-next::after { content: ''; width: 10px; height: 10px; border: 1px solid #000; background-size: 100%; position: absolute; top: 0; }

.ui-datepicker-prev::after { transform: rotate(45deg); border-top: 0; border-right: 0; }

.ui-datepicker-next::after { transform: rotate(-45deg); border-top: 0; border-left: 0; }

.ui-datepicker-title { text-align: center; margin-bottom: 30px; }

/* 예약완료 */
.res_complete { padding: 30px; }
.res_complete .snb { display: none; }
.res_complete .content { max-width: 650px; border: 3px solid #dbdbdb; border-radius: 15px; box-shadow: none; box-sizing: border-box; padding: 30px 20px; margin: 0 auto; background: #fff; }
@media (min-width: 768px) { .res_complete { padding: 80px 40px; background: none; box-shadow: none; }
.res_complete .content { margin: 0 auto; padding: 40px; } }

.res_complete_cont .res_c_info, .res_complete_cont .res_c_bank, .res_complete_cont .res_c_btn { border-top: 1px solid #e5e5e5; margin-top: 20px; padding-top: 20px; }
.res_complete_cont .res_c_info h3, .res_complete_cont .res_c_bank h3, .res_complete_cont .res_c_btn h3 { font-size: 20px; font-weight: 600; margin-bottom: 10px; }
@media (min-width: 768px) { .res_complete_cont .res_c_info, .res_complete_cont .res_c_bank, .res_complete_cont .res_c_btn { margin-top: 40px; padding-top: 40px; } }

.res_c_header { text-align: center; }
.res_c_header > * { display: block; }
.res_c_header i { width: 45px; height: 35px; margin: 0 auto; background: url(/upload_data/user_file/03_citytour/content/icon_calendar.gif); background-size: 45px 35px; }
.res_c_header strong { font-size: 18px; color: #00a196; margin-top: 15px; font-weight: 500; }
.res_c_header span { font-size: 13px; color: #626262; }
@media (min-width: 768px) { .res_c_header i { width: 91px; height: 71px; margin: 0 auto; background: url(/upload_data/user_file/03_citytour/content/icon_calendar.gif); background-size: auto; }
.res_c_header strong { font-size: 22px; }
.res_c_header span { font-size: 15px; margin-top: 2px; } }

.res_c_bank .res_c_bank_num { font-size: 18px; display: block; }
@media (min-width: 768px) { .res_c_bank .res_c_bank_num { font-size: 24px; } }
.res_c_bank .res_c_bank_txt { font-size: 13px; display: block; color: #626262; margin-top: 10px; }

.res_c_btn { text-align: center; font-weight: 300; }
.res_c_btn > * { width: 100%; display: block; margin-top: 5px; }
.res_c_btn > *:first-child { margin-top: 0; }
@media (min-width: 768px) { .res_c_btn > * { margin-left: 10px; margin-top: 0; width: 120px; display: inline-block; }
.res_c_btn > *:first-child { margin-left: 0; } }

/* 예약확인로그인 */
.res_login { border: 3px solid #dbdbdb; border-radius: 15px; padding: 20px; max-width: 500px; box-sizing: border-box; margin: 100px auto 40px auto; }
.res_login div { margin-top: 10px; }
.res_login div::after { content: ''; display: block; clear: both; }
.res_login div:first-child { margin-top: 0; }
.res_login div label { float: left; width: 80px; font-size: 15px; line-height: 40px; letter-spacing: -.03em; transition: none; }
.res_login div input.basic_input { float: left; width: calc(100% - 80px); transition: none; }
.res_login button { display: block; width: 100%; margin-top: 10px; margin-top: 20px; }
.res_login .res_login_info { font-size: 13px; color: #646464; }
@media (min-width: 768px) { .res_login { padding: 50px; }
.res_login div label { float: left; width: 100px; font-size: 18px; line-height: 40px; }
.res_login div input.basic_input { float: left; width: calc(100% - 100px); } }

@media (min-width: 1023px) { .res_confirm_view .res_c_cont::after { content: ''; display: block; clear: both; }
.res_confirm_view .res_c_info, .res_confirm_view .res_c_bank { float: left; width: 50%; } }
.res_confirm_view .res_c_header { font-size: 20px; font-weight: 300; text-align: left; }
.res_confirm_view .res_c_header strong { display: inline; font-size: inherit; }
@media (min-width: 1023px) { .res_confirm_view .res_c_header { font-size: 30px; } }

/* 코스 */
.course_list { position: relative; }
.course_list::before { content: ''; position: absolute; left: 15px; top: 0; bottom: 0; background: #ededed; width: 1px; }
.course_list .icon_area { width: 31px; height: 80px; background: url(/upload_data/user_file/03_citytour/content/icon_area.gif) #fff no-repeat center 20px; display: block; position: relative; }
.course_list .icon_bus { background-image: url(/upload_data/user_file/03_citytour/content/icon_bus.gif); }
.course_list li { position: relative; padding-left: 70px; margin-top: 70px; }
.course_list li:first-child { margin-top: 0; }
.course_list li .icon_area { position: absolute; left: 0; top: -15px; }
.course_list li:last-child .icon_area { bottom: 0; height: auto; }
.course_list .area > * { display: block; }
.course_list .area > span { color: #de1f26; line-height: 1em; }
.course_list .area > strong { display: block; font-size: 18px; font-weight: 300; line-height: 1em; margin-top: 10px; font-weight: 500; padding-top: 8px; }
.course_list .area > strong span { font-weight: 100; }
.course_list .area span + strong { padding-top: 0; }
@media (min-width: 768px) { .course_list .area > strong { font-size: 24px; } }
.course_list .tour_info { margin-top: 25px; }
.course_list .tour_info .tour_info_image img { display: block; width: 100%; }
.course_list .tour_info .tour_info_txt { line-height: 1.4em; margin-top: 10px; font-size: 13px; letter-spacing: -.025em; max-height: 7em; overflow-y: auto; word-break: keep-all; }
.course_list .tour_info .tour_info_txt p { margin: 10px 0; }
.course_list .tour_info .tour_info_txt p strong { display: block; }
@media (min-width: 768px) { .course_list .tour_info { border: 1px solid #ebebeb; background: #f7f7f7; padding: 30px; border-radius: 15px; }
.course_list .tour_info::after { content: ''; display: block; clear: both; }
.course_list .tour_info .tour_info_image { float: left; }
.course_list .tour_info .tour_info_txt { margin-left: 320px; font-size: inherit; letter-spacing: unset; max-height: none; overflow-y: unset; } }

.cusrse_info { color: #de1f26; margin-toP: 60px; }

.course3_left { margin-bottom: 20px; }
.course3_left .text1 { font-size: 15px; }
.course3_left .text2 { font-size: 24px; font-weight: 600; line-height: 1em; margin-top: 5px; }
.course3_left .text2 strong { color: #de1f26; font-weight: 600; }
@media (min-width: 768px) { .course3_left .text2 strong { display: block; } }
@media (min-width: 1023px) { .course3_left .text2 strong { display: inline; } }

.course3_right { padding-top: 20px; border-top: 1px solid #e5e5e5; box-sizing: border-box; background: #fff; position: relative; font-size: 13px; }
.course3_right h3 { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.course3_right::before { content: none; }
.course3_right ul { margin-left: 0; }

.cus_req_info { margin-top: 30px; }
.cus_req_info h3 span { display: block; font-size: 15px; font-weight: 300; color: #646464; }

@media (min-width: 768px) { .course3 .content { position: relative; margin-top: 100px; margin-bottom: 100px; }
.course3 .content::after { content: ''; display: block; clear: both; }
.course3_left { width: calc(100% - 480px);  background: url(/upload_data/user_file/03_citytour/content/course3_bg.jpg) left bottom no-repeat; }
.course3_left .text1 { font-size: 24px; }
.course3_left .text2 { font-size: 40px; }
.course3_right { padding-top: 0; float: right; height: auto; width: 480px; border-left: 1px solid #e5e5e5; padding-left: 30px; font-size: inherit; border-top: 0; }
.course3_right h3 { font-size: 24px; font-weight: 500; margin-bottom: 20px; } }

@media (min-width: 1023px) {
.course3_left{width: calc(100% - 600px);}  
.course3_right{width:600px; padding-left:60px;}
}

@media (min-width: 1440px) {
.course3_left{width: calc(100% - 800px);}  
.course3_right{width:800px; padding-left:60px;}
}

.tour_list, .tour_tel { margin-top: 50px; }
@media (min-width: 767px) { .tour_list, .tour_tel { margin-top: 80px; } }

.tour_maps .tour_maps_wrap { border: 1px solid #d3d3d3; margin-left: -20px; margin-right: -20px; }
.tour_maps .tour_cate { border-bottom: 1px solid #d3d3d3; padding: 15px; }
.tour_maps .tour_cate > * { margin: 0; padding: 0; margin-left: 20px; background: none; font-size: 15px; }
.tour_maps .tour_cate > *:first-child { margin-left: 0; }
.tour_maps .tour_cate > *.active { color: #00a196; }
@media (min-width: 768px) { .tour_maps .tour_cate { padding: 20px 30px; }
.tour_maps .tour_cate button { font-size: 18px; }
.tour_maps .tour_maps_wrap { margin: auto; } }
.tour_maps .tour_map { position: relative; padding-left: 130px; /* displaY:none;
&.tour1{display: block;} */ }
.tour_maps .tour_map_list { border-right: 1px solid #d3d3d3; position: absolute; top: 0; bottom: 0; left: 0; width: 130px; background: #fff; box-sizing: border-box; padding: 10px; }
.tour_maps .tour_map_list ul { position: relative; }
.tour_maps .tour_map_list ul::before { content: ''; width: 1px; top: 10px; bottom: 10px; background: #ededed; position: absolute; left: 7px; }
.tour_maps .tour_map_list li { position: relative; margin-top: 20px; }
.tour_maps .tour_map_list li:first-child { margin-top: 0; }
.tour_maps .tour_map_list button { margin: 0; padding: 0; background: none; display: inline-block; letter-spacing: -.03em; position: relative; padding-left: 17px; text-align: left; }
.tour_maps .tour_map_list button::before { content: ''; width: 14px; height: 20px; background: url(/upload_data/user_file/03_citytour/content/icon_area.gif) #fff no-repeat center; background-size: 14px 15px; display: inline-block; vertical-align: middle; position: absolute; left: 0; }
@media (max-width: 767px) { .tour_maps .tour_map_list button { font-size: 12px; } }
@media (min-width: 768px) { .tour_maps .tour_map { padding-left: 230px; }
.tour_maps .tour_map_list { width: 230px; padding: 30px; } }
.tour_maps .map_veiw { height: 500px; }

.tour_list li { border-bottom: 1px solid #e5e5e5; padding-bottom: 40px; margin-bottom: 40px; }
.tour_list li:last-child { margin-bottom: 0; }
.tour_list li .t_image img { display: block; width: 100%; }
.tour_list li .t_text { margin-top: 10px; }
.tour_list li .t_text strong { display: block; font-size: 18px; vertical-align: middle; font-weight: 500; }
.tour_list li .t_text div { color: #646464; margin-top: 10px; }
.tour_list li .t_text div p { margin-top: 10px; }
.tour_list li .t_text div p:first-child { margin-top: 0; }
.tour_list li .t_text div p strong { font-size: 15px; margin-bottom: -15px; color: #000; }
@media (max-width: 767px) { .tour_list .t_text div { font-size: 12px; letter-spacing: -.025em; } }
@media (min-width: 768px) { .tour_list li::after { content: ''; display: block; clear: both; }
.tour_list li .t_image { width: auto; float: left; }
.tour_list li .t_text strong { display: block; font-size: 24px; }
.tour_list li .t_text div { margin-top: 5px; }
.tour_list li .t_text div p strong { font-size: 18px; }
.tour_list li .t_image + .t_text { margin-left: 460px; } }

.tour_tel li { border: 1px solid #e5e5e5; border-radius: 15px; padding: 20px 0; text-align: center; }
.tour_tel li strong, .tour_tel li span { display: block; line-height: 1.5em; }
.tour_tel li strong { color: #646464; font-size: 16px; }
.tour_tel li span { font-size: 24px; margin-top: 2px; }
@media (max-width: 767px) { .tour_tel li { margin-top: 10px; }
.tour_tel li:first-child { margin-top: 0; } }
@media (min-width: 768px) { .tour_tel ul { margin: -10px; }
.tour_tel ul::after { content: ''; display: block; clear: both; }
.tour_tel li { padding: 50px 0; float: left; width: calc(33.33333% - 20px); margin: 10px; } }

/*# sourceMappingURL=content.css.map */


.pr_mov{overflow:hidden;}  
.pr_mov .mov_fr{margin-bottom:20px;}
.pr_mov .mov_fr .tit{background:#00aaaa;color:#fff;padding:10px;border-radius:10px 10px 0 0;}
.pr_mov .mov_fr .mv video{width:100%;}

@media (min-width: 768px) {
.pr_mov .mov_fr{float:left;width:calc(50% - 2%);margin:0 1%;}
.pr_mov .mov_fr.mov_center{float: none;width: 80%;margin: 0 auto;}
}

@media (min-width: 1023px) {
.pr_mov{height:750px;background:url("/upload_data/board_data/BBS_0000144/161708950867547.jpg") no-repeat center top;padding-top:150px;border-radius:40px;}
.pr_mov .mov_fr .m_box{background:url("/upload_data/board_data/BBS_0000144/161708724179151.png") no-repeat center top;width:530px;height:359px;margin:0 auto;}
.pr_mov .mov_fr .tit{background:none;height:50px;padding:15px 0 0 90px;box-sizing:border-box;font-size:18px;}
}