@charset "utf-8";

/* 공통 스타일 */
/* table */
/*터미널 뉴스*/
.table_desc { margin-bottom: 9px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; }
.table_style_0_wrap { color: #2b3138; padding-left: 30px; padding-right: 30px; }
/*type_1 : 스크롤 있는 버전*/
.table_style_0_wrap.type_1 { overflow-x: auto; }
[data-wv-pc="mobile"] .table_style_0_wrap.type_1::-webkit-scrollbar{ width: 0; }
.table_style_0_wrap.type_1 .table_style_0_con { width: 100%; min-width: 900px; }
.table_style_0_wrap .table_style_0_con { overflow-x: auto; }
.table_style_0_wrap .table_style_0_con .table_style_0 { width: 100%; min-width: 768px; }
.table_style_0_wrap .table_style_0_con .table_style_0.noxscroll { width: 100%; min-width: 0px;}
.table_style_0_wrap .table_style_0_con .table_style_0 .wid110 { width: 55px; }
.table_style_0_wrap .table_style_0_con .table_style_0 .wid120 { width: 75px; }
.table_style_0_wrap .table_style_0_con .table_style_0 .wid140 { width: 55px; }

.table_style_0_wrap .table_style_0_con .table_style_0 th { height: 57px; border-bottom: 2px solid #2b3138; font-size:16px; font-size:1.6rem; line-height:20px; line-height:2.0rem; font-weight: 500; }
.table_style_0_wrap .table_style_0_con .table_style_0 tbody tr { cursor: pointer; transition: background-color 0.2s; }
.table_style_0_wrap .table_style_0_con .table_style_0 td { height: 58px; border-bottom: 1px solid #dde4ee; text-align: center; font-size:16px; font-size:1.6rem; line-height:20px; line-height:2.0rem; font-weight: 400; }
.table_style_0_wrap .table_style_0_con .table_style_0 td.number { font-weight: 700; }
.table_style_0_wrap .table_style_0_con .table_style_0 td.part { font-weight: 700; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; }
.table_style_0_wrap .table_style_0_con .table_style_0 td.title > span { max-width:calc(100% - 10px); text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height: auto; overflow: hidden; }
.table_style_0_wrap .table_style_0_con .table_style_0 td.title { text-align: left; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; }
.table_style_0_wrap .table_style_0_con .table_style_0 tbody tr.top_fix td.number { font-size: 0; line-height: 0; background-image: url('/ksa/img/20x14_000_table_fix_icon.png'); background-size: 20px 14px; background-repeat: no-repeat; background-position: center center;}
.table_style_0_wrap .table_style_0_con .table_style_0 tbody tr.top_fix td.title { font-weight: 700; }
.table_style_0_wrap .table_style_0_con .table_style_0 tbody tr.file_true td.file { font-size: 0; line-height: 0; background-image: url('/ksa/img/18x17_000_table_file_icon.png'); background-size: 18px 17px; background-repeat: no-repeat; background-position: center center;}
/*type_2 : 실시간 운항정보 페이지에서 사용 */
.table_style_0_wrap.type_2 .table_style_0_con .table_style_0 td { height: 68px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; }
.table_style_0_wrap.type_2 .table_style_0_con .table_style_0 td.place { font-weight: 700; word-break: keep-all; word-wrap: break-word; }
.table_style_0_wrap.type_2 .table_style_0_con .table_style_0 td.ship { word-break: keep-all; word-wrap: break-word; }
/*type_3 : 차량안내/쿠폰리스트 팝업에서 사용 */
.table_style_0_wrap.type_3 { overflow-x: inherit; padding-left: 0; padding-right: 0; }
.table_style_0_wrap.type_3 .table_style_0_con { min-width: 0; }
.table_style_0_wrap.type_3 .table_style_0_con { max-height: 353px; overflow-y: auto; padding-right: 20px; }
.table_style_0_wrap.type_3.coupon .table_style_0_con { max-height: 173px; }
.table_style_0_wrap.type_3 .table_style_0_con::-webkit-scrollbar { width: 2px; }
.table_style_0_wrap.type_3 .table_style_0_con::-webkit-scrollbar-track { background: #dee3e9; }
.table_style_0_wrap.type_3 .table_style_0_con::-webkit-scrollbar-thumb { background: #2b3138; }
.table_style_0_wrap.type_3 .table_style_0_con .table_style_0 .wid130 { width: 75px; }
.table_style_0_wrap.type_3 .table_style_0_con .table_style_0 .wid185 { width: 75px; }
.table_style_0_wrap.type_3 .table_style_0_con .table_style_0 .wid195 { width: 95px; }
.table_style_0_wrap.type_3 .table_style_0_con .table_style_0 th { height: 55px; }
.table_style_0_wrap.type_3 .table_style_0_con .table_style_0 td { height: 57px; }
.table_style_0_wrap.type_3 .table_style_0_con .table_style_0 td.car_name { text-align: left; padding-left: 20px; font-weight: 700; }
.table_style_0_wrap.type_3 .table_style_0_con .table_style_0 td.coupon_name { font-weight: 700; }

/* comment */
.panel_container .panel_header { border-bottom: 1px solid #eaeaeb; padding-bottom: 10px; }
.panel_container.reply_write .panel_header { border-bottom: none; }
.panel_container .panel_header .section_title { font-size: 16px; line-height: 22px; font-weight: 500; }
.panel_container .panel_body { margin-bottom: 20px; }
.panel_container .btn_small { font-size: 12px; line-height: 23px; color: #0474d5;}

.panel_container .btn_small.comment_edit_btn { width: 20px; height: 20px; text-indent: -10000px; background-image: url("../img/reply_edit_icon.svg"); background-size: 14px; background-position: center; background-repeat: no-repeat; margin-left: 15px; }
.panel_container .btn_small.comment_remove_btn { width: 20px; height: 20px; text-indent: -10000px; background-image: url("../img/reply_remove_icon.svg"); background-size: 17px; background-position: center; background-repeat: no-repeat; margin-left: 8px; }

.reply_wrap .reply_con .reply_list { border-bottom: 1px solid #eaeaeb; padding: 20px 0;}
.reply_wrap .reply_con .reply_list.reply { padding-left: 30px;  }
.reply_wrap .reply_con .reply_list.reply::before { content:'└'; position: absolute; top: 23px; left: 10px; font-size: 14px; color: #878f9b;}
.reply_wrap .reply_con .reply_header { margin-bottom: 15px; }
.reply_wrap .reply_con .reply_header .reply_title { display: flex; justify-content: space-between; align-items: center; }
.reply_wrap .reply_con .reply_header .reply_title .reply_name { font-size: 14px; line-height: 20px; font-weight: 400; }
.reply_wrap .reply_con .reply_header .reply_title .reply_date { font-size: 13px; line-height: 20px; }
.reply_wrap .reply_con .reply_conents_con { display: flex; flex-direction: column; }
.reply_wrap .reply_con .reply_conents_con .reply_contents { font-size: 13px; line-height: 22px; width: 100%; overflow: hidden; word-break: break-all; }

.reply_wrap .reply_con .reply_conents_con .comment_reply_btn_con { text-align: right; margin-top: 10px; }
.reply_wrap .reply_con .reply_list.reply .reply_conents_con .comment_reply_btn_con { display: none; }

.reply_wrap .reply_con .reply_util_con { display: flex; align-items: center; }


.reply_write_wrap { padding-top: 5px; }
.reply_write_wrap textarea { font-size: 13px; line-height: 22px; resize: none; outline: none; border: 1px solid #dae5eb; width: 100%; height: 100%; margin: 0; min-height: 100px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px 20px; box-sizing: border-box; }
.reply_write_wrap .reply_write_box { margin-bottom: 10px; }

.paging_style_0_con .paging .button_container { display: flex; justify-content: center; align-items: center; }
.paging_style_0_con .paging .button_container > li { margin-right: 10px; font-size: 15px; line-height: 21px; font-weight: 400; cursor: pointer; }
.paging_style_0_con .paging .button_container > li:last-child { margin-right: 0; }
.paging_style_0_con .paging .button_container > li.selected { font-weight: 700; }

/* tab */
.tab_style_0_wrap {  }
.tab_style_0_wrap .tab_style_0_con {  }
.tab_style_0_wrap .tab_style_0_con .tab_item_box { height: 52px; border-bottom: 1px solid #eaeaeb; border-left: 1px solid #eaeaeb; border-top: 1px solid #eaeaeb; background-color: #fafbfc; }
.tab_style_0_wrap .tab_style_0_con .tab_item_box:last-child { border-right: 1px solid #eaeaeb; }
.tab_style_0_wrap .tab_style_0_con .tab_item_box .tab_item_inner { padding: 15px 0; text-align: center; font-family: "Inter", "Carmen Sans"; font-size:17px; font-size:1.7rem; line-height:20px; line-height:2.0rem; font-weight: 500; color: #b8c0d1; }
.tab_style_0_wrap .tab_style_0_con .tab_item_box.active { border-width: 2px; border-color: #1b3282; border-right: 2px solid #1b3282; border-bottom: none; background-color: #fff; }
.tab_style_0_wrap .tab_style_0_con .tab_item_box.active .tab_item_inner { font-size:20px; font-size:2.0rem; line-height:20px; line-height:2.0rem; font-weight: 700; color: #1b3282; }

/* count */
.count_btn_con .count_name { margin-bottom: 15px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color: #2b3138; }
.count_btn_con .num_change_box { width: 100%; height: 60px; font-size: 0; line-height: 0; text-align: center; overflow: hidden; }
.count_btn_con .num_change_box .num_change_btn { position: absolute; z-index: 1; transition: background-color 0.2s; width: calc(22% + 8px); height: 100%; border-top: 1px solid #ccd6e6; border-bottom: 1px solid #ccd6e6; display: inline-block; vertical-align: middle; box-sizing: border-box; background-color: #fff; }
.count_btn_con .num_change_box .num_change_btn.minus { left: 0; border-right: 1px solid #e8edf4; border-left: 1px solid #ccd6e6; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.count_btn_con .num_change_box .num_change_btn.plus { right: 0; border-left: 1px solid #e8edf4; border-right: 1px solid #ccd6e6; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.count_btn_con .num_change_box .num_change_btn::before { content: ''; position: absolute; width: 18px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-bottom: 2px solid #c0ccde; }
.count_btn_con .num_change_box .num_change_btn.plus::after { content: ''; position: absolute; height: 18px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-right: 2px solid #c0ccde; }

.count_btn_con .num_change_box .number_cnt { width: 100%; height: 100%; border: 1px solid #ccd6e6; font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; font-weight: 700; display: inline-block; vertical-align: middle; box-sizing: border-box; background-color: #fff; outline: none; appearance: none; border-radius: 10px;}

/* form */
.form_style_0_wrap .form_title { font-family: "Inter", "Carmen Sans"; font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; font-weight: 700; }
.form_style_0_wrap .form_title > div { font-family: "Inter", "Carmen Sans"; }
.form_style_0_wrap.active .form_title { margin-top: 10px; }
.form_style_0_wrap .form_style_0_con { }
.form_style_0_wrap .form_style_0_con.border_desc{border-radius: 25px;  border: 2px solid #04a2df; border-right: 2px solid #04a2df; padding: 34px 30px 40px 30px;  }
.form_style_0_wrap .form_style_0_con .form_desc { font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; font-weight: 400; color: #2b3138; }
.form_style_0_wrap .form_style_0_con .form_desc ul.list_style_0 { font-size:15px; font-size:1.8rem; line-height:25px; line-height:2.5rem; font-weight: 400; color: #2b3138; }
.form_style_0_wrap .form_style_0_con .form_list { display: flex; flex-wrap: wrap; align-items: flex-start; }
.form_style_0_wrap .form_style_0_con .form_list .form_list_title { padding-top: 37px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #2b3138; }
.form_style_0_wrap .form_style_0_con .form_list:first-child .form_list_title { padding-top: 0; }
.form_style_0_wrap .form_style_0_con .form_list.essential .form_list_title > span { position: relative; }
.form_style_0_wrap .form_style_0_con .form_list.essential .form_list_title > span::after { content: '*'; position: absolute; top: -3px; right: -11px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #e53372; }
.form_style_0_wrap .form_style_0_con .form_list.radio .form_list_input { border-bottom: 1px solid #dde4ee; }

.form_style_0_wrap .form_style_0_con .form_list .btn_passenger_calc_cost{position: absolute;
    top: 0;cursor: pointer;left: 67px;min-height: 100%;background: url("/weven_template/theme/PORTAL/1/resource/img/24x24_blue_question_icon.png") no-repeat center;
    color: rgba(0,0,0,0);width: 24px;height: 24px;background-size: 24px; z-index:5;}
/* .form_style_0_wrap .form_style_0_con .form_list .btn_passenger_calc_cost.active{background: url("/weven_template/theme/PORTAL/1/resource/img/26x26_blue_won_icon.png") no-repeat center;} */
.form_style_0_wrap .form_style_0_con .form_list .info_passenger_calc_cost{ left:-180px; font-weight:600;display:none;margin-top: 13px;position: absolute;background-color: #fbfbfb;z-index: 100;padding: 7px 12px;border: 2px solid #1b3282;border-radius: 10px;width: 300px;line-height: 2.7rem; }
.form_style_0_wrap .form_style_0_con .form_list .info_passenger_calc_cost::after{content: "*"; position: absolute; top:-8px; left:229px; width:0px; height:0px; color:transparent; border-style: solid; border-width: 0 9px 7px 9px; border-color: transparent transparent #1b3282 transparent;}
.form_style_0_wrap .form_style_0_con .form_list .btn_passenger_calc_cost.active + .info_passenger_calc_cost{display:block;}
.login_wrap .form_style_0_wrap .form_style_0_con .form_list .form_list_title { padding-top: 23px; }
.login_wrap .form_style_0_wrap .form_style_0_con .form_list:first-child .form_list_title { padding-top: 0; }

.form_style_0_wrap .form_style_0_con .form_list .btn_passenger_help{position: absolute;
    top: 0;cursor: pointer;left: 67px;min-height: 100%;background: url("/weven_template/theme/PORTAL/1/resource/img/24x24_blue_question_icon.png") no-repeat center;
    color: rgba(0,0,0,0);width: 24px;height: 24px;background-size: 24px; z-index:5;}
.form_style_0_wrap .form_style_0_con .form_list .info_passenger_help{ left:40px; font-weight:600;display:none;margin-top: 13px;position: absolute;background-color: #fbfbfb;z-index: 100;padding: 7px 12px;border: 2px solid #1b3282;border-radius: 10px;width: 300px;line-height: 2.7rem; }
.form_style_0_wrap .form_style_0_con .form_list .info_passenger_help::after{content: "*"; position: absolute; top:-8px; left:29px; width:0px; height:0px; color:transparent; border-style: solid; border-width: 0 9px 7px 9px; border-color: transparent transparent #1b3282 transparent;}
.form_style_0_wrap .form_style_0_con .form_list .btn_passenger_help.active + .info_passenger_help{display:block;}

.input_style_1_wrap .input_style_1_con.member > input[readonly] { color: #2b3138; }

/*자주쓰는 카드등록*/
.form_style_0_wrap .form_style_0_con.border_desc .form_list .form_list_title { padding-top: 20px; padding-bottom: 2px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #2b3138; }
.card_regist_wrap .form_style_0_wrap .form_style_0_con.border_desc { padding: 22px 30px 40px 30px; }
.card_regist_wrap .input_style_1_wrap { display: flex; }
.card_regist_wrap .input_style_1_wrap .input_style_1_con { flex: 1 1 auto; }
.rewrite_btn_con { position: absolute; top: 20px; right: 21px; z-index: 1; }
.rewrite_btn_con .rewrite_btn { padding: 8px; border-radius: 10px; font-size: 13px; line-height: 19px; font-weight: 400; color: #2b3138; }
.rewrite_btn_con .rewrite_btn > span { padding-left: 19px; background-image: url("../img/rewrite_icon.svg"); background-repeat: no-repeat; background-size: 14px; background-position: left center; }
.registed_table_wrap .table_style_0_wrap { padding: 0; }
.registed_table_wrap .table_style_0_wrap .table_style_0_con .table_style_0 tbody tr { cursor: default; }
.registed_table_wrap .table_style_0_wrap .table_style_0_con .table_style_0 th { height: 47px; font-weight: 400; }
.registed_table_wrap .table_style_0_wrap .table_style_0_con .table_style_0 tbody tr .remove_btn > img { width: 15px; }

.registed_table_wrap .nodata { border-bottom: 1px solid #ccd6e6; font-weight: 300; }

/* 자주가는 구간 등록 */
.route_regist_wrap .search_input_style_0_wrap .search_input_style_0 > input { border: none; }
.route_regist_wrap .form_style_0_wrap .form_style_0_con.border_desc { padding: 30px 30px 27px 30px; }
.route_regist_wrap .search_input_style_0_wrap .search_input_style_0 > input { padding-right: 10px; }

/*btn*/
.form_style_0_wrap .form_style_0_con .form_list .form_list_input span.time { font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 500; }
.form_style_0_wrap .form_style_0_con .form_list .form_list_input .btn_box_right { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.form_style_0_wrap .form_style_0_con .form_list .form_list_input .btn_box_right_type_2 { float:right; padding-top:10px;}
.form_style_0_wrap .form_style_0_con .form_list .form_list_input .btn_box_left { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.form_style_0_wrap .form_style_0_con .form_list .form_list_input .pw_cover { height: 58px; display: inline-flex; align-items: center; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; color: #2b3138; font-weight: 400; }

/* type_2 : 탑승인원정보/카드정보 입력폼 */
.form_style_0_wrap.type_2 .form_style_0_con .form_desc { font-size:17px; font-size:1.7rem; line-height:27px; line-height:2.7rem; }
.form_style_0_wrap.type_2 .form_style_0_con .form_list { flex-direction: column; }
.form_style_0_wrap.type_2 .form_style_0_con .form_list:not(:last-child) { margin-bottom: 20px; }
.form_style_0_wrap.type_2 .form_style_0_con .form_list .form_list_title { padding: 0; font-size:17px; font-size:1.7rem; line-height:20px; line-height:2.0rem; font-weight: 400; }
/*인풋(type_3) 동일스타일*/
.form_style_0_wrap .form_style_0_con .form_list .form_list_input div.select_input_box { display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 58px; border-bottom: 1px solid #dde4ee; }
.form_style_0_wrap .form_style_0_con .form_list:last-child .form_list_input div.select_input_box:last-child { border-bottom: none; }
.form_style_0_wrap .form_style_0_con .form_list .form_list_input div.select_input_box > span {font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 700; color: #2b3138; }
.form_style_0_wrap .form_style_0_con .form_list .form_list_input div.select_input_box > span:not(:empty) { margin-right: 15px;}
.form_style_0_wrap .form_style_0_con .form_list .form_list_input div.select_input_box .highlight { font-weight: 400; color: #e53372; }
/* type_3 : 팝업폼 */
.form_style_0_wrap.type_3 .form_style_0_con .form_list { flex-direction: column; }
.form_style_0_wrap.type_3 .form_style_0_con .form_list:not(:last-child) { margin-bottom: 17px; }
.form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_title { padding: 17px 0; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; }
.form_style_0_wrap.type_3 .form_style_0_con .form_list:last-child .form_list_input div.select_input_box:last-child { border-bottom: 1px solid #dde4ee; }
.form_style_0_wrap.type_3 .form_style_0_con .form_list

.member_info_wrap .form_style_0_wrap .form_style_0_con .form_list .form_list_title { padding-top: 20px; }
.member_info_wrap .form_style_0_wrap .form_style_0_con .form_list .form_list_input .btn_box_right { top: 17px; transform: translateY(0); }
.member_info_wrap .radio_style_0_wrap.type_2 .radio_style_0_con { margin-right: 22px; width: auto; }
.modify_info_wrap .radio_style_0_wrap.type_2 .radio_style_0_con { margin-right: 22px; width: auto; }

/* 레이아웃 */
/*선박 배경이미지*/
.bottom_bg_con { position: absolute; top: -25px; right: 26px; transform: translateY(-100%); text-align: right; }
.bottom_bg_con > img { width: 70%; }
/*메인*/
.container { width: 100%; overflow: hidden; }
.wrapper.main .bottom_bg_con { display: none; }
.wrapper.main .container .main_top { transition: background 0.2s; background-image: url('../img/bottom_bg_img.gif'); background-repeat: no-repeat; background-size: 192px; background-position: calc(100% - 30px) calc(100% - 115px); }
.wrapper.main .container .main_top.intro { background-image: url('../img/bottom_bg_img_intro.gif'); }

.container .main_top { height: calc(100vh - 75px); left: 0; overflow: visible; }

.container .main_top .main_top_inner { margin-left: 0%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.container .main_top .main_top_inner.map_search { left: 100%; }
.container .scroll_down_btn { display: none; position: absolute; left: 50%; bottom: 27px; transform: translateX(-50%); text-align: center; }
.container .scroll_down_btn .scroll_text { font-size:10px; font-size:1.0rem; line-height:16px; line-height:1.6rem; font-weight: 600; color: #2b3138; }

/*서브*/
.wrapper.sub{display: flex; flex-direction: column;}
.wrapper.sub .container { flex: 1; padding-top: 10px; padding-bottom: 204px;}
/* type_2 : 로그인 및 완료 뷰에서 사용 (높이 100%) */
.wrapper.sub .container.type_2 { padding-top: 217px; padding-bottom: 284px; display: flex; flex-wrap: wrap; align-items: center; }
.wrapper.sub.complete .bottom_bg_con { display: none; }

/* 예매 */
.wrapper.sub.reservation .container { flex: 1; display: flex; flex-wrap: wrap; align-items: stretch; padding-top: 0; padding-bottom: 0; }
.container .main_top .main_top_inner.map_search { position: relative; }
.wrapper.sub.reservation .container .main_top { height: auto; }
.wrapper.sub.reservation .container .scroll_down_btn { display: none; }
.wrapper.sub.reservation .bottom_bg_con { display: none; }
.wrapper.sub.reservation .container .main_top { background-image: url('../img/bottom_bg_img.gif'); background-repeat: no-repeat; background-size: 192px; background-position: calc(100% - 30px) calc(100% - 115px); }
.wrapper.sub.reservation .container .main_top.intro { background-image: url('../img/bottom_bg_img_intro.gif'); }

/*지도*/

/* search */
.main_visual_wrap { display: flex; align-items: center; height: 100%; }
.main_visual_wrap .main_visual_inner{ }

/* 20220729 삭제, 이동수, 도착지 클릭이벤트 작동불가로 인해 JS로 처리 */
/*.search_input_style_0 > input:focus ~ .auto_complete_text_box{display: block;}*/

/* 텍스트 자동완성 리스트 */
/* 20220729 변경, 이동수, 크기별로 박스크기를 적용, , 리스트가 위로 올라가는 현상 */
/*.auto_complete_text_box { display: none; min-height: 164px; padding: 27px 30px; border: 2px solid #04a2df; border-radius: 10px; background-color: #fff; position: absolute; bottom: 10px; left: 0; transform: translateY(100%); z-index: 30; }*/
.auto_complete_text_box { display: block; max-height: 164px; padding: 27px 30px; border: 2px solid #04a2df; border-radius: 10px; background-color: #fff; position: absolute; bottom: 10px; left: 0; transform: translateY(100%); z-index: 10; }
.auto_complete_text_box .auto_complete_view ul { max-height: 106px; overflow-y: auto; -webkit-overflow-scrolling: auto !important;}
.auto_complete_text_box .auto_complete_view ul::-webkit-scrollbar { width: 2px; }
.auto_complete_text_box .auto_complete_view ul::-webkit-scrollbar-track { background: transparent; }
.auto_complete_text_box .auto_complete_view ul::-webkit-scrollbar-thumb { background: #04a2df; border-radius: 5px; }
.auto_complete_text_box .auto_complete_view ul > li { cursor: pointer; margin-bottom: 14px; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 400; color: #61718d; }
.auto_complete_text_box .auto_complete_view ul > li:last-child { margin-bottom: 0; }
.auto_complete_text_box .auto_complete_view ul > li.active > span { font-weight: 700; color: #04a2df; }
/* 20220729 추가, 이동수, 유효성 */
.auto_complete_text_box .auto_complete_view ul > li.notvalid > span { font-weight: 700; color: #ff0000; }
/*노데이터*/
.auto_complete_text_box .auto_complete_nodata { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 400; color: #61718d; }

/* map */
.main_map_wrap { overflow: hidden; position: relative; text-align: left; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0px; }
.main_map_wrap .main_map_con { overflow: visible; left: 0px; top: 0px; position: relative; text-align: left; width: 600px; height: 1100px; padding: 0px; }

.main_map_wrap .main_map_con svg { margin-top: -40px; margin-left: -30px; width: 100%; height: 100%; transform: scale(0.5); overflow: visible; }
.main_map_wrap .main_map_con svg path { cursor: pointer; fill: #f1f4f9; stroke: #fff; stroke-width: 2.5; position: relative; z-index: 999; transition: fill 0.2s;}
/* hover */
.main_map_wrap .main_map_con svg path.active { fill: #04a2df; }

.main_map_wrap .main_map_con .local_list  { pointer-events: none; }
.main_map_wrap .main_map_con .local_list .local_text { font-family: "Inter", "Carmen Sans"; font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; font-weight: 500; fill: #2b3138; transition: font-size 0.2s, fill 0.2s;}
/* hover */
.main_map_wrap .main_map_con .local_text.active { fill: #fff; }
/* 부산 */
.main_map_wrap .main_map_con .local_text[id='LCD26'].active { fill: #2b3138; }
/* 인천 */
.main_map_wrap .main_map_con .local_text[id='LCD28'].active { fill: #2b3138; }

.main_map_wrap .area_detail_dim { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.6); z-index: 16; }
.main_map_wrap.click .area_detail_dim { display: block; }
.main_map_wrap.click .main_map_con .area_detail_con { display: block; }
.main_map_wrap .main_map_con .area_detail_con { display: none; }
.main_map_wrap .main_map_con .area_detail_con { border-radius: 25px; min-width: calc(100% - 60px); top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-height: 500px; padding: 40px 40px 40px 20px; position: fixed; background-color: #fff; z-index: 17; }
.main_map_wrap .main_map_con .area_detail_con .area_detail_box { display: none; }
.main_map_wrap .main_map_con .area_detail_con .area_detail_box.on { display: block; }
.main_map_wrap .main_map_con .area_detail_con .area_detail_box > div { padding-left: 30px; }
.main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_title { font-family: "Inter", "Carmen Sans"; font-size:29px; font-size:2.9rem; line-height:35px; line-height:3.5rem; font-weight: 700; }
.main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_list { overflow-y: auto; height: 600px; }
.main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_list::-webkit-scrollbar { width: 2px; }
.main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_list::-webkit-scrollbar-track { background: #dee3e9; }
.main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_list::-webkit-scrollbar-thumb { background: #2b3138; }

/* 20220822 추가 변경, 이동수, 2열로 표현(팀장님) */
.main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_list ul {columns:2;}
.main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_list ul > li { margin-right : 50px; transition: color 0.2s; margin-bottom: 20px; cursor: pointer; position: relative; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 400; color: #61718d;}
/*.main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_list ul > li { transition: color 0.2s; margin-bottom: 20px; cursor: pointer; position: relative; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 400; color: #61718d;}*/
.main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_list ul > li:last-child { margin-bottom: 0; }

.main_map_wrap .main_back_btn { display: inline-block; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); margin-top: -60px; }
.main_map_wrap .main_back_btn .btn_text { position: relative; padding-left: 20px; cursor: pointer; font-size: 0; }
.main_map_wrap .main_back_btn .btn_text::before { content: ''; position: absolute; width: 30px; height: 30px; top: -5px; left: -10px; background-image: url('../img/7x13_2b3138_left_arrow.png'); background-repeat: no-repeat; background-size: 7px 13px; background-position: center center; }

/* 장소보기 선택 박스 */
.place_view_select_box { padding: 21px 30px 19px 30px; border: 1px solid #ccd6e6; border-radius: 15px; }
.place_select_con {  }
.place_select_con .place_select_list { margin-bottom: 23px; display: flex; flex-wrap: wrap; }
.place_select_con .place_select_list:last-child { margin-bottom: 0; }
.place_select_con .place_select_list.title { margin-bottom: 15px; align-items: center; }
/* 20220803 변경, 이동수, 일부기항지  짤림 */
.place_select_con .place_select_box { width: 190px; padding-right: 15px; }
.place_select_con .place_select_box.arrival { padding-left: 15px; width: 190px;}
.place_select_con .place_select_box .title { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color: #2b3138; }
.place_select_con .place_select_box .title > span { font-weight: 500; color: #9bacc6; }
.place_select_con .place_select_box .place_name { margin-bottom: 11px; font-size:20px; font-size: 2.0rem; line-height: 26px; line-height: 2.6rem; font-weight: 700; color: #2b3138; }
.place_select_con .place_select_box .place_name > .departure_type { display: inline-block; font-size: 15px; line-height: 21px; font-weight: 500; letter-spacing: -0.04em; border: 1px solid #000; border-radius: 5px; padding: 2px 6px; white-space: nowrap; margin-top: 6px; margin-bottom: 7px; }
.place_select_con .place_select_box .place_name > .departure_type.dayround { border-color: #00c393; color: #00c393; }
.place_select_con .place_select_box .place_name > .departure_type.oneway { border-color: #8d4ee3; color: #8d4ee3; }
.place_select_con .place_select_box .place_name > .departure_type.round { border-color: #60cb00; color: #60cb00; }
.place_select_con .place_select_box .place_name > .departure_type.cycle { border-color: #ec9923; color: #ec9923; }
.place_select_con .place_select_box .place_name > .departure_type.no { border-color: #ec2361; color: #ec2361; }
.place_select_con .place_select_box .place_name:last-child { margin-bottom: 0; }
.place_select_con .place_select_box .checkbox_style_0_wrap { width: 100%; margin-bottom: 11px; }
.place_select_con .place_select_box .checkbox_style_0_wrap:last-child { margin-bottom: 0; }
.place_select_con .place_select_box .select_tport {color: #04a2df;}

.place_select_con .place_select_between_box { flex: 1; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; }
.place_select_con .place_select_between_box .area_change_btn { margin-top: 0; margin-bottom: 0; }
.place_select_con .place_select_between_box .area_change_btn:after { 
	width: 100px;
    height: 40px;
    content: "출도착지 변경";
    position: absolute;
    top: -17.5px;
    left:-12.5px;
    font-size:1.2rem;
}
.place_select_con .place_select_between_box .between_line { height: 26px; position: relative; }
.place_select_con .place_select_between_box .between_line::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); border-bottom: 2px dotted #7ba5d0; width: 100%; }

/*선박 및 객실선택*/
.ticketing_top_wrap.floating.active { position: fixed; z-index: 121; left: 0; top: 0; padding-bottom: 0; }
.ticketing_top_wrap.floating .show_ticketing_info_btn_con { position: absolute; bottom: -6px; right: 0; text-align: center; width: auto; line-height: 0; }
.ticketing_top_wrap.floating .show_ticketing_info_btn_con .show_ticketing_info_btn { position: relative; display: inline-block; width: 30px; height: 30px; cursor: pointer; }
.ticketing_top_wrap.floating .show_ticketing_info_btn_con .show_ticketing_info_btn::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-top: 12px solid #04a2df; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.ticketing_top_wrap.floating .show_ticketing_info_btn_con.active .show_ticketing_info_btn::after { border-top: none; border-bottom: 12px solid #04a2df; }

.ticketing_top_wrap.floating .floating_box { background-color: #fff; border: 2px solid #00adef; border-radius: 20px; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1); padding: 16px 22px; transition: none; }
.ticketing_top_wrap.floating.active .floating_box {border-radius: 0px 0px 20px 20px; border-top: none;}

.ticketing_top_detail_con { padding-top: 15px; }
.ticketing_top_detail_con .ticketing_detail { padding-left: 15px; font-size: 15px; line-height: 21px; letter-spacing: -0.02em; font-weight: 400; margin-bottom: 3px; }
.ticketing_top_detail_con .ticketing_detail:last-child { margin-bottom: 0px; }
.ticketing_top_detail_con .ticketing_detail::before { content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background-color: #2b3138; }

.room_info_btn_con { margin-bottom: -8px; text-align:center; z-index: 1; cursor: pointer; }
.room_info_btn_con .room_info_btn { position: relative; display: inline-block; height: 25px; margin-top: 8px; }
/*.room_info_btn_con .room_info_btn::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-top: 6px solid #04a2df; border-left: 6px solid transparent; border-right: 6px solid transparent; }*/
.room_info_btn_con .room_info_btn::after { content: ''; position: absolute;  top: 50%; right: -22%;   transform: translate(-50%, -50%); width: 0; height: 0; border-top: 14px solid #04a2df; border-left: 12px solid transparent; border-right: 12px solid transparent; }
.room_info_btn_con .room_info_btn > span { font-family: "Inter", "Carmen Sans"; font-size:20px; font-size:2.0rem; line-height:23px; line-height:2.3rem; font-weight: 500;  }
.room_info_btn_con.active .room_info_btn::after { border-top: none; border-bottom: 14px solid #04a2df; }


.area_box { width: 100%; }
.area_change_btn { cursor: pointer; transition: background-color 0.2s, border-color 0.2s; margin-top: 9px; margin-bottom: 9px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #d6dce3; background-color: #fff; background-image: url('../img/21x15_00adef_left_right_arrow.png'); background-repeat: no-repeat; background-size: 21px 15px; background-position: center center; }
.area_box .area_box_inner { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
.area_box .area_box_inner .search_input_style_0_wrap { width: calc((100% - 76px)/2); }
.area_box .area_box_inner .search_input_style_0_wrap .search_input_style_0 > input { height: 60px; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; }
.area_box .area_box_inner .search_input_style_0_wrap .search_input_style_0 > .search_btn { width: 27px; height: 27px; top: 15px; }
.area_box .area_box_inner .search_input_style_0_wrap .search_input_style_0 > .search_btn::after { top: 7px; left: 7px; width: 13px; height: 13px; background-size: 13px 13px; }

.ticketing_top_wrap .ticketing_top_con { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; }
.ticketing_top_wrap .ticketing_top_con .title { margin-bottom: 4px; font-size:13px; line-height:19px; font-weight: 700; color: #2b3138; }
.ticketing_top_wrap .ticketing_top_con .title.promotion_light { font-size:16px; color: #f1746c; margin-left: 10px; &:before { position: absolute; left: 0; top: -10%; width: 100%; height: 120%; background: #bbeb2e; filter: blur(10px); content: ""; opacity: 0; animation: promotion_flash .6s ease-out alternate infinite;} }
@keyframes promotion_flash{ to {opacity: 1;}}
.ticketing_top_wrap .ticketing_top_con .text { font-size:20px; font-size:2.0rem; line-height:22px; line-height:2.2rem; font-weight: 700; color: #2b3138; letter-spacing: 0em; }
.ticketing_top_wrap.floating .ticketing_top_con .text { font-size: 17px; line-height: 18px; }
@keyframes point_alert_blink { 0%, 100% { color: #e53372; } 50% { color: #ffffff; } }
.point_alert_blink { animation: point_alert_blink 1s infinite; }
.point_alert_blink::before { content:"!" !important; font-size: 20px; font-size: 2.0rem; font-style:italic; }
.point_alert_blink::after { content:"!" !important; font-size: 20px; font-size: 2.0rem; font-style:italic; position:relative; left:5px; }

.ticketing_top_wrap .ticketing_top_con .area_box { margin-bottom: 10px; }
.ticketing_top_wrap .ticketing_top_con .area_box .area_box_inner { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.ticketing_top_wrap .ticketing_top_con .area_box .area_box_inner:last-child { padding-left: 20px; }
.ticketing_top_wrap .ticketing_top_con .area_box .area_box_inner .text { border-right: 1px solid #ccd6e6; flex: 1 0 auto; padding-right: 35px; word-wrap: break-word; word-break: keep-all;}
.ticketing_top_wrap .ticketing_top_con .area_box .area_box_inner:last-child .text { border-right: none; }

/* .ticketing_top_wrap .ticketing_top_con .date_box { margin-bottom: 12px; } */
.ticketing_top_wrap .ticketing_top_con .date_box .date_box_inner { align-items: flex-start; }

.ticketing_top_wrap.floating .ticketing_top_con .date_box .title { margin-bottom: 0; margin-right: 13px; }

.date_box .date_box_inner { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
.date_box .date_box_inner .calendar_style_0_wrap { width: 100%; margin-bottom: 25px; }

/*조회 btn*/
.ticketing_top_wrap .ticketing_top_con .change_btn { text-align: center; position: absolute; bottom: -6px; right: 0; text-align: center; width: auto; line-height: 0;}
.ticketing_top_wrap .ticketing_top_con .change_btn .btn_style_0_con .btn_style_0.blue { padding: 2px 5px 2px; font-size: 15px; line-height: 22px; border-radius: 5px; margin-bottom: 5px; }

.ticketing_content_wrap .date_select_wrap { display: flex; align-items: center; justify-content: space-between; background-color: #fff; border-radius: 15px; padding: 17px 22px; }
.ticketing_content_wrap .date_select_wrap .date_arrow_btn { cursor: pointer; padding-left: 3px; padding-right: 3px; }
.ticketing_content_wrap .date_select_wrap .date_select_con { display: flex; align-items: center; justify-content: space-between; }
.ticketing_content_wrap .date_select_wrap .date_select_con .date_select_box { font-size:20px; font-size:2.0rem; line-height:25px; line-height:2.5rem; font-weight: 700; color: #2b3138; }
.ticketing_content_wrap .date_select_wrap .date_select_con .date_select_box:first-child {cursor: pointer;}
.ticketing_content_wrap .date_select_wrap .date_select_con .date_select_box:last-child {cursor: pointer;}

.ticketing_content_wrap .date_select_wrap .date_select_con .date_select_box > span { font-family: "Inter", "Carmen Sans"; font-weight: 400; color: #9bacc6; }


.ticketing_content_wrap { background-color: #f4f6f8; }
.ticketing_content_wrap .date_info_con ul { font-size: 0; }
.ticketing_content_wrap .date_info_con ul > li { width: 100%; position: relative; box-sizing: border-box; display: inline-block; font-family: "Inter", "Carmen Sans"; font-weight: 700; line-height:24px; line-height:2.4rem;}
/* .ticketing_content_wrap .date_info_con ul > li::after { content: none; position: absolute; top: 3px; left: 0; border-right: 1px solid #ccd6e6; height: calc(100% - 6px); }
.ticketing_content_wrap .date_info_con ul > li:first-child::after { content: none; } */ 
.ticketing_content_wrap .date_info_con ul > li.title { font-size:26px; font-size:2.6rem; }
.ticketing_content_wrap .date_info_con ul > li.date { font-size: 18px; font-size: 1.8rem; color: #2b3138; padding: 18px 22px 19px 25px; border-radius: 15px; border: 1px solid #ccd6e6; background-color: #fff; }
.ticketing_content_wrap .date_info_con ul > li.journeytitle { padding-left: 22px; font-size:20px; font-size:2.0rem; color:#808080;}
.ticketing_content_wrap .date_info_con ul > li.journeycontent { font-size:19px; font-size:1.9rem; color:#808080;}
.ticketing_content_wrap .date_info_con ul > li:first-child { border-left: none; padding-left: 0; margin-left: 0; }

/*선박 및 객실 선택*/
.ticketing_content_wrap .ship_info_wrap {  }
.ticketing_content_wrap .ship_info_wrap:last-child { margin-bottom: 0; }
.ticketing_content_wrap .ship_info_con_wrap .ship_info_wrap:not(:last-child) { margin-bottom: 10px; }
.ticketing_content_wrap .ship_info_wrap .ship_info_con { padding: 27px 30px; border-radius: 25px; z-index: 1; }
.ticketing_content_wrap .ship_info_wrap .ship_info_con::after { content: ''; z-index: 0; position: absolute; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px; border: 1px solid #ccd6e6; background-color: #fff; }
.ticketing_content_wrap .ship_info_wrap .ship_info_con:hover { z-index: 2; }
.ticketing_content_wrap .ship_info_wrap.active .ship_info_con { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.ticketing_content_wrap .ship_info_wrap.active .ship_info_con::after { border: 2px solid #04a2df; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.ticketing_content_wrap .ship_info_wrap.checkseat.active .ship_info_con::after { border-bottom : 2px solid #04a2df; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

.ticketing_content_wrap a#addinfant { background-color: #04a2df; border-color:#04a2df; padding: 4px 7px; color:#ffffff; border-radius:6px;}
	
.ticket_property { margin: 0 4px; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.ticket_property.mobile { background-image: url('../img/mobile_ticket.svg'); }
.ticket_property.car { background-image: url('../img/car_available.svg'); background-size: 28px; }

.ship_info_wrap .ship_info_con .ship_info_top { margin-bottom: 8px; z-index: 2; }
.ship_info_wrap .ship_info_con .ship_info_top [class*="col-"] { position: static; }

.ship_info_wrap .ship_info_con .ship_info_top .ship_name { margin-bottom: 0px; font-family: "Inter", "Carmen Sans"; font-size:24px; font-size:2.4rem; line-height:32px; line-height:3.2rem; font-weight: 700; }
.ship_info_wrap .ship_info_con .ship_info_top .ship_name.mb0 { margin-bottom: 0; }
.ship_info_wrap .ship_info_con .ship_info_top .btn_style_1_gray_con.call .btn_style_1_gray { padding-top: 5px; padding-bottom: 5px; padding-left: 32px; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 700; color: #2b3138; background-image: url('../img/14x14_2b3138_call_icon.png'); background-repeat: no-repeat; background-size: 14px 14px; background-position:13px center ; }

.ship_info_wrap .ship_info_con .ship_info_top .help_box_btn:hover {  }

.ship_info_wrap .ship_info_con .ship_info_content { z-index: 1; }
.ship_info_wrap .ship_info_con .ship_info_content div { font-family: "Inter", "Carmen Sans"; color: #2b3138; }
.ship_info_wrap .ship_info_con .ship_info_content .ship_status { position: relative; display: block; width: 32px; margin: 0 auto 2px; line-height: 0; }
.ship_info_wrap .ship_info_con .ship_info_content .ship_status > svg { display: inline-block; width: 100%; height: 100%; }
.ship_info_wrap .ship_info_con .ship_info_content .ship_status.canceled > svg { fill: #c9d5e7; }
.ship_info_wrap .ship_info_con .ship_info_content .ship_status > .cancel_icon { position : absolute; display: none; align-items: center; justify-content: center; top: 6px; right: -5px; width: 20px; height: 20px; background-color : #e60012; border-radius: 50%; }
.ship_info_wrap .ship_info_con .ship_info_content .ship_status > .cancel_icon > img { width : 10px; }
.ship_info_wrap .ship_info_con .ship_info_content .ship_status.canceled > .cancel_icon { display: flex; }

/*날씨 포함*/
.ship_info_wrap .ship_info_con.weather .ship_info_content .left_box .time_info { margin-bottom: 8px; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .weather_info { margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .weather_info .ship_weather { width: 108px; text-align: center; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .weather_info .weather_text { width: 122px; margin-right: 19px; text-align: center; font-family: "Inter", "Carmen Sans"; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; color: #2b3138; }
/*왕복 여정*/
.ship_info_wrap .ship_info_con.round .ship_info_content .left_box .time_info .ship_time .area { margin-bottom: 5px; }
.ship_info_wrap .ship_info_con.round .ship_info_content .left_box .time_info { margin-bottom: 24px; }
.ship_info_wrap .ship_info_con.round .ship_info_content .left_box .time_info:last-child { margin-bottom: 0; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info_wrap { margin-bottom: 0; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info_wrap .time_info .info_name_con { margin-bottom: 20px; font-family: "Inter", "Carmen Sans"; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info_wrap .time_info .info_name_con .label { margin-right: 12px; padding: 3px 9px; background-color: #04a2df; border-radius: 5px; color: #fff; }
/*날씨+왕복 여정*/
.ship_info_wrap .ship_info_con.weather.round .ship_info_content .left_box .time_info { margin-bottom: 8px; }
.ship_info_wrap .ship_info_con.weather.round .ship_info_content .left_box .weather_info { margin-bottom: 24px; }
.ship_info_wrap .ship_info_con.weather.round .ship_info_content .left_box .weather_info:last-child { margin-bottom: 0; }

.ship_info_wrap .ship_info_con .ship_info_content .left_box { width: 100%; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info { margin-bottom: 27px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info:last-child { margin-bottom: 0; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info .ship_time { width: 100px; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info .total_time { width: 100px; margin-right: 19px; padding-bottom: 14px; background-image: url('../img/100x7_2b3138_right_arrow.png'); background-repeat: no-repeat; background-size: 100px 7px; background-position: center bottom 7px; font-size:15px; line-height:21px; font-weight: 500; }
	
.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info .ship_time .area { overflow: hidden; text-overflow: ellipsis; white-space: normal; margin-bottom: 8px; font-size:20px; font-size:2.0rem; line-height:27px; line-height:2.7rem; font-weight: 700; }
.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info .ship_time .time { height: 32px; font-size:23px; font-size:2.3rem; line-height:32px; line-height:3.2rem; font-weight: 700; letter-spacing: 0em; }

/*주요알림, 이벤트*/
.ship_info_wrap .notice_list { margin-top: 8px; margin-right: 25px; z-index: 0; }
.ship_info_wrap .notice_list.ship { /* position: absolute; left: 30px; bottom: 27px; z-index: 100; width: calc(100% - 60px);*/ z-index: 1; margin-top: 12px; margin-right: 0; }
.ship_info_wrap .notice_list ul { font-size: 0; line-height: 0; }
.ship_info_wrap .notice_list ul > li { border-right: 1px solid #ccd6e6; padding: 0 20px; display: inline-block; font-size:17px; font-size:1.7rem; line-height:17px; line-height:1.7rem; font-weight: 500; }
.ship_info_wrap .notice_list ul > li:first-child { padding-left: 0; }
.ship_info_wrap .notice_list ul > li:last-child { border-right: none; padding-right: 0; }
.ship_info_wrap .notice_list ul > li > span { position: static; font-family: "Inter", "Carmen Sans"; cursor: pointer; }

.ship_info_wrap .notice_list.ship ul > li { padding: 4px 13px 6px 12px; border: 1px solid #04a2df; border-radius: 5px; background-color: #fff; box-sizing: border-box; cursor: pointer; font-family: "Inter", "Carmen Sans"; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; color: #04a2df; } 

.ship_info_wrap .ship_info_con .ship_info_content .right_box { width: 100%; }
.ship_info_wrap .ship_info_con .ship_info_content .right_box .right_title { font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; }
.ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info:nth-child(2) { width: 50%; padding-right: 20px;}
.ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info:nth-child(3) { width: 50%; padding-left: 20px; border-left: 1px solid #ccd6e6; }
.ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info .amount { margin-bottom: 3px; font-size:20px; font-size:2.0rem; line-height:29px; line-height:2.9rem; font-weight: 700; }
.ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info .room_list .room_list_open { display: inline-block; z-index: 30; position: relative; padding-right: 16px; cursor: pointer; }
.ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info .room_list .room_list_open::after { content: ''; position: absolute; top: 49%; right: 0; transform: translateY(-49%); width: 0; height: 0; border-top: 4px solid #04a2df; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info .room_list .room_list_open > span { font-family: "Inter", "Carmen Sans"; font-size:23px; font-size:2.3rem; line-height:23px; line-height:2.3rem; font-weight: 500;  }
.ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info .car_pay > span { position: relative; padding-right: 24px; cursor: pointer; font-family: "Inter", "Carmen Sans"; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; }
.ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info .car_pay > span::after { content: ''; position: absolute; top: 49%; right: 8px; transform: translateY(-49%); width: 0; height: 0; border-left: 4px solid #04a2df; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.ship_info_wrap.finding_fee .ship_info_con .ship_info_content .right_box .remain_info .room_list .room_list_open > span { font-size: 17px; }

/* .ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info .seat_selection_status { margin-bottom: 4px; font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; font-weight: 700; } */
.ship_info_wrap .ship_info_con .ship_info_content .right_box .seat_selection_status { font-family: 'Inter', 'Spoqa Han Sans Neo'; display: inline-block; font-size: 20px; fomt-size: 2.0rem; line-height: 29px; line-height: 2.9rem; font-weight: 500; letter-spacing: -0.04em; /* border: 1px solid rgba(27, 50, 130, 0.7); border-radius: 5px; padding: 6px 10px 4px 10px; */ white-space: nowrap; color: #1b3282;}
.ship_info_wrap .ship_info_con .ship_info_content .right_box .seat_selection_status.seat_selection_complete { border-color: #4e8cf2 !important; color: #4e8cf2 !important; }
.ship_info_wrap .ship_info_con .ship_info_content .right_box .room_list .seat_map_open {border: 1px solid #0db1f0; border-radius:5px; padding:5px 30px 5px 9px; color:#0db1f0; z-index: 30; position: relative; cursor: pointer; font-family: "Inter", "Carmen Sans"; font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; font-weight: 500; }
.ship_info_wrap .ship_info_con .ship_info_content .right_box .room_list .seat_map_open.unavailable {border: 1px solid #e53372; padding:5px 9px; color:#e53372; z-index: 30; position: relative; cursor: pointer; font-family: "Inter", "Carmen Sans";}

/* .ship_info_wrap:not(.active) .ship_info_con .ship_info_content .right_box .remain_info .room_list .seat_map_open:not(.unavailable)::after { content: ''; position: absolute; top: 49%; right: 8px; transform: translateY(-49%); width: 0; height: 0; border-top: 8px solid #04a2df; border-left: 8px solid transparent; border-right: 8px solid transparent; } */
.ship_info_wrap:not(.active) .ship_info_con .ship_info_content .right_box .room_list .seat_map_open:not(.unavailable)::after {padding-left:5px; height:29px; content: ''; position: absolute; width: 23px; background-image:url('../img/23x23_00adef_search_icon.png'); background-repeat:no-repeat; background-size: 20px 20px; background-position:center center;}
/* .ship_info_wrap.active .ship_info_con .ship_info_content .right_box .remain_info .room_list .seat_map_open(.unavailable)::after { content: ''; position: absolute; top: 49%; right: 8px; transform: translateY(-49%); width: 0; height: 0; border-bottom: 8px solid #04a2df; border-left: 8px solid transparent; border-right: 8px solid transparent; } */

.ship_info_wrap.checkseat .ship_info_con .ship_info_content .right_box .remain_info:nth-child(3) { border: none; }

/*일정 정보 확인*/
.ship_info_wrap .ship_check_con { font-family: "Inter", "Carmen Sans"; font-size: 19px; line-height: 25px; font-weight: 700; color: #2b3138;
    border-radius: 25px; border: 2px solid #04a2df; border-right: 2px solid #04a2df; padding: 24px 30px 30px 30px; background-image: url('../img/ship_info_card_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center top -34px; }
.ship_info_wrap.type_1 .ship_check_con:not(:first-child)::after { content: ''; z-index: 1; position: absolute; width: calc(100% - 46px); border-bottom: 2px dotted #04a2df; top: -2px; left: 23px; background-color: #fff; }
.ship_info_wrap .ship_check_con:not(:first-child) { border-bottom: 2px solid #04a2df; margin-top: -2px; }
.ship_info_wrap .ship_check_con:last-child { border-bottom: 2px solid #04a2df;}
.ship_info_wrap .ship_check_con.cancel {background:repeating-linear-gradient(45deg, #f2e4e4, #f2e4e4, 5px, #fff 0, #fff 20px);}
/*20220117 이동수 2개이상일때 dot처리*/
/*.ship_info_wrap .ship_check_con:last-child { border-bottom: 2px solid #04a2df; margin-top: -2px; }*/
.ship_info_wrap .ship_check_con .ship_check_top { margin-bottom: 17px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.ship_info_wrap .ship_check_con .ship_check_top .title { font-family: "Inter", "Carmen Sans"; font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; }

.ship_info_wrap .ship_check_con .ship_check_bottom .ship_check_bottom_con { margin-bottom: 16px; }
/* .ship_info_wrap .ship_check_con .ship_check_bottom .ship_check_bottom_con .start_check { width: 160px; } */
/* .ship_info_wrap .ship_check_con .ship_check_bottom .ship_check_bottom_con .end_check { width: 160px; } */

.ship_info_wrap .ship_check_con .ship_arrow { flex: 1 0 auto; padding: 0 10px; }
.ship_info_wrap .ship_check_con .ship_arrow > img {margin-top: -4px; }

.ship_info_wrap .ship_check_con .ship_check_top [class*="col-"] { position: static; }

.ship_info_wrap .ship_check_con .help_box.notice { right: -48px; }

.ship_info_wrap .ship_check_con .status_type { display: inline-block; font-size: 16px; line-height: 21px; font-weight: 500; letter-spacing: -0.04em; border: 1px solid #000; border-radius: 5px; padding: 2px 6px; white-space: nowrap; margin-top: 6px; margin-bottom: 7px; }
.ship_info_wrap .ship_check_con .status_type.cancel { border-color: #ec2361; color: #ec2361; }
.ship_info_wrap .ship_check_con .status_type.pay { border-color: #ec9923; color: #ec9923; }
.ship_info_wrap .ship_check_con .status_type.note { border-color: #0080ff; color: #0080ff; }
.ship_info_wrap .ship_check_con .day { margin-left: 6px; }
.ship_info_wrap .ship_check_con .area { margin-right: 6px; }
.ship_info_wrap .ship_check_con .total_time { font-size: 15px; line-height: 21px; font-weight: 500; }
.ship_info_wrap .ship_check_con .ship_rating { padding: 6px 10px; border-radius: 6px; border: 1px solid #ccd6e6; background-color: #fff; font-family: 'Inter', 'Spoqa Han Sans Neo'; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; font-weight: 500; }

.ship_info_wrap .ship_check_con .ship_check_bottom .ship_rating_wrap { margin-right: 14px; margin-bottom: 7px; }
.ship_info_wrap .ship_check_con .ship_check_bottom .ship_rating_title { padding-top: 3px; max-width: calc(100% - 115px); }
/*.ship_info_wrap .ship_check_con .ship_check_bottom .ship_rating_title .name:first-child { margin-right: 6px; }*/
.ship_info_wrap .ship_check_con .ship_check_bottom .ship_rating_title .name { margin-right: 6px; }
.ship_info_wrap .ship_check_con .ship_check_box { display: flex; justify-content: space-between; }

/*마이페이지 > 정보변경*/
.ship_info_wrap.type_2 .ship_check_con{display:flex; align-items: stretch; border:none; padding-left: 30px; padding-bottom: 33px;}
.ship_info_wrap.type_2 .ship_check_con::after { content: ''; z-index: 1; position: absolute; width:100%; border-bottom: 2px dotted #04a2df; bottom: -2px; left: 0; background-color: #fff; }
/*.ship_info_wrap.type_2 .ship_check_con:last-child::after { content: none; }*/
/*.ship_info_wrap.type_2 .ship_check_con::after{content:''; width:100%; left:0;}*/
.ship_info_wrap.type_2 .ship_check_con .ship_check_top{align-items: flex-start; padding-right: 30px; margin-right: 30px; margin-bottom: 0px;}
.ship_info_wrap.type_2 .ship_check_con .ship_check_top:after{content:''; position: absolute; top: 3px; right:0; height: calc(100% - 6px); border-right: 1px solid #ccd6e6;}
.ship_info_wrap.type_2 .ship_check_con .ship_check_top .title{font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem;}
.ship_info_wrap.type_2 .ship_check_con .ship_check_bottom{flex: 1;}
.ship_info_wrap.type_2 .ship_check_con .ship_check_bottom .ship_check_bottom_con{margin-bottom: 6px;}

.ship_guide_title { font-family: "Inter", "Carmen Sans"; font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; font-weight: 700; color: #2b3138; }
.ship_guide_wrap .ship_guide_con .title { margin-bottom: 9px; font-family: "Inter", "Carmen Sans"; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 600; color: #2b3138; }
.ship_guide_wrap .ship_guide_con .guide_box { padding: 10px; border: 1px solid #ccd6e6; border-radius: 8px; overflow: hidden; }
.ship_guide_wrap .ship_guide_con .guide_box > ul { overflow-y: auto; max-height: 196px; }
.ship_guide_wrap .ship_guide_con .guide_box > ul::-webkit-scrollbar { width: 2px; }
.ship_guide_wrap .ship_guide_con .guide_box > ul::-webkit-scrollbar-track { background: #dee3e9; }
.ship_guide_wrap .ship_guide_con .guide_box > ul::-webkit-scrollbar-thumb { background: #2b3138; }
.ship_guide_wrap .ship_guide_con .guide_box > ul > li { position: relative; padding-left: 17px; word-break: keep-all; word-wrap: break-word; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; font-weight: 400; color: #2b3138; }
.ship_guide_wrap .ship_guide_con .guide_box > ul > li::before { content: '-'; position: absolute; top: 0; left: 1px; }

/* 객실선택 리스트 테이블 */
.room_info_list_wrap { height: 0; overflow: hidden; }
.ship_info_wrap.active .room_info_list_wrap { overflow: visible; }
.room_info_list_wrap .room_info_list { width: 100%; background-color: #667484; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
.room_info_list_wrap .room_info_list .room_list { width: 100%; color: #fff; }
.room_info_list_wrap .room_info_list .room_list colgroup col:first-child { width: 15%; }
.room_info_list_wrap .room_info_list .room_list colgroup col:nth-child(2) { width: auto; }
.room_info_list_wrap .room_info_list .room_list colgroup col:nth-child(3) { width: 14%; }
.room_info_list_wrap .room_info_list .room_list colgroup col:nth-child(4) { width: 13%; }
.room_info_list_wrap .room_info_list .room_list colgroup col:nth-child(5) { width: 14%; }
.room_info_list_wrap .room_info_list .room_list colgroup col:nth-child(6) { width: 10%; }
.room_info_list_wrap .room_info_list .room_list colgroup col:nth-child(7) { width: 12%; }


.room_info_list_wrap .room_info_list .room_list.type2 colgroup col:first-child { width: auto; }
.room_info_list_wrap .room_info_list .room_list.type2 colgroup col:nth-child(2) { width: 20%; }
.room_info_list_wrap .room_info_list .room_list.type2 colgroup col:nth-child(3) { width: 20%; }
.room_info_list_wrap .room_info_list .room_list.type2 colgroup col:nth-child(4) { width: 20%; }
.room_info_list_wrap .room_info_list .room_list.type2 colgroup col:nth-child(5) { width: 20%; }

/*.room_info_list_wrap .room_info_list .room_list colgroup.header4 col:first-child { width: 20%; }*/
.room_info_list_wrap .room_info_list .room_list colgroup.header4 col:nth-child(3) { width: 20%; }
.room_info_list_wrap .room_info_list .room_list colgroup.header4 col:nth-child(4) { width: 20%; }

.room_info_list_wrap .room_info_list .room_list colgroup.header5 col:nth-child(3) { width: 18%; }
.room_info_list_wrap .room_info_list .room_list colgroup.header5 col:nth-child(4) { width: 18%; }
.room_info_list_wrap .room_info_list .room_list colgroup.header5 col:nth-child(5) { width: 18%; }

.room_info_list_wrap .room_info_list .room_list colgroup.header6 col:nth-child(3) { width: 15%; }
.room_info_list_wrap .room_info_list .room_list colgroup.header6 col:nth-child(4) { width: 15%; }
.room_info_list_wrap .room_info_list .room_list colgroup.header6 col:nth-child(5) { width: 15%; }
.room_info_list_wrap .room_info_list .room_list colgroup.header6 col:nth-child(6) { width: 15%; }

.room_info_list_wrap .room_info_list .room_list tbody tr { transition: background-color 0.2s; }
.room_info_list_wrap .room_info_list .room_list tbody tr.active { background-color: #2c8ac7; }
.room_info_list_wrap .room_info_list .room_list th { padding-bottom: 1px; height: 35px; border-bottom: 1px solid rgba(255,255,255,0.15); font-size:11px; font-size:1.1rem; line-height: 14px; line-height:1.4rem; font-weight: 300; background-color: #728c9d; }
.room_info_list_wrap .room_info_list .room_list td { height: 50px; border-bottom: 1px solid rgba(255,255,255,0.15); text-align: center; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 300; }
.room_info_list_wrap .room_info_list .room_list td.title { text-align: left; }
.room_info_list_wrap .room_info_list .room_list td.check .checkbox_style_0_wrap { margin-left: -30px; padding-bottom: 17px; }

/*고정*/
.room_info_list_wrap .room_info_list .room_list:not(.type2) th:first-child:after  {content:"선택";}
.room_info_list_wrap .room_info_list .room_list:not(.type2) th:nth-child(2):after {content:"객실명";}
/*.room_info_list_wrap .room_info_list .room_list th:nth-child(3):after {content:"기본\A운임"; white-space:pre}*/
.room_info_list_wrap .room_info_list .room_list:not(.type2) th:nth-child(3):after {content:"1인당 운임(원)"; white-space:pre;}
.room_info_list_wrap .room_info_list .room_list:not(.type2) th:last-child:after {content:"잔여좌석"; white-space:pre;}

/*변동*/
.room_info_list_wrap .room_info_list .room_list:not(.type2) th.faretype:after {content:"판매정책"; white-space:pre;}
.room_info_list_wrap .room_info_list .room_list:not(.type2) th.sexoption:after {content:"판매성별"; white-space:pre;}
.room_info_list_wrap .room_info_list .room_list:not(.type2) th.basecntcheck:after {content:"기준인원"; white-space:pre;}

.ticketing_content_wrap .ship_info_wrap.finding_fee .room_info_list_wrap .room_info_list .room_list th.sub { border-bottom: none; }
.ticketing_content_wrap .ship_info_wrap.finding_fee .room_info_list_wrap .room_info_list .room_list td.sub { border-bottom: none; }

.room_info_list_wrap .room_info_list .room_list.type2 td.title { text-align: center; }

.room_info_list_wrap .room_info_list .room_list_close { width: 100%; padding: 19px 37px; cursor: pointer; box-sizing: border-box; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
.room_info_list_wrap .room_info_list .room_list_close > span { position: relative; padding-right: 30px; cursor: pointer; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 400; color: #fff; }
.room_info_list_wrap .room_info_list .room_list_close > span::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0; height: 0; border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; }

.help_icon { position: relative; cursor: pointer; display: inline-block; width: 19px; height: 19px; border-radius: 50%; background-color: #33a3cd; font-family: "Carmen Sans"; font-size: 12px; line-height: 17px; text-align: center; font-weight: 600; box-sizing: border-box; padding-right: 1px; vertical-align: top; margin-left: 5px; }
.help_icon .help_box { bottom: -10px; left: -66px; }
.help_icon .help_box .help_box_inner { padding: 27px 30px; }
.help_icon .help_box .help_box_inner .title_wrap { font-size: 21px; line-height: 27px; margin-bottom: 9px; }
.help_icon .help_box .help_box_inner .desc_wrap { font-size: 15px; line-height: 25px; }

.help_arrow{position:relative; display:block;}
/* .help_arrow.active::after{content: ''; width: 100%; height: 10px; position: absolute; top: 30px; background-image: url('../img/help_box_top_arrow.png'); background-repeat: no-repeat; background-size: 38px 10px; background-position: center bottom;} */

/* 도움말 박스 */
/* .help_box_btn { z-index: 100; } */
.ship_info_wrap .ship_check_con .ship_check_top .help_box { width: calc(100% + 64px); }
.help_box { display: none; position: absolute !important; transform: translateY(100%); z-index: 200; width: calc(100% + 60px); }
.ship_info_wrap.room .help_box.notice { left: -30px; bottom: -18px; }
.ship_info_wrap.room .help_box.event { left: -30px; bottom: -18px; }
.ship_info_wrap.room .help_box.facilities { right: -26px; }
.ship_info_wrap .ship_check_con .help_box.notice { left: -32px; }
.ship_info_wrap .ship_check_con .help_box.event { left: -32px; }
.ship_info_wrap .ship_check_con .help_box.facilities { left: -32px; }
.ship_info_wrap .help_box.notice { left: -30px; bottom: -18px; }
.ship_info_wrap .help_box.event { left: -30px; bottom: -18px; }
.ship_info_wrap .help_box.room_info { transform: translateY(5%); width: 60%;}

.help_box.facilities { left: -30px; bottom: -15px; }
.help_box.facilities .list_con { width: 33.33%; }
.help_box.facilities.single .list_con { width: 100%; display: inline-block; }
.help_box.facilities.double .list_con { width: 50%; display: inline-block; }
.help_box.facilities .help_box_inner { padding-left: 30px; padding-right: 30px; padding-bottom: 30px; z-index: 200; }
.help_box .help_box_inner { position: relative; padding: 30px; background-color: #33a3cd; border-radius: 15px; border: 2px solid #33a3cd; }
.help_box .help_box_inner::after { content: ''; width: 38px; padding-top: 22px; position: absolute; top: -21px; background-image: url('../img/help_box_top_arrow.png'); background-repeat: no-repeat; background-size: 38px 10px; background-position: center bottom; }

.help_box .help_box_inner.right::after { left: 223px; }
.help_box .help_box_inner.right_2::after { left: 136px; }
.help_box .help_box_inner.right_3::after { left: 40px; }
/*left : ship 주요알림*/
/*.help_box .help_box_inner.left::after { left: 42px; }*/
.help_box .help_box_inner.left::after { content: none; }
/*left_2 : ship 이벤트*/
/*.help_box .help_box_inner.left_2::after { left: 131px; }*/
.help_box .help_box_inner.left_2::after { content: none; }
/*right_4 : ship 편의시설*/
.help_box .help_box_inner.right_4::after { right: 80px; }
/*none : 등급안내 화살표 필요없다.*/
.help_box .help_box_inner.none::after { content: none; }

.help_box .help_box_inner .title_wrap { margin-bottom: 20px; font-family: "Inter", "Carmen Sans"; font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; font-weight: 700; color: #fff !important; }
.help_box .help_box_inner .desc_wrap { font-family: 'Inter', 'Spoqa Han Sans Neo'; word-break: keep-all; word-wrap: break-word; font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; font-weight: 300; color: #fff !important; }
.help_box .help_box_inner .list_wrap { width: calc(100% + 10px); margin-left: -10px; margin-bottom: -10px; }
.help_box .help_box_inner .list_wrap .list_con { display: inline-block; padding-left: 10px; margin-bottom: 10px; box-sizing: border-box; }
.help_box .help_box_inner .list_wrap .list_con .list_inner { border-radius: 5px; background-color: #45b2db; padding-top: 12px; padding-bottom: 11px; text-align: center; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #fff; }

/* 게시판(테이블) 상세 뷰 */
/*공지사항, 터미널뉴스 필터 너비 커스텀*/
.filter_style_0_wrap {  }
.filter_style_0_wrap .selectbox_style_0_wrap { width: 126px; }
.filter_style_0_wrap.type_2 .input_style_1_wrap { width: calc(100% - 126px); }
/*실시간 운항정보*/
.filter_style_0_wrap.type_3 { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.filter_style_0_wrap.type_3 .selectbox_style_0_wrap { width: 100%; }

.view_style_0_wrap .view_style_0_top_con { padding-bottom: 35px; border-bottom: 2px solid #2b3138; }
.view_style_0_wrap .view_style_0_top_con .contents_title_style_0 { margin-bottom: 20px; }
.view_style_0_wrap .view_style_0_top_con ul.view_info_list { font-size: 0; }
.view_style_0_wrap .view_style_0_top_con ul.view_info_list > li { position: relative; padding-right: 17px; margin-right: 17px; display: inline-block; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #2b3138; }
.view_style_0_wrap .view_style_0_top_con ul.view_info_list > li::after { content: ''; position: absolute; right: 0; top: 4px; height: calc(100% - 7px); border-right: 1px solid #ccd6e6; }
.view_style_0_wrap .view_style_0_top_con ul.view_info_list > li:last-child { padding-right: 0; margin-right: 0; }
.view_style_0_wrap .view_style_0_top_con ul.view_info_list > li:last-child::after { content: none; }
.view_style_0_wrap .view_style_0_top_con ul.view_info_list > li > span { padding-left: 8px; }

.view_style_0_wrap .view_style_0_contents_con { padding-top: 35px; padding-bottom: 30px; font-size:17px; font-size:1.7rem; line-height:31px; line-height:3.1rem; font-weight: 400; color: #2b3138; }
.view_style_0_wrap .view_style_0_contents_con .file_list_box { margin-top: 43px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; flex-direction: column; }
.view_style_0_wrap .view_style_0_contents_con .file_list_box .btn_style_1_gray_con { margin-right: 15px; }
.view_style_0_wrap .view_style_0_contents_con .file_list_box .btn_style_1_gray_con .btn_style_1_gray { color: #2b3138; }
.view_style_0_wrap .view_style_0_contents_con .file_list_box .file_list { margin-top: 15px; }
.view_style_0_wrap .view_style_0_contents_con .file_list_box .file_list ul > li { position: relative; padding: 5px 0 6px 0; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; color: #04a2df; }
.view_style_0_wrap .view_style_0_contents_con .file_list_box .file_list ul > li::after { content: ''; position: absolute; right: -26px; top: 46%; transform: translateY(-46%); width: 12px; height: 15px; background-image: url('../img/12x15_00adef_download_icon.png'); background-repeat: no-repeat; background-size: 12px 15px; background-position: center center; }

.view_style_0_wrap .view_style_0_bottom_con .board_seq_box .board_seq { padding: 21px 0; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #2b3138; }
.view_style_0_wrap .view_style_0_bottom_con .board_seq_box .board_seq:first-child { border-bottom: 1px solid #dde4ee; }
.view_style_0_wrap .view_style_0_bottom_con .board_seq_box .board_seq .seq_title { margin-right: 10px; font-weight: 700; }


/*예매 관련 정보 확인*/
.info_check_link_box { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 20px 30px 23px 30px; background-color: #f1f5f9; border-radius: 10px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 400; color: #2b3138; word-break: keep-all; word-wrap: break-word; }
.info_check_link_box .btn_style_0_con::after { content: ''; position: absolute; top: 16px; right: 15px; width: 6px; height: 11px; background-image: url('../img/6x11_fff_right_arrow.png'); background-repeat: no-repeat; background-size: 6px 11px; background-position: center center; }
.info_check_link_box .btn_style_0_con .btn_style_0 { padding-top: 9px; padding-bottom: 9px; padding-left: 18px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; }
.ticketing_info_wrap:not(:last-child) { margin-bottom: 60px; }
 .ticketing_info_title { padding-bottom: 18px; border-bottom: 1px solid #ccd6e6; font-family: "Inter", "Carmen Sans"; font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; font-weight: 700; }
.ticketing_info_wrap .ticketing_info_con { font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 400; color: #2b3138; }
.ticketing_info_wrap .ticketing_info_con { padding-top: 36px; }
.ticketing_info_wrap .ticketing_info_con .ticketing_info_box:not(:last-child) { margin-bottom: 28px; }
.ticketing_info_wrap .ticketing_info_con .ticketing_info_box .info_title { margin-bottom: 14px; font-weight: 700; }
.ticketing_info_wrap .ticketing_info_con .ticketing_info_box .info_text { line-height:31px; line-height:3.1rem; word-break: keep-all; word-wrap: break-word; }
.ticketing_info_wrap .ticketing_info_con .ticketing_info_box .info_text.highlight { color: #e53372; }
/*테이블*/
.ticketing_info_box .info_table_style_0_wrap { overflow-x: auto; width: calc(100% + 60px); margin-left: -30px; padding-left: 30px; padding-right: 30px; }
[data-wv-pc="mobile"] .ticketing_info_box .info_table_style_0_wrap::-webkit-scrollbar { width: 0; }
.ticketing_info_box .info_table_style_0_wrap.type_2 { overflow-x: inherit; }
.ticketing_info_box .info_table_style_0_wrap.type_2 .info_table_style_0_con { min-width: 0; }

.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con { min-width: 920px; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 { width: 100%; border-top: 2px solid #2b3138; text-align: center; font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; font-weight: 400; color: #4c4c4c; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 .bg_gray { background-color: #fafbfc; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 .bg_blue { background-color: #eaf1f9; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 .wid206 { width: 146px; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 tr.h57 { height: 57px; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 tr.h72 { height: 72px; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 tr.h100 { height: 100px; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 tr.h123 { height: 123px; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 thead tr { height: 48px; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 th { font-weight: 700; border: 1px solid #e4edf2; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 th:first-child { border-left: none; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 th:last-child { border-right: none; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 td { border: 1px solid #e4edf2; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 td:first-child { border-left: none; }
.ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 td:last-child { border-right: none; }

.voyage_notice { padding-left: 25px; background-image: url("../img/voyage_caution_icon.svg"); background-size: 20px; background-repeat: no-repeat; background-position: left top; font-size: 18px; font-size:1.8rem; line-height: 22px; font-weight: 500; z-index: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 실시간 운항정보 확인 */
.select_terminal_title { font-family: "Inter", "Carmen Sans"; font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; font-weight: 700; }
.terminal_select_wrap .terminal_select_con { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.terminal_select_wrap .terminal_select_con:not(:last-child) { margin-bottom: 7px; }
.terminal_select_wrap .terminal_select_con .terminal_box { cursor: pointer; flex: 1; border-radius: 5px; border: 1px solid #c0ccde; background-color: #fff; padding-top: 12px; padding-bottom: 15px; margin-right: 7px;
     font-family: "Inter", "Carmen Sans"; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 500; color: #9bacc6; text-align: center; }
.terminal_select_wrap .terminal_select_con .terminal_box:last-child { margin-right: 0; }
.terminal_select_wrap .terminal_select_con .terminal_box.active { background-color: #1b3282; border-color: #1b3282; color: #fff; }

.sail_place_select_wrap .sail_place_desc { font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; color: #2b3138; }
.sail_place_select_wrap .sail_place_btn_con .sail_place_btn_box { display: flex; flex-wrap: wrap; align-items: center; }
.sail_place_select_wrap .sail_place_btn_con .sail_place_btn_box > .btn_style_1_gray_con { margin-right: 8px; flex: 1; }
.sail_place_select_wrap .sail_place_btn_con .sail_place_btn_box > .btn_style_1_gray_con:last-child { margin-right: 0; }
.sail_place_select_wrap .sail_place_btn_con .sail_place_btn_box > .btn_style_1_gray_con.active .btn_style_1_gray { background-color: #04a2df; border-color: #04a2df; color: #fff; }
.sail_place_select_wrap .sail_place_btn_con .sail_place_btn_box > .btn_style_1_gray_con .btn_style_1_gray { width: 100%; padding: 6px 13px 7px 13px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; border-color: #e2e9f4; }

/* 탑승 인원 정보 입력 */
.remain_list_wrap { display: flex; flex-wrap: wrap; align-items: center; }
.remain_list_wrap .remain_list { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 700; color: #2b3138; }
.remain_list_wrap .contents_title_style_1 { padding-right: 20px; margin-right: 20px; position: relative; }
/* .remain_list_wrap .contents_title_style_1::after { content: ''; position: absolute; top: 4px; right: 0; height: calc(100% - 8px); border-right: 1px solid #ccd6e6; } */

.info_wrap{}
.info_wrap + .add_btn{text-align: center; margin-top: 23px; margin-bottom: 40px;}
.info_wrap:last-child + .add_btn{margin-bottom: 0; }
.info_wrap .info_con{ margin-bottom: 20px; }
.info_con { border: 1px solid #ccd6e6; border-radius: 20px; background-color: #fff; color: #2b3138; overflow: hidden; }
.info_con.active { border: 2px solid #04a2df; overflow: visible; }
.info_con.active.warn { border: 2px solid #d56565; overflow: visible; }
.info_con.active .info_inner{padding-top: 23px; padding-bottom: 31px;}
.info_con.active .info_inner .form_style_0_wrap .form_style_0_con { height: auto; overflow: visible; }
.info_con .info_inner { padding: 23px 30px; }
.info_con .info_inner .form_style_0_wrap .form_title .info_con_name { margin-top: 1px; margin-left: 18px; padding-left: 20px; border-left: 1px solid #ccd6e6; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 500; }
.info_con .info_inner .form_style_0_wrap .form_style_0_con { height: 0; overflow: hidden; }
/*type_2 : 티켓 정보 확인에서 사용*/
.info_con.type_2 .info_inner { padding-bottom: 51px; }
.info_con .info_con_passenger {display:none; width:140px;}
.info_con.active .info_con_passenger {display:block;}
.info_con.active .info_con_name {display:none;}
.info_con.active .info_con_passenger .selectbox_style_0_con > ul.selectbox_style_0 > li:first-child {padding-top: 10px;}
.info_con.active .info_con_passenger .selectbox_style_0_con > ul.selectbox_style_0 > li:last-child {padding-bottom: 10px;}
.info_con.active .info_con_passenger .selectbox_style_0_con > ul.selectbox_style_0 > li {padding: 5px 5px 5px 10px;}
.info_con.active .input_style_1_wrap.type_3 .input_style_1_con > input {padding: 13px 0;}
.info_con.active .selectbox_style_0_wrap .selected_item {padding: 12px 0;}
.info_con.active .form_style_0_wrap.type_2 .form_style_0_con .form_list .form_list_title {padding:10px 0;}

/*동행인 등록정보 확인*/
.info_con .info_inner_blocked {    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(155,155,155,0.5);
    border-radius: 16px;
    background: repeating-linear-gradient(135deg, rgba(116, 116, 116, 0.3) 0px, rgba(116, 116, 116, 0.3) 10px, rgb(171 123 123 / 80%) 11px, rgba(171 123 123 / 80%) 15px);
}
.info_con .info_inner_blocked .info_inner_blocked_message {
    width: 300px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 26px;
    line-height: 2.6rem;
    font-weight: 600;
    background: rgba(205,205,205,1);
    margin: 0 auto;
    padding: 25px 22px;
    border: 3px dashed #575454;
    z-index: 10;
    text-align: center;
}

/* 카페리 에먜 디자인 */

.ferry_content_wrap{
	.ferry_trip{
		.ferry_trip_tab{
			line-height:40px;
			font-size:24px;
			background-color: #E7F8FF;
			font-weight: 500;
			border-radius:15px 15px 0px 0px;
			cursor: pointer;
			padding: 6px 0px 6px 0px;
		}
		.ferry_trip_tab.active{
			background-color: #FFFFFF;
			font-weight: 600;
		}
	}
	.ferry_class_wrap{
		background-color: #ffffff;
		border-radius:0px 0px 15px 15px;
		
		.class_add{
			padding-top: 160px;
			padding-bottom: 160px;
		}
		.class_add:not(.empty){
			padding-top: 40px;
			padding-bottom: 40px;
			.class_add_label{display:none;}
		}
		
		.ferry_class_list{
			.ferry_class_row{
				padding-bottom:40px;
				border-bottom: 1px solid #C8C8C8;
			}
		}
		
		.ferry_class_row_passenger_wrap{
			.ferry_info_con{
				border-radius: 20px;
				overflow:hidden;
				color: #2b3138;
				border: 1px solid #CCD6E6;
			}
			.ferry_info_con.active{
				border: 2px solid #04A2DF;
			}
			.ferry_info_con.active.error{
				border: 2px solid #cd264d;
			}
			.ferry_info_con .ferry_info_inner{
				padding: 21px 40px;
			}
			@media(max-width:768px){
				.ferry_info_con .ferry_info_inner{
					padding: 21px 16px;
				}
			}
		}
		
	}
	
	.ferry_btn_plus {
      	display: inline-flex;
      	align-items: center;
      	justify-content: center;
      	background-color: #00b7f1;
      	color: white;
      	font-size: 18px;
      	max-height:42px;
      	line-height: 1;
      	border: none;
      	border-radius: 25px;
      	cursor: pointer;
      	font-weight: bold;
      
		.plus-icon {
      		display: inline-block;
      		position: relative;
      		width: 18px;
      		height: 18px;
    	}
		.plus-icon::before,
    	.plus-icon::after {
      		content: '';
      		position: absolute;
      		background-color: white;
      		left: 50%;
      		top: 50%;
      		transform: translate(-50%, -50%);
    	}
    	
   		.plus-icon::before {
      		width: 100%;
      		height: 3px;
    	}

    	.plus-icon::after {
      		width: 3px;
      		height: 100%;
    	}
    }
    .ferry_btn_plus:hover{
    	transition: 0.4s;
    	background-color:#48BDEA;
    }

}

/* 카페리 예매 입력폼*/
.ferry_input_wrap{
	
	.form_title{
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 600;
	}
	.form_list_title{
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 600;
	}
	input{
		padding: 9px 0 !important;
	}
	.selected_item_con{
		background-position: top 18px right 4px !important;
		.selected_item{
			padding: 8px 0 !important;
		}
	}
	
}





@media (min-width:992px){
.info_con.active .form_style_0_wrap.type_2 .form_style_0_con .form_list .form_list_title {padding:15px 0;}	
}

/*paymentpw_info : 비밀번호*/
.paymentpw_info_con { border: 1px solid #ccd6e6; border-radius: 20px; background-color: #fff; color: #2b3138; overflow: hidden; }
.paymentpw_info_con.active { border: 2px solid #04a2df; overflow: visible; }
.paymentpw_info_con.active .paymentpw_info_inner{padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
.paymentpw_info_con.active .paymentpw_info_inner .form_list .form_list_input .input_style_1_wrap .input_style_1_con > input{text-align: center;}

.info_con .ship_info_wrap{display: none;}
.info_con .info_con_btn_wrap { display: none; }
.info_con.active .ship_info_wrap{display: block;}
.info_con.active .info_inner .form_style_0_wrap .form_title { margin-bottom: 20px; }
.info_con.active .info_con_btn_wrap { display: block; }

.info_con.type_2 .ship_info_wrap { display: block; }
.info_con.type_2 .info_con_btn_wrap { display: block; }
.info_con.type_2 .info_inner .form_style_0_wrap .form_style_0_con{height: auto;}

/*열기/닫기 btn*/
.info_con .info_con_btn { font-size: 0; line-height: 0; cursor: pointer; width: 100%; height: 75px; position: absolute; right: 0; bottom: 2px; background-image: url('../img/11x6_00adef_bottom_arrow.png'); background-repeat: no-repeat; background-size: 11px 6px; background-position: right 50px center; }
.info_con.active .info_con_btn { width: 75px; right: 19px; bottom: 22px; background-image: url('../img/11x6_00adef_top_arrow.png'); background-position: center center; }

/*추가 btn*/
.ticketing_content_wrap .add_btn_con .add_btn { position: relative; padding-right: 44px; cursor: pointer; font-family: "Inter", "Carmen Sans"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; }
.ticketing_content_wrap .add_btn_con .add_btn::before { content: ''; top: -4px; right: 0; position: absolute; width: 32px; height: 32px; box-sizing: border-box; border: 1px solid #c0ccde; border-radius: 50%; background-color: #fff; }
.ticketing_content_wrap .add_btn_con .add_btn::after { content: ''; top: 6px; right: 10px; position: absolute; width: 12px; height: 12px; background-image: url('../img/12x12_00adef_plus_icon.png'); background-repeat: no-repeat; background-size: 12px 12px; background-position: center center; }
/*빼기 btn*/
.transparent_wrap .remove_btn_con .remove_btn { position: relative; padding-right: 32px; cursor: pointer; font-family: "Inter", "Carmen Sans"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; }
.transparent_wrap .remove_btn_con .remove_btn::before { content: ''; top: -4px; right: 0; position: absolute; width: 32px; height: 32px; box-sizing: border-box; border: 1px solid #c0ccde; border-radius: 50%; background-color: #fff; }
.transparent_wrap .remove_btn_con .remove_btn::after { content: ''; top: 6px; right: 10px; position: absolute; width: 12px; height: 12px; background-image: url('../img/12x12_00adef_minus_icon.png'); background-repeat: no-repeat; background-size: 12px 12px; background-position: center center; }

/* 할인 종류 선택 */
.discount_info_con { padding: 33px 30px 51px 30px; border: 2px solid #04a2df; border-radius: 25px; background-color: #fff; color: #2b3138; }
.discount_info_con .discount_info_inner .people_list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 700; }
.discount_info_con .discount_info_inner .people_list:not(:last-child) { margin-bottom: 22px; }

/* 비용 확인 및 결제 진행 */
.price_info_wrap .price_info_box .price_info_inner { padding: 30px 30px 14px 30px; border-radius: 25px; border: 1px solid #ccd6e6; background-color: #fff; }
.price_info_wrap .price_info_box .price_info_inner .price_box:not(:last-child) { margin-bottom: 15px; border-bottom: 0.1rem dashed;}
.price_info_wrap .price_info_box .price_info_inner .price_box .name { margin-bottom: 11px; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; color: #2b3138; }
.price_info_wrap .price_info_box .price_info_inner .price_box .btn_price_list { width:23px; height:23px; cursor:pointer; background:url("/weven_template/theme/PORTAL/1/resource/img/13x7_2b3138_bottom_arrow.png") no-repeat center; }
.price_info_wrap .price_info_box .price_info_inner .price_box.open_list .btn_price_list { width:23px; height:23px; cursor:pointer; background:url("/weven_template/theme/PORTAL/1/resource/img/13x7_2b3138_up_arrow.png") no-repeat center; }

.price_list ul > li { padding: 12px 0; border-bottom: 1px solid #dde4ee; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 400; color: #2b3138; overflow:hidden;}
/* .price_list ul > li:first-child { padding-top: 0; } */
.price_list ul > li:last-child { border-bottom: none; }
.price_info_wrap .total_price { font-family: "Inter", "Carmen Sans"; font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; font-weight: 700; color: #2b3138; }

.price_info_wrap .price_info_box.agree .price_info_inner { padding: 47px 52px; border-radius: 25px; border: 1px solid #ccd6e6; background-color: #fff; }

.info_con.creditCard .input_style_1_wrap { display: flex; justify-content: space-between; }
.info_con.creditCard .input_style_1_wrap [form-attr="cardno"] { flex: 1 0 auto; }


.price_info_inner_clas {
	.price_box_header{
		height: 60px;
		background-color: #ffffff;
		line-height: 6.0rem;
		border-left: 10px solid #1B3282;
		cursor:pointer;
	}
	.price_box .price_box_header::after{
		content: '';
		background:url("/weven_template/theme/PORTAL/1/resource/img/13x7_2b3138_bottom_arrow.png") no-repeat center;
		position:absolute;
		right: 10px;
		width: 50px;
		height: 60px;
	}
	.price_box.open_list .price_box_header::after{
		background:url("/weven_template/theme/PORTAL/1/resource/img/13x7_2b3138_up_arrow.png") no-repeat center;

	}
	
	.entity.price_list{
		background-color: #ffffff;
		border-top: 1px solid #DDDDDD;
	}
	
}
.price_info_box .price_info_inner_clas:not(:last-child) {margin-bottom: 18px;}


.ticketing_content_wrap .info_con.virtualAccount { display: none; }

/* 완료 뷰 */
.complete_desc { font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; font-weight: 400; color: #2b3138; word-break: keep-all; word-wrap: break-word; }
/*예매완료*/
.ticketing_complete_view { display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; }
.ticketing_complete_view > img { float: left; width: 200px; }
.ticketing_complete_view .complete_text { width: 100%; }
.ticketing_complete_view .complete_text .ticket_check_btn { display: inline-block; transition: color 0.2s; font-size:20px; font-size:2.0rem; line-height:23px; line-height:2.3rem; font-weight: 700; color: #2b3138; cursor: pointer; padding-right: 19px; background-image: url('../img/7x13_2b3138_right_arrow.png'); background-repeat: no-repeat; background-size: 7px 13px; background-position: right top 4px; }

/* 로그인 */
.login_btn_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
/*비회원로그인 btn*/
.login_btn_box .non_member_btn { display: inline-block; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 700; cursor: pointer; padding-right: 19px; background-image: url('../img/6x11_00adef_right_arrow.png'); background-repeat: no-repeat; background-size: 6px 11px; background-position: right top 4px; }
.login_bottom_wrap { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #2b3138; }
/*네이버, 카카오로그인 btn*/
.login_bottom_wrap .other_login_btn_box .other_login_btn { padding-top: 14px; padding-bottom: 14px; cursor: pointer; background-color: #fff; text-align: center; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 700; }
.login_bottom_wrap .other_login_btn_box .other_login_btn.nohover { cursor: default;}
.login_bottom_wrap .other_login_btn_box .other_login_btn.naver > span { padding-left: 27px; color: #04c035; background-image: url('../img/naver_icon.png'); background-repeat: no-repeat; background-size: 19px 17px; background-position: left top 3px; }
.login_bottom_wrap .other_login_btn_box .other_login_btn.kakao > span { padding-left: 32px; color: #391b1b; background-image: url('../img/kakao_icon.png'); background-repeat: no-repeat; background-size: 23px 19px; background-position: left top 2px; }
.login_bottom_wrap .other_login_btn_box .other_login_btn:after { content: ''; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #c0ccde; border-radius: 10px; }

/*비밀번호찾기, 회원가입하기 btn*/
.login_bottom_btn { transition: color 0.2s; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 700; color: #2b3138; cursor: pointer; padding-right: 19px; background-image: url('../img/6x11_2b3138_right_arrow.png'); background-repeat: no-repeat; background-size: 6px 11px; background-position: right top 4px; }
.login_bottom_btn_no_bg_img{ transition: color 0.2s; font-size:15px; font-size:1.7rem; line-height:21px; line-height:2.1rem; font-weight: 700; color: #2b3138; cursor: pointer;   }


/* 회원가입 */
/*결제약관동의*/
.member_terms_agree_con.payment { border-bottom: 1px solid #ccd6e6; }
/*약관동의*/
.member_terms_agree_con { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #2b3138; }
.member_terms_agree_con .terms_box { padding: 30px; border: 1px solid #ccd6e6; border-radius: 25px; background-color: #fff; overflow: hidden; }
.member_terms_agree_con .terms_box .terms_list { padding-top: 14px; padding-bottom: 12px; border-bottom: 1px solid #dde4ee; }
.member_terms_agree_con .terms_box .terms_list:first-child { padding-top: 0; }
.member_terms_agree_con .terms_box .terms_list:last-child { padding-bottom: 0; border-bottom: none; }
.member_terms_agree_con .terms_box .terms_list .checkbox_style_0_wrap { max-width: calc(100% - 100px); }
.member_terms_agree_con .terms_bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.member_terms_agree_con .terms_bottom .checkbox_style_0_wrap.type_2 .checkbox_style_0_con .checkbox_style_0 + label { padding-left: 48px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 700; }
.member_terms_agree_con .terms_box .terms_list .checkbox_style_0_wrap.type_2 .checkbox_style_0_con .checkbox_style_0 + label::before { top: 15px; }

#termsContentCheck1 .popup_desc{overflow-x: hidden; overflow-y: auto; max-height: 700px; min-height: 80px; padding-right: 24px; }
#termsContentCheck1 .popup_desc::-webkit-scrollbar { width: 2px; }
#termsContentCheck1 .popup_desc::-webkit-scrollbar-track { background: #dee3e9; }
#termsContentCheck1 .popup_desc::-webkit-scrollbar-thumb { background: #2b3138; }


.desc_text.timer{font-size:20px; font-size:2.0rem;padding-right:20px}
.desc_text.timer2{font-size:20px; font-size:2.0rem;padding-right:120px}

/*유형선택*/
.join_type_con { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; }
.join_type_con .join_type_box { border: 1px solid #ccd6e6; border-radius: 15px; }
.join_type_con .join_type_box .type_list { transition: color 0.2s; padding: 51px 0; cursor: pointer; font-size:17px; font-size:1.7rem; line-height:17px; line-height:1.7rem; font-weight: 700; color: #2b3138; }
.join_type_con .join_type_box .type_list:not(:last-child) .type_inner { border-right: 1px solid #ccd6e6; }
.join_type_con .login_bottom_wrap .other_login_btn_box .other_login_btn { padding-top: 24px; padding-bottom: 23px; border-radius: 15px; }

/*정보 입력*/
.join_top_wrap { display: flex; flex-wrap: wrap; align-items: flex-end; flex-direction: column; }
.desc_text { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #2b3138;word-break: keep-all; word-wrap: break-word; margin-top: 10px;}
.ferry_info_con{
	.error_summary > ul.error_summary_list > li{
		padding-left:22px;
	}
	.error_summary > ul.error_summary_list > li::before{ content: '!'; position: absolute; left: 0px; width: 19px; height: 19px; border-radius: 50%; background-color: #e53372; color: #fff; line-height:20px; line-height:2.0rem; font-weight: 700; text-align: center; margin-top:2px;}
}
.desc_text.highlight { color: #e53372; }
.desc_text.highlight.caution { padding-left: 27px; }
.desc_text.highlight.caution::before { content: '!'; position: absolute; top: 1px; left: 0; width: 19px; height: 19px; border-radius: 50%; background-color: #e53372; color: #fff; line-height:20px; line-height:2.0rem; font-weight: 700; text-align: center; }

/*마케팅 수신동의*/
.marketing_agree_con .marketing_agree_box { font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem; font-weight: 400; color: #2b3138; }
.marketing_agree_con .marketing_agree_box .title { font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 700; }
.marketing_agree_con .marketing_check_box > div { margin-bottom: 15px; }
.marketing_agree_con .marketing_check_box > div:last-child { margin-bottom: 2px; }
.modifiy_save_bottom .login_bottom_btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

/*예약예매 약관동의*/
.payment_terms_agree_con.payment { border-bottom: 1px solid #ccd6e6; }
.payment_terms_agree_con { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color: #2b3138; }
.payment_terms_agree_con .terms_box { padding: 30px; border: 1px solid #ccd6e6; border-radius: 25px; background-color: #fff; overflow: hidden; }
.payment_terms_agree_con .terms_box .terms_list_wrap { margin-bottom: 16px; }
.payment_terms_agree_con .terms_box .terms_list_wrap.active { margin-bottom: 26px; }
.payment_terms_agree_con .terms_box_list { height: 0; overflow: hidden; border-radius: 8px; transition: height .2s, padding-top .2s, padding-bottom .2s;}
.payment_terms_agree_con .terms_list_wrap.active .terms_box_list { padding: 20px 20px 20px 25px; border: 1px solid #ccd6e6; height: auto; }
.payment_terms_agree_con .terms_box .terms_list { padding-top: 14px; }
.payment_terms_agree_con .terms_box .terms_list_wrap.active .terms_list { padding-bottom: 12px; }
.payment_terms_agree_con .terms_box .terms_list_wrap:last-child { margin-bottom: 0; }
.payment_terms_agree_con .terms_box .terms_list:first-child { padding-top: 0; }
.payment_terms_agree_con .terms_box .terms_list:last-child { padding-bottom: 0; border-bottom: none; }
.payment_terms_agree_con .terms_box .terms_box_list .terms_list {overflow-x: hidden; overflow-y: auto; max-height: 200px; min-height: 80px; padding-right: 24px; }
.payment_terms_agree_con .terms_box .terms_box_list .terms_list::-webkit-scrollbar { width: 2px; }
.payment_terms_agree_con .terms_box .terms_box_list .terms_list::-webkit-scrollbar-track { background: #dee3e9; }
.payment_terms_agree_con .terms_box .terms_box_list .terms_list::-webkit-scrollbar-thumb { background: #2b3138; }
.payment_terms_agree_con .terms_box .terms_list .checkbox_style_0_wrap { max-width: calc(100% - 100px); }
.payment_terms_agree_con .terms_bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.payment_terms_agree_con .terms_bottom .checkbox_style_0_wrap.type_2 .checkbox_style_0_con .checkbox_style_0 + label { padding-left: 48px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 700; }

.payment_terms_agree_con .terms_box_list .terms_table { border: 1px solid #ccd6e6; border-top: 2px solid #1b3282; }
.payment_terms_agree_con .terms_box_list .terms_table td { border: 1px solid #ccd6e6; padding: 7px 7px 7px 8px; font-size: 12px; line-height: 17px;}
.payment_terms_agree_con .terms_box_list .terms_table .label { background-color: #eff1f3; }
.payment_terms_agree_con .terms_box_list .terms_table .label_top { background-color: #c0d6ed; color: #1b3282; }
.payment_terms_agree_con .terms_box_list .terms_table .label_sub_top { background-color: #e7eef5; }
.payment_terms_agree_con .terms_box_list .terms_table .label.navy { color: #1b3282; }
.payment_terms_agree_con .caution { color: #e53372; }


/*달력 테이블*/
/* 20220803 수정, 이동수, 클릭이벤트 안되는거 */
.calendar_table_style_0_wrap .prev_btn { position: absolute; left: 0; top: 7px; z-index:999;}
.calendar_table_style_0_wrap .next_btn { position: absolute; right: 0; top: 7px; z-index:999;}

/*.calendar_table_style_0_wrap .prev_btn { position: absolute; left: 0; top: 7px; z-index:999;}*/
/*.calendar_table_style_0_wrap .next_btn { position: absolute; right: 0; top: 7px; z-index:999;}*/

.calendar_table_style_0_wrap .next_month { display: none; }

/* 20220803 수정, 이동수, 클릭이벤트 안되는거 */
/*.calendar_table_style_0_wrap .calendar_table_style_0_title { margin-bottom: 12px; text-align: center; font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; font-weight: 700; color: #2b3138;}*/
.calendar_table_style_0_wrap .calendar_table_style_0_title { margin-bottom: 12px; text-align: center; font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; font-weight: 700; color: #2b3138; pointer-events:none;}
.calendar_table_style_0_wrap .calendar_table_style_0_con { padding-left: 17px; padding-right: 17px; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 { width: 100%; font-size:17px; font-size:1.7rem; line-height:19px; line-height:1.9rem; font-weight: 500; color: #2b3138; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 th { padding: 16px 0; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.inner { padding: 15px 0; text-align: center; cursor: pointer; position: relative; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.inner::after { content: ''; transition: background-color 0.2s; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.inner > span { z-index: 6; position: relative; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.select::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 35px; height: 35px; background-color: #04a2df !important; border-radius: 17.5px; z-index: 5; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.select::before { content: ''; position: absolute; left: 50%; bottom: -9px; transform: translateX(-50%); width: 100%; font-size:10px; font-size:1rem; line-height:17px; line-height:1.7rem; color: #04a2df; font-weight: 700;z-index: 7; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.select.start::before { content: '가는 날'; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.select.end::before { content: '오는 날'; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.select.round::before { content: '당일왕복'; }
/* 20230628 추가, 이동수, 선택날짜 */
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.select.sel::before { content: '선택일'; }

.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.select.start.en::before { content: 'Depart'; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.select.end.en::before { content: 'Return'; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.select.round.en::before { content: 'Round'; }

.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.select > span { font-weight: 600; color: #fff; }

/* 20220803 추가, 이동수, 오늘날짜 */
/*.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.today::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 35px; height: 35px; border-radius: 17.5px; z-index: 5; }
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.today::before { content: 'today'; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); width: 100%; font-size:11px; font-size:1.1rem; line-height:17px; line-height:1.7rem; color: #2b3138; font-weight: 700;z-index: 7; }*/
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.today::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 35px; height: 35px; background-color: #ffff80; border-radius: 17.5px; z-index: 5; }

/*일요일*/
.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td:first-child .inner { color: #e94c24; }

.calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.inner.novalid { color: #c0c0c0; }

/* 팝업 */
.nodata_view_style_0 .nodata_icon { display: inline-block; box-sizing: border-box; width: 51px; height: 51px; border: 2px solid #ced9e9; border-radius: 50%; background-image: url('../img/nodata_icon.png'); background-repeat: no-repeat; background-size: 6px 22px; background-position: center center; }
.nodata_view_style_0 .nodata_text { text-align: center; font-size:19px; font-size:1.9rem; line-height:30px; line-height:3.0rem; font-weight: 400; color: #9bacc6; }
/*군장병 할인*/
#soldierDiscountInfo ul.notice_list { max-height: 120px; overflow-y: auto; -webkit-overflow-scrolling: auto !important;}
#soldierDiscountInfo ul::-webkit-scrollbar { width: 2px; }
#soldierDiscountInfo ul::-webkit-scrollbar-track { background: transparent; }
#soldierDiscountInfo ul::-webkit-scrollbar-thumb { background: #04a2df; border-radius: 5px; }
#soldierDiscountInfo ul.notice_list > li { padding-left: 16px; position: relative; font-size:14px; font-size:1.4rem; line-height:26px; line-height:2.6rem; font-weight: 400; color: #2b3138; word-break: keep-all; word-wrap: break-word; }
#soldierDiscountInfo ul.notice_list > li::before { content: '-'; position: absolute; top: 0; left: 1px; }
#soldierDiscountInfo .form_style_0_wrap.type_3 .form_style_0_con .form_list { flex-direction: row; }
#soldierDiscountInfo .form_style_0_wrap.type_3 .form_style_0_con .form_list:not(:last-child) { margin-bottom: 10px; }
#soldierDiscountInfo .form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_title { width: 96px; }
#soldierDiscountInfo .form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_input { width: calc(100% - 96px); }
#soldierDiscountInfo .selectbox_style_0_wrap .selectbox_style_0_con ul { max-height: 300px; overflow-y: auto;}
#soldierDiscountInfo .selectbox_style_0_wrap .selectbox_style_0_con ul::-webkit-scrollbar { width: none; }
#soldierDiscountInfo .selectbox_style_0_wrap .selectbox_style_0_con ul::-webkit-scrollbar-track { background: transparent; }
#soldierDiscountInfo .selectbox_style_0_wrap .selectbox_style_0_con ul::-webkit-scrollbar-thumb { background: transparent; border-radius: 40px; }


/*법정대리인 인증*/
/* #agentConfirmation .popup_bottom_con > span { color: #fb861f; position: relative; }
#agentConfirmation .popup_bottom_con > span::after { content: ''; position: absolute; width: 8px; height: 15px; right: -21px; top: 2px; background-image: url('../img/8x15_fb861f_right_arrow.png'); background-repeat: no-repeat; background-size: 8px 15px; background-position: center center; } */
/*약관 내용확인*/
#termsContentCheck .popup_contents_con .popup_title { font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; }
#termsContentCheck .popup_contents_con .popup_desc { max-height: 568px; overflow-y: auto; padding-right: 21px; font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem; }
#termsContentCheck .popup_contents_con .popup_desc::-webkit-scrollbar { width: 2px; }
#termsContentCheck .popup_contents_con .popup_desc::-webkit-scrollbar-track { background: #dee3e9; }
#termsContentCheck .popup_contents_con .popup_desc::-webkit-scrollbar-thumb { background: #2b3138; }
#termsContentCheck .popup_contents_con .popup_desc ul { float: left; }
#termsContentCheck .popup_contents_con .popup_desc ul > li { position: relative; padding-left: 11px; }
#termsContentCheck .popup_contents_con .popup_desc ul > li::before { content: '-'; position: absolute; top: 0; left: 1px; }
/*운송약관 안내*/
#transitTermsCheck .popup_contents_con .popup_title { font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; }
#transitTermsCheck .popup_contents_con .popup_desc { max-height: 568px; overflow-y: auto; padding-right: 21px; font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem; }
#transitTermsCheck .popup_contents_con .popup_desc::-webkit-scrollbar { width: 2px; }
#transitTermsCheck .popup_contents_con .popup_desc::-webkit-scrollbar-track { background: #dee3e9; }
#transitTermsCheck .popup_contents_con .popup_desc::-webkit-scrollbar-thumb { background: #2b3138; }
#transitTermsCheck .popup_contents_con .popup_desc ul { float: left; }
#transitTermsCheck .popup_contents_con .popup_desc ul > li { position: relative; padding-left: 11px; }
#transitTermsCheck .popup_contents_con .popup_desc ul > li::before { content: '-'; position: absolute; top: 0; left: 1px; }
/*출발지 입력*/
#departurePlaceInput .place_select_con { border-bottom: 1px solid #dee3e9; }
#departurePlaceInput .place_select_con .place_select_box { width: 100%; }
#departurePlaceInput .place_select_con .place_select_inner { max-height: 252px; overflow-y: auto; }
#departurePlaceInput .place_select_con .place_select_inner::-webkit-scrollbar { width: 2px; }
#departurePlaceInput .place_select_con .place_select_inner::-webkit-scrollbar-track { background: #dee3e9; }
#departurePlaceInput .place_select_con .place_select_inner::-webkit-scrollbar-thumb { background: #2b3138; }
#departurePlaceInput .place_select_con .place_select_list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 17px; cursor: pointer; }
#departurePlaceInput .place_select_con .place_select_list .name > .departure_type { display: inline-block; font-size: 15px; line-height: 21px; font-weight: 500; letter-spacing: -0.04em; border: 1px solid #000; border-radius: 5px; padding: 2px 6px; white-space: nowrap; margin-top: 6px;  margin-left: 6px;}
#departurePlaceInput .place_select_con .place_select_list .name > .departure_type.dayround { border-color: #00c393; color: #00c393; }
#departurePlaceInput .place_select_con .place_select_list .name > .departure_type.oneway { border-color: #8d4ee3; color: #8d4ee3; }
#departurePlaceInput .place_select_con .place_select_list .name > .departure_type.round { border-color: #60cb00; color: #60cb00; }
#departurePlaceInput .place_select_con .place_select_list .name > .departure_type.cycle { border-color: #ec9923; color: #ec9923; }
#departurePlaceInput .place_select_con .place_select_list .name > .departure_type.no { border-color: #ec2361; color: #ec2361; }
#departurePlaceInput .place_select_con .place_select_list:last-child { margin-bottom: 0; }
#departurePlaceInput .place_select_con .place_select_inner .place_select_list .name { transition: color 0.2s; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 700; color: #2b3138; }
#departurePlaceInput .place_select_con .place_select_inner .place_select_list .address { transition: color 0.2s; padding-right: 60px; padding-bottom: 1px; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 400; color: #2b3138;
    max-width: 400px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
/*차량요금 안내*/
#vehicleFareInfo .popup_contents_con .search_desc { font-size:15px; font-size:1.5rem; line-height:29px; line-height:2.9rem; font-weight: 400; color: #2b3138; }
/*쿠폰리스트*/
#couponListInfo .popup_contents_con .coupon_list_box .list_title { margin-bottom: 10px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 700; word-break: keep-all; word-wrap: break-word; }
#couponListInfo .popup_contents_con .coupon_list_box .list_desc { margin-bottom: 13px; font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; font-weight: 400; color: #2b3138; word-break: keep-all; word-wrap: break-word; }
#couponListInfo .popup_contents_con .table_style_0_wrap .table_style_0_con .table_style_0 td { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; }
/*티켓 조회 및 인증*/
#seaTicketInquiry .popup_style_0_con .popup_style_0_inner { min-height: 820px; }
#seaTicketInquiry .search_input_style_0_wrap .search_input_style_0 > input { font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; font-weight: 700; color: #2b3138; }
#seaTicketInquiry .search_input_style_0_wrap .search_input_style_0 > .search_btn { top: 10px; right: 8px; }
#seaTicketInquiry .popup_contents_con .ticket_info_nodata { display: none; }
#seaTicketInquiry .popup_contents_con .ticket_buyer_info { display: none; }
#seaTicketInquiry .form_style_0_wrap.type_3 .form_style_0_con .form_list { flex-direction: row; }
#seaTicketInquiry .form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_title { width: 116px; }
#seaTicketInquiry .form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_input { width: calc(100% - 116px); }
#seaTicketInquiry .form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_input div.select_input_box > span {font-size:20px; font-size:2.0rem;}
#seaTicketInquiry .form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_input .input_style_1_wrap .input_style_1_con > input { padding: 17px 0;}
#seaTicketInquiry .form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_input .input_style_1_wrap .input_style_1_con.alert > input { border-bottom: 2px solid #e53372; padding-bottom: 16px;}
#seaTicketInquiry .popup_bottom_con { position: absolute; bottom: 50px; left: 0; }
#seaTicketInquiry .popup_bottom_con .btn_style_0_con.active .btn_style_0 { background-color: #1b3282; border-color: #1b3282; }
#seaTicketInquiry .form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_input .radio_style_0_wrap.type_2 { padding : 10px 0px 0px 0px; }

/*탑승일 선택*/
#boardingDateSelect .popup_contents_con .calendar_table_value.type_round { display: none; }
#boardingDateSelect .popup_contents_con .search_input_style_0_wrap .search_input_title { margin-bottom: 0; }
#boardingDateSelect .popup_contents_con .search_input_style_0_wrap .search_input_style_0 > input { padding-top: 16px; padding-bottom: 16px; padding-right: 0; }
#boardingDateSelect .popup_contents_con .search_input_style_0_wrap .search_input_style_0.alert > input { border-bottom: 2px solid #e53372; padding-bottom: 15px; }
#boardingDateSelect .popup_bottom_con .btn_style_0_con .refresh_btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; }
#boardingDateSelect .popup_bottom_con .btn_style_0_con .refresh_btn > span { margin-top: 12px; margin-right: 15px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 700; }
#boardingDateSelect .popup_bottom_con .btn_style_0_con .refresh_btn .refresh_icon { transition: background-color 0.2s; width: 45px; height: 45px; border-radius: 8px; border: 1px solid #e1e6eb; background-color: #fff; background-image: url('../img/refresh_icon.png'); background-repeat: no-repeat; background-size: 19px 18px; background-position: center center; }
/*회원 탈퇴*/
#memberWithdrawal .popup_bottom_con > span { color: #fb861f; position: relative; }
#memberWithdrawal .popup_bottom_con > span::after { content: ''; position: absolute; width: 8px; height: 15px; right: -21px; top: 2px; background-image: url('../img/8x15_fb861f_right_arrow.png'); background-repeat: no-repeat; background-size: 8px 15px; background-position: center center; }

/*마이페이지*/
.boarding_pass_wrap{border-top: 1px solid #c0ccde; padding-top: 40px; margin-top: 40px;}
.boarding_pass_wrap:first-child{margin-top: 0;}
.boarding_pass_con{display: flex; flex-wrap: wrap; align-items: stretch; margin-bottom: -12px;}
.boarding_pass_box{width: 100%; margin-bottom: 12px;}
.boarding_pass{text-align: center; padding-top: 32px; padding-bottom: 42px; padding-left: 30px; padding-right: 30px; border: 2px solid #04a2df; border-radius: 20px;}
.boarding_pass .boarding_pass_title{font-family:'Inter', 'Carmen Sans'; font-size:29px; font-size:2.9rem; line-height:35px; line-height:3.5rem; text-align: center; font-weight: 700; margin-bottom: 12px;}
.boarding_pass .boarding_pass_comp{font-family:'Inter', 'Carmen Sans'; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; text-align: center; font-weight: 500;  margin-bottom: 17px;}

.boarding_info_con{position: relative; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 18px;}
.boarding_info_con .boarding_info{min-width: 108px; font-family: 'Inter', 'Carmen Sans'; font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; text-align: center; font-weight: 700;}
.boarding_info_con .boarding_info .time{display: inline-block; font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; margin-top: 4px;}
.boarding_info_con .boarding_time{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width:100%; max-width: 104px; font-family: 'Inter', 'Carmen Sans'; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; text-align: center; font-weight: 400; padding-bottom: 20px;
    background-image: url('../img/134x7_2b3138_right_arrow.png'); background-repeat: no-repeat; background-position: right 0px bottom 13px; }

.boarding_pass .boarding_seat{font-family: 'Inter', 'Carmen Sans'; font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; text-align: left; font-weight: 500; margin-bottom: 22px; text-align: center;}

.boarding_pass .boarding_mem_con{overflow: hidden; margin-bottom: 27px;}
.boarding_pass .boarding_mem_name{float: left; font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; text-align: left; font-weight: 700; margin-right: 20px;}
.boarding_pass .boarding_mem_info{overflow: hidden; font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; letter-spacing: 0; text-align: left;}

.boarding_pass .btn_style_4_con .btn_style_4{border-right: 1px solid #dde4ee; padding-right: 18px; margin-right: 20px; font-size: 15px;}
.boarding_pass .btn_style_4_con .btn_style_4:last-child{border-right: none; padding-right: 0px; margin-right: 0px;}

.ship_info_box {font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 700; text-align: center; padding: 6px 14px; border: 1px solid #c0ccde; background-color: #fff; border-radius: 5px; box-sizing: border-box;}
.ship_info_box.tel{ padding: 6px 14px 6px 34px; background-image: url('../img/14x14_2b3138_call_icon.png'); background-repeat: no-repeat; background-position: left 14px center;}

.boarding_pass_wrap .ship_info_title_con { margin-bottom: 16px; }

.ship_info_title_con{ margin-bottom: 33px;}
.ship_info_title_con.mb0{margin-bottom: 0;}
.ship_info_title_con .ship_info_title{margin-left: 14px; margin-top: 4px;}
.ship_info_title_con.type_2 .ship_info_title{margin-left: 0px; margin-top: 14px;}
.ship_info_title_con .ship_info_title > li{ display: inline-block; padding-right: 17px; margin-right: 17px; margin-bottom: 0; margin-bottom: 8px; position: relative; vertical-align: middle; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; color:#2b3138; font-weight: 700; letter-spacing: 0; }
.ship_info_title_con .ship_info_title > li:last-child { padding-right: 0; margin-right: 0; }
.ship_info_title_con .ship_info_title > li:after{content:''; position: absolute; top:2px; right: 0; height: calc(100% - 6px); border-right : 1px solid #ccd6e6;}
.ship_info_title_con .ship_info_title > li:last-child:after{content: none;}
.ship_info_title_con .ship_info_title > li > span{font-weight: 400;}
.ship_info_title_con .ship_info_title > li > span.time{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 400; margin-left: 6px;}

.payment_history_wrap .ship_info_title_con { margin-bottom: 18px; }

.ship_info_wrapper{padding-top: 20px; margin-bottom: 20px; border-top: 1px solid #ccd6e6;}
.ship_info_wrapper:last-child{margin-bottom: 0;}

.ship_info_wrapper .ship_info_title_con .ship_info_title{margin-top: 14px; margin-left: 0px;}
.ship_info_wrapper .btn_style_4_con{width: 100%; margin-top: 25px;}

.ticketing_filter_con { display: flex; flex-wrap: wrap; padding: 27px 30px 30px; background-color: #f9fcfd; border: 1px solid #e8ecf4; border-radius: 25px;}
.ticketing_filter_con .ticketing_filter_list{width: 100%; margin-bottom: 30px;}
.ticketing_filter_con:not(.type_2) .ticketing_filter_list:last-child{margin-bottom: 0;}
.ticketing_filter_con .ticketing_filter_title{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 700; margin-bottom: 15px;}
.ticketing_filter_con .date_box { width: 100%; }

/*정보확인*/
.reserved_ticket_wrap{margin-top: 30px;}
.reserved_ticket_list{display: flex; flex-wrap: wrap; border-bottom: 1px solid #dde4ee; padding-bottom: 45px; margin-bottom: 45px;}
.reserved_ticket_list:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.reserved_ticket_list .list_con{padding-right: 30px;}
.reserved_ticket_list .list_con.info_list{flex: 1; padding-right: 0; display: flex; justify-content: flex-end;}
.reserved_ticket_list .list_con.price_list{padding-right: 0; margin-top: 40px;}
.reserved_ticket_list .list_con .list_title{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 700;}
.reserved_ticket_info{}
.reserved_ticket_info > li{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 700; margin-bottom: 7px;}
.reserved_ticket_info > li:last-child{margin-bottom: 0;}

.checkbox_style_0_wrap.type_2 .checkbox_style_0_con .checkbox_style_0 + label.list_title{margin-top: -5px; font-family:'Inter', 'Carmen Sans'; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 700;}

.ferry_status .table_style_0_wrap .table_style_0_con .table_style_0 th { font-size: 13px; line-height: 19px; }
.table_style_0_wrap.type_2 .table_style_0_con .table_style_0 td { font-size: 14px; line-height: 20px; }


.floating_btn { position: fixed; left: 50%; z-index: 10; transform: translateX(-50%); width: calc(100% - 1px); }
.floating_btn.bottom { bottom: 0px; }

.floating_btn .btn_style_5_con { display:flex; align-items: center; justify-content: space-between; border-top-left-radius: 15px; border-top-right-radius: 15px; background-color: #1b3184;}
.floating_btn .btn_style_5_con .btn_style_5 { font-family: 'Inter', 'Spoqa Han Sans Neo'; color: #fff; font-size:21px; display: inline-block; background-color: transparent; padding: 20px 20px;}

.booking_step_list { padding: 20px 0; }
/*.booking_step_list .booking_step { display: inline-block; padding: 0 6px 0 18px; font-size: 0; line-height: 21px; color: #fff; opacity: 0.6; font-weight: 200; letter-spacing: -0.02em; background-image: url("../img/arrow_right_white.svg"); background-size: 12px; background-position: left center; background-repeat: no-repeat;}*/
.booking_step_list .booking_step { display: inline-block; padding: 0 3px 0 14px; font-size: 0; line-height: 21px; color: #fff; opacity: 0.6; font-weight: 200; letter-spacing: -0.02em; background-image: url("../img/arrow_right_white.svg"); background-size: 12px; background-position: left center; background-repeat: no-repeat;}
.booking_step_list .booking_step:first-child { padding-left: 3px; background-image: none; }
.booking_step_list .booking_step.active { opacity: 1; font-weight: 400;}
.booking_step_list .booking_step.active > .step_name { font-weight: 300; } 
.booking_step_list .booking_step > span { display: inline-block; vertical-align: middle; }
.booking_step_list .booking_step .step_num { font-size: 22.5px; }
.booking_step_list .booking_step .step_num.active {  cursor:pointer;}
/*.booking_step_list .booking_step .step_name { font-size: 18px; margin-left: 7px; margin-top: -1px;}*/
.booking_step_list .booking_step .step_name { font-size: 16.5px; margin-left: 3px; margin-top: -1px;}

.modify_info_wrap .form_style_0_wrap .form_style_0_con .form_list .form_list_title { padding-top: 27px; }

#memberIslandIdPortList .popup_style_0_con .popup_style_0_inner { padding: 50px 40px 55px 40px; }
#memberIslandIdPortList .search_input_style_0_wrap.type_3 .search_input_style_0 > input { padding: 19px 70px 19px 20px; }
#memberIslandIdPortList .search_input_style_0_wrap .search_input_style_0 > .search_btn { top: 9px; right: 4px; }
#memberIslandIdPortList .table_style_0_wrap.type_3 .table_style_0_con { padding-right: 0; }
#memberIslandIdPortList .table_style_0_wrap.type_3 .table_style_0_con .table_style_0 th { height: 48px; }
#memberIslandIdPortList .table_style_0_wrap .table_style_0_con .table_style_0 td { font-size: 16px; line-height: 22px; padding-bottom: 3px; }

#memberWithdrawal .popup_style_1_con .popup_style_1_inner .popup_contents_con .popup_title { max-width: none; }

/*일반 안내페이지용*/
.info_style_1_wrap { background-color: transparent !important; padding: 20px; }
.info_style_1_wrap .info_title { font-size:28px; font-size:2.8rem; line-height:28px; line-height:2.8rem;}
.info_style_1_wrap .info_desc { font-size:18px; font-size:1.8rem; line-height:23px; line-height:2.3rem; }
.info_style_1_wrap .info_desc .import{ font-size:25px; font-size:2.5rem; line-height:28px; line-height:2.8rem; color: #1b3282; font-weight: 1000;}
.info_style_1_wrap .info_desc .import2{ color: #ff8000;}

/*선사 홈페이지 주요섬*/
.company_site_main_island_con {display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: row; align-content: space-between; align-items: center;}
.company_site_main_island_con .island_btn {display: block;  position: relative;  float: left;  width: 110px;  height: 45px;  padding: 5px;  margin-right : 10px;  margin-top : 10px;  margin-bottom : 10px;    font-weight: 500;  text-align: center;  line-height: 45px;  color: #fff;  border-radius: 5px;  transition: all 0.2s ;  background: #70c7e9;  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);    cursor: pointer;  }
.company_site_main_island_con .island_btn:hover {margin-top: -1px;    transform: scale(1.1,1.1);  -ms-transform: scale(1.1,1.1);  -webkit-transform: scale(1.1,1.1);  box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.25);}
.company_site_main_island_con .island_btn:active {box-shadow: 1px 1px 0 rgb(0,0,0,0.5);  position: relative;  top:2px;}
.company_site_main_island_con .island_btn.selected {background: #1392c3 !important;}


/*바다로 구매 페이지*/
.badaro_ticketing_wrap {margin-bottom: 244px;}
.badaro_ticketing_wrap .badaro_header_title.badaro2024 {height:300px; background-position:center; background-repeat: no-repeat; background-image: url("../img/badaro/badaro2024_mob.jpg"); font-size:30px;}
.badaro_ticketing_wrap .badaro_header_title.badaro2025 {height:261px; background-position:center; background-repeat: no-repeat; background-image: url("../img/badaro/badaro2025_mob.jpg"); font-size:30px;}

.badaro_ticketing_wrap .badaro_content_tabs ul > li {float:left; height:80px; border-bottom: 5px solid #cccccc}
.badaro_ticketing_wrap .badaro_content_tabs ul > li > a > span{padding:24px 0px; font-size:18px; font-size:1.8rem; font-weight:600; line-height:48px; line-height:4.8rem; display:block;}
.badaro_ticketing_wrap .badaro_content_tabs ul > li.active {border-bottom: 5px solid #2a91ff}

.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con {font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; font-weight:400; overflow:hidden;}
.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_list_header{font-weight:500; font-size:21px; font-size:2.1rem; line-height:25px; line-height:2.5rem;}

.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_content_title{font-size: 30px; font-size:3.0rem; line-height:36px; line-height:3.6rem; font-weight:600; margin-top:25px; margin-bottom:15px;}

.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_list > ul > li:not(:last-child)  > div {display:inline-block; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #5d7187};

.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_purchase_form {}
.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_purchase_form .badaro_passenger_table,
.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_search_table {border:1px soild #ffffff; font-weight:800 !important; border-radius: 20px;}
.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_purchase_form .badaro_passenger_table .badaro_passenger_row_header,
.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_search_table .badaro_search_row_header {padding:16px 0px; background-color: #728c9d; color:#ffffff; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight:400;}
.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_purchase_form .badaro_passenger_table .badaro_passenger_row,
.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_search_table .badaro_search_row {padding:10px 0px; background-color: #f4fbff; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight:400;}
.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_search_table .badaro_search_row {padding:15px 0px;}
.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_search_table .badaro_search_row:not(:last-child) {border-bottom:1px solid #acacac}
.badaro_ticketing_wrap .badaro_content_wrap .badaro_content_con .badaro_purchase_form .badaro_passenger_table .badaro_passenger_row:not(:last-child) {padding:0px 0px 10px 0px;}


.booking_info_wrap { background-color: #ffffff; margin-bottom:-30px;
	.bi_panel {padding: 19px 20px; font-size:24px; font-size:2.4rem; line-height:28px; line-height:2.8rem; font-weight:500; border: 2px solid #04A2DF; border-radius: 20px; 
		.checkin_departure { background-color:#E7F8FF; border-radius: 6px;
			.label {color:#1B3282;}
		}
		.checkin_passenger{ min-height: 240px;
			.label {color:#1B3282;}
			.labelrow {border-bottom: 1px solid #848484; }
		}
	}
	.bi_panel.widepad { padding: 27px 28px;}
	.bi_panel.header { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: #D0F2FF; }
	.bi_panel.dashed_below::after {	content: ""; border-top: 1px dashed #ffffff; border-width: 5px;	width: calc(100% - 40px); display: block; position: absolute; top: -3px; left: 20px;}
	.bi_panel.list{	border-top-left-radius: 0px; border-top-right-radius: 0px; font-size:16px; font-size:1.6rem; line-height:18px; line-height:1.8rem;
		.ticket_summary{ background-color: #e7f8ff; height: 40px; vertical-align:middle; line-height: 40px; line-height: 4.0rem; }
		@media (min-width: 768px){		
			.ticketlist > div:nth-child(odd){ padding-right:8px; }
			.ticketlist > div:nth-child(even){ padding-left:8px; }
		}
		.ticket{
			display: grid; grid-template-columns: 20% 25% 20% 35%; border: 1px solid #04A2DF;
			.span_col{ grid-column: span 3; }
			.label, .value{ padding: 4px 5px; border: 1px solid #dbdbdb; }
			.label { background-color: #f9fdff; text-align:center; }
			.value{}
		}
		.toggle_class{ border-bottom: 1px solid #E4E4E4; }
		.toggle_class::after{ content: ''; position: absolute; top: 50%; right: 0%; transform: translate(-50%, -50%); width: 0; height: 0; border-top: 14px solid #1B3282; border-left: 12px solid transparent; border-right: 12px solid transparent;}
		.toggle_class.active::after{ border-top: none; border-bottom: 14px solid #1B3282; }
		.class_panel{ background-color: #F5F5F5;}
	}
	.bi_panel.payment {	font-size: 18px; font-size:1.8rem; line-height:28px; line-height:2.8rem;}
	.bi_panel.total { background-color: #D0F2FF; font-weight: 600}
	.bi_panel.error{border-top-left-radius: 0px; border-top-right-radius: 0px; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; padding: 40px;
		.error_sign{background: url('/weven_template/theme/PORTAL/1/resource/img/mTicket_error_icon.png') no-repeat center;	height: 300px;}
	}
	.bi_panel:not(:last-child){ margin-bottom: -2px; }
}

.boarding_info_wrap{
	.header{ padding-top:24px; padding-bottom: 7px;	
	}
	div{margin-bottom:3px;}
	
}


@media (min-width: 720px){
	.badaro_ticketing_wrap .badaro_header_title.badaro2024 {background-image: url("../img/badaro/badaro2024_wide.jpg");}
	.badaro_ticketing_wrap .badaro_header_title.badaro2025 {background-image: url("../img/badaro/badaro2025_wide.jpg"); height:312px;}
	.badaro_ticketing_wrap .badaro_content_tabs ul > li > a > span{font-size:24px; font-size:2.4rem; line-height:28px; line-height:2.8rem;}
} 

ul.list_paragraph {}
ul.list_paragraph li.list_paragraph_head{}
ul.list_paragraph li.list_paragraph_head:not(:first-child){ margin-top:18px;}
ul.list_paragraph li.list_paragraph_subhead{padding-left:13px;}
ul.list_paragraph li.list_paragraph_body{padding-left:13px;}
ul.list_paragraph li.list_paragraph_subbody{}

@media (min-width: 768px)  {
    .ship_info_wrap .ship_check_con .ship_check_bottom .ship_rating_title .name { width: auto; }

	.table_style_0_wrap .table_style_0_con { overflow-x: visible; }
	.table_style_0_wrap .table_style_0_con .table_style_0 { min-width: 0; }
	
	.reserved_ticket_list .list_con.info_list{flex: inherit; padding-right: 50px; display: block;}
	.reserved_ticket_list .list_con.price_list{flex: 1; margin-top: 0;}
}

@media (min-width: 992px)  {	

    .bottom_bg_con { right: 62px; /* bottom: -50px; */ }
    .bottom_bg_con > img { width: 80%; }

    .container .scroll_down_btn { display: inline-block; }
    .wrapper.sub .container { padding-bottom: 244px; /* padding-top: 117px; */ }
    .wrapper.sub .container.no_pb_con { padding-bottom: 0px; /* padding-top: 117px; */ }

    .wrapper.main .container .main_top { background-size: 205px; background-position: calc(100% - 50px) calc(100% - 30px); }
    .wrapper.sub.reservation .container .main_top { background-size: auto; background-position: calc(100% - 50px) calc(100% - 30px); }    
   
   	.reply_wrap .reply_con .reply_conents_con { flex-direction: row; justify-content: space-between; }
   	.reply_wrap .reply_con .reply_conents_con .reply_contents { max-width: 800px; }
   	.reply_wrap .reply_con .reply_conents_con .comment_reply_btn_con { margin-top: 0; }
    
    .member_info_wrap .form_style_0_wrap .form_style_0_con .form_list .form_list_title { padding-top: 37px; }
    .member_info_wrap .radio_style_0_wrap.type_2 .radio_style_0_con { margin-right: 0; width: 131px; }
    .modify_info_wrap .radio_style_0_wrap.type_2 .radio_style_0_con { margin-right: 0; width: 131px; }

    .main_map_wrap .main_back_btn { left: 50px; margin-top: -170px; }
    .main_map_wrap .main_back_btn .btn_text { transition: color 0.2s; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 700; color: #2b3138; }
    .main_map_wrap .main_back_btn .btn_text:hover { color: #04a2df; }
    .main_map_wrap .main_back_btn .btn_text:hover::before { background-image: url('../img/7x13_00adef_left_arrow.png'); }

    .main_map_wrap.click .area_detail_dim { display: none; }

    .main_map_wrap .main_map_con { left: -50px; top: -30px; }
    .main_map_wrap .main_map_con svg { margin-top: -110px; margin-left: 0; transform: scale(0.6); overflow: hidden; }
    .main_map_wrap .main_map_con .local_list .local_text { font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; }
	
	/* 20220803 변경, 이동수, 리스트가 위로 올라가는 현상 */
    .main_map_wrap .main_map_con .area_detail_con { position: absolute; border-radius: 0; min-width: 200px; top: 12%; right: -34%; left: auto; transform: translateX(0%) translateY(0%); min-height: 0; padding: 0; background-color: transparent; z-index: 10; }
    .main_map_wrap .main_map_con .area_detail_con .area_detail_box > div { padding-left: 0; }
    
    .place_select_con .place_select_box { width: 240px; }
    .place_select_con .place_select_box .place_name { min-height: 33px; }
    .place_select_con .place_select_box.arrival { padding-left: 25px; width: 270px;}
    .place_select_con .place_select_box .place_name > .departure_type { margin-top:0; vertical-align : middle; margin-bottom: 0;}
    .place_select_con .place_select_between_box .between_line { height: 33px; }
    .place_select_con .place_select_between_box .between_line::after { top: calc(50% - 1px); }
    .place_select_con .place_select_list { margin-bottom: 11px; }

    .ticketing_top_wrap .ticketing_top_con { flex-direction: row; justify-content: space-between; align-items: center; }
    .ticketing_top_wrap .ticketing_top_con .title { font-size: 15px; line-height: 21px; margin-bottom: 9px; }
    .ticketing_top_wrap.floating .ticketing_top_con .title { margin-right: 0; }
    .ticketing_top_wrap.floating .ticketing_top_con .text { font-size: 20px; line-height: 22px; } 
    .ticketing_top_wrap .ticketing_top_con .area_box { margin-bottom: 0; width: auto;}
    .ticketing_top_wrap .ticketing_top_con .area_box .area_box_inner:last-child .text { border-right: 1px solid #ccd6e6; }
    
    .ticketing_top_wrap.floating .floating_box { padding: 20px 35px 21px; }

    .area_change_btn:hover { border-color: #04a2df; background-color: #04a2df; background-image: url('../img/21x15_fff_left_right_arrow.png'); }

    .ticketing_top_wrap .ticketing_top_con .date_box { /* margin-bottom: 0; */ padding-left: 20px; }
    .ticketing_top_wrap .ticketing_top_con .date_box .date_box_inner { flex-direction: column; }
    .ticketing_top_wrap.floating .ticketing_top_con .date_box .title { margin-right: 0; margin-bottom: 9px; }

    .date_box .date_box_inner .change_btn { width: auto; }
    .ticketing_top_wrap .ticketing_top_con .change_btn .btn_style_0_con .btn_style_0.blue { padding: 8px 15px 9px; font-size: 20px; border-radius: 7px; margin-top: 10px;}
    
    .ticketing_top_wrap.floating .show_ticketing_info_btn_con { bottom: 50%; transform: translateY(50%); }

    /*.ticketing_content_wrap .date_select_wrap .date_select_con .date_select_box { font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; }*/
    
   	.ticketing_content_wrap .add_btn_con .add_btn { position: relative; padding-right: 44px; cursor: pointer; font-family: "Inter", "Carmen Sans"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; }
    .ticketing_content_wrap .add_btn_con .add_btn::before { content: ''; transition: background-color 0.2s, border-color 0.2s; }
    .ticketing_content_wrap .add_btn_con .add_btn:hover::before { background-color: #04a2df; border-color: #04a2df; }
    .ticketing_content_wrap .add_btn_con .add_btn:hover::after { background-image: url('../img/12x12_fff_plus_icon.png'); }
    
   	.transparent_wrap .remove_btn_con .remove_btn { position: relative; padding-right: 32px; cursor: pointer; font-family: "Inter", "Carmen Sans"; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; }
    .transparent_wrap .remove_btn_con .remove_btn::before { content: ''; transition: background-color 0.2s, border-color 0.2s; }
    .transparent_wrap .remove_btn_con .remove_btn:hover::before { background-color: #04a2df; border-color: #04a2df; }
    .transparent_wrap .remove_btn_con .remove_btn:hover::after { background-image: url('../img/12x12_fff_minus_icon.png'); }

    .place_view_select_box { padding-left: 40px; padding-right: 40px; }

    .info_con .info_inner { padding: 23px 50px; }
    
    .help_icon { line-height: 19px; }
    .help_icon .help_box { min-width: 480px; }
    
    .ship_guide_wrap .ship_guide_con { width: 100%; }
    .ship_guide_wrap.double { display: flex; align-items: stretch; }
	.ship_guide_wrap.double .ship_guide_con { width: 50%; display: flex; flex-direction: column; }
	.ship_guide_wrap.double .ship_guide_con .guide_box { flex: 1 0 auto; } 
	.ship_guide_wrap .ship_guide_con .title { margin-bottom: 15px; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; }
	.ship_guide_wrap .ship_guide_con .guide_box { border-radius: 10px; }
	
    .ship_info_wrap .notice_list.ship { /* left: 35px; */ width: 450px; /* bottom: 37px; */ margin-top: 0; }
    .ship_info_wrap .notice_list ul > li > span { position: relative; }
    .ship_info_wrap.room .help_box.notice { left: -35px; min-width: 500px;}
    .ship_info_wrap.room .help_box.event { left: -41px; }
    .ship_info_wrap.room .help_box.room_info {min-width: 400px;}
    .ship_info_wrap .ship_check_con .help_box.notice { left: auto; }
    .ship_info_wrap .ship_check_con .help_box.event { left: auto; }
    .ship_info_wrap .ship_check_con .help_box.facilities { left: auto; }
    .ship_info_wrap .help_box.notice { left: auto; right: -228px; }
    .ship_info_wrap .help_box.event { left: auto; right: -142px; }
    .help_box { min-width: 600px; width: auto; }
    .help_box .help_box_inner { padding: 26px 70px 26px 40px; }
    .help_box.facilities { left: auto; right: -37px; min-width: 550px;}
    .help_box.facilities.single { min-width: 200px; }
    .help_box.facilities.double { min-width: 300px; }
    .help_box .help_box_inner.right::after { right: 58px; left: auto; }
    .help_box .help_box_inner.right_2::after { right: 143px; left: auto; }
    .help_box .help_box_inner.right_3::after { right: 238px; left: auto; }
    .help_box .help_box_inner.left::after { left: 45px; }
    .help_box .help_box_inner.left_2::after { left: 54px; }
    .help_box.facilities .help_box_inner.right_4::after { right: 45px; left: auto; }

    .ship_info_wrap .ship_info_con .ship_info_top [class*="col-"] { position: relative; }
    .ship_info_wrap .ship_check_con .ship_check_top [class*="col-"] { position: relative; }
    .ship_info_wrap .ship_info_con .ship_info_top .ship_name { margin-bottom: 0; margin-right: 5px; }
    .ticketing_content_wrap .ship_info_wrap .ship_info_con { padding: 28px 35px 27px 35px; }
    .ticketing_content_wrap .ship_info_wrap .ship_info_con::after { border-radius : 25px;}
    .ticketing_content_wrap .ship_info_wrap.checkseat.active .ship_info_con::after { border-radius : 25px; }
    .ticketing_content_wrap .ship_info_wrap .ship_info_con:hover::after { border: 2px solid #04a2df; }
    .ticketing_content_wrap .ship_info_wrap.active:not(.checkseat) .ship_info_con:hover::after { border-bottom: none; }
    	
    	.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info .ship_time { width: 119px; }
	.ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info .total_time { margin-right: 44px; }
	
    .ship_info_wrap .ship_info_con .ship_info_content .left_box { width: 500px; }
    .ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info_wrap { margin-bottom: 20px; }
    .ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info { justify-content: flex-start; }
    .ship_info_wrap .ship_info_con .ship_info_content .left_box .time_info:last-child { margin-bottom: 27px; }
    .ship_info_wrap .ship_info_con.round .ship_info_content .left_box .time_info:last-child { margin-bottom: 24px; }
    .ship_info_wrap .ship_info_con .ship_info_content .left_box .weather_info { justify-content: flex-start; margin-bottom: 44px; }
    .ship_info_wrap .ship_info_con.weather.round .ship_info_content .left_box .weather_info:last-child { margin-bottom: 24px; }

    .ship_info_wrap .ship_info_con .ship_info_content .right_box { width: calc(100% - 500px); }
    .ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info { padding-left: 20px; }
    .ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info:nth-child(2) { width: calc(50% + 8px); padding-right: 0; border-left: 1px solid #ccd6e6; }
    .ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info:nth-child(3) { width: calc(50% - 8px); }
    .ship_info_wrap .ship_info_con .ship_info_content .right_box .remain_info .amount { margin-bottom: 2px; }
    
    .ship_info_wrap .ship_check_con { padding-left: 40px; padding-right: 35px; font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; }

   /*  .ship_info_wrap .ship_check_con .ship_check_top .title { width: auto; margin-bottom: 0; } */
   
   .ship_info_wrap .ship_check_con .ship_check_top .help_box { min-width: 500px; }

	.ship_info_wrap .ship_check_con .help_box.notice .help_box_inner.left::after { left: auto; right: 58px; }
	
    .ship_info_wrap .ship_check_con .ship_check_bottom .ship_rating_wrap { width: auto; margin-right: 14px; margin-bottom: 0; }
    .ship_info_wrap .ship_check_con .ship_check_bottom .ship_check_bottom_con .date { margin-right: 18px;}
    .ship_info_wrap .ship_check_con .ship_check_bottom .ship_check_bottom_con .end_check { width: auto; margin-right: 5px; }
    .ship_info_wrap .ship_check_con .ship_check_bottom .ship_check_bottom_con .start_check { width: auto; margin-right: 15px; }
    .ship_info_wrap .ship_check_con .ship_check_bottom .ship_rating_title { max-width: none; }
    .ship_info_wrap .ship_check_con .ship_rating { padding: 6px 12px 7px 11px; border-radius: 10px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 700; }
    .ship_info_wrap .ship_check_con .ship_arrow { margin-right: 15px; flex: initial; }
    .ship_info_wrap .ship_check_con .total_time { font-size: 23px; line-height: 29px; }
    .payment_history_wrap .ship_info_wrap .ship_check_con .total_time { font-size: 18px; }
    .payment_history_wrap .ship_info_title_con { margin-bottom: 15px; }

    /* .ship_guide_wrap::before { content: ''; position: absolute; height: 196px; width: 1px; bottom: 0; left: calc(50% - 1px); transform: translateX(-50%); background-color: #ccd6e6; } */
    /* .ship_guide_wrap .ship_guide_con::after { content: ''; position: absolute; height: 100%; top: 0; right: 0; border-right: 1px solid #ccd6e6; } */
    .ship_guide_wrap .ship_guide_con:last-child::after { content: none; }


	/*.room_info_list_wrap .room_info_list .room_list colgroup col:first-child { width: 12%; }
	.room_info_list_wrap .room_info_list .room_list colgroup col:nth-child(3) { width: 10%; }
	.room_info_list_wrap .room_info_list .room_list colgroup col:nth-child(4) { width: 13%; }
	.room_info_list_wrap .room_info_list .room_list colgroup col:nth-child(5) { width: 10%; }
	.room_info_list_wrap .room_info_list .room_list colgroup col:nth-child(6) { width: 6%; }*/
	
	/*.room_info_list_wrap .room_info_list .room_list th { font-size: 13px; line-height: 19px; }*/
	.room_info_list_wrap .room_info_list .room_list th { font-size: 16px; line-height: 16px; padding :5px;}
	.room_info_list_wrap .room_info_list .room_list th.title {background-color: #728c9d; }
	.room_info_list_wrap .room_info_list .room_list th.title.sub { }
	.room_info_list_wrap .room_info_list .room_list td { font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; } 
    .room_info_list_wrap .room_info_list .room_list td.check .checkbox_style_0_wrap { margin-left: -5px; }
    
    .count_btn_con .num_change_box .num_change_btn { width: 22% }
    .count_btn_con .num_change_box .num_change_btn:hover { background-color: #04a2df; border: none; }
    .count_btn_con .num_change_box .num_change_btn:hover::before { border-color: #fff; }
    .count_btn_con .num_change_box .num_change_btn.plus:hover::after { border-color: #fff; }

    .price_info_wrap .price_info_box .price_info_inner { padding: 27px 38px 20px; }
    .price_info_wrap .price_info_box .price_info_inner .price_box .name { margin-bottom: 11px; }
    
    .price_info_wrap .price_info_box { width: 100%; padding:0; }
    .price_info_wrap.double .price_info_box { width: 50%; padding-left: 8px; }
    .price_info_wrap.double .price_info_box.two_way { padding-right: 8px; }
    
    .price_list ul > li { padding: 13px 0; font-size: 16px; line-height: 22px; }

    .discount_info_con { padding-left: 50px; padding-right: 50px; }
    .discount_info_con .discount_info_inner .people_list .name { padding-right: 15px; }

    .ticketing_info_box .info_table_style_0_wrap .info_table_style_0_con .info_table_style_0 .wid206 { width: 206px; }

    /* type_2 : 탑승인원정보 입력폼 */
    .form_style_0_wrap.type_2 .form_style_0_con .form_list { flex-direction: row; }
    .form_style_0_wrap.type_2 .form_style_0_con .form_list:not(:last-child) { margin-bottom: 9px; }
    .form_style_0_wrap.type_2 .form_style_0_con .form_list .form_list_title { width: 113px; padding: 19px 0; }
    .form_style_0_wrap.type_2 .form_style_0_con .form_list .form_list_input { width: calc(100% - 113px); }
    
    .info_con.creditCard .form_style_0_wrap.type_2 .form_style_0_con .form_list:not(:last-child) { margin-bottom: 0; }
    .info_con.creditCard .input_style_1_wrap { display: block; }
    .info_con.creditCard .input_style_1_wrap [form-attr="cardno"] { fled: initial; }
    /* type_3 : 팝업폼 */
    .form_style_0_wrap.type_3 .form_style_0_con .form_list { flex-direction: row; }
    .form_style_0_wrap.type_3 .form_style_0_con .form_list:not(:last-child) { margin-bottom: 21px; }
    .form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_title { width: 96px; }
    .form_style_0_wrap.type_3 .form_style_0_con .form_list .form_list_input { width: calc(100% - 96px); }

    .ticketing_complete_view {  flex-direction: row; }
    .ticketing_complete_view .complete_text { width: calc(100% - 200px); }
    .ticketing_complete_view .complete_text .ticket_check_btn:hover { color: #04a2df; background-image: url('../img/7x13_00adef_right_arrow.png'); }

    .table_desc { margin-bottom: 16px; }

    .join_top_wrap { flex-direction: row; }
    .join_type_con .join_type_box .type_list:hover { color: #04a2df; }
    .member_terms_agree_con .terms_box .terms_list .checkbox_style_0_wrap { max-width: none; }

    .login_bottom_btn:hover { color: #04a2df; background-image: url('../img/6x11_00adef_right_arrow.png'); }
    .login_bottom_wrap .other_login_btn_box .other_login_btn.naver:hover:not(.nohover):after { border: 2px solid #04c035; }
    .login_bottom_wrap .other_login_btn_box .other_login_btn.kakao:hover:not(.nohover):after { border: 2px solid #f5c800; }
    
    .login_bottom_wrap .other_login_btn_box .other_login_btn { font-size: 19px; line-height: 25px; }
    
    .join_type_con .join_type_box .type_list { font-size: 19px; line-height: 19px; }
    .join_type_con .login_bottom_wrap .other_login_btn_box .other_login_btn { padding-top : 19px; padding-bottom: 18px; }

    .info_check_link_box { flex-direction: row; align-items: center; padding: 11px 12px 11px 32px; }
    
    .info_con.active .info_inner{padding-top: 33px; padding-bottom: 35px;}

    .sail_place_select_wrap .sail_place_btn_con .sail_place_btn_box > .btn_style_1_gray_con .btn_style_1_gray { font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; }

    .view_style_0_wrap .view_style_0_contents_con .file_list_box { flex-direction: row; }
    .view_style_0_wrap .view_style_0_contents_con .file_list_box .file_list { margin-top: 0; }

    .table_style_0_wrap.type_2 .table_style_0_con .table_style_0 td { height: 58px; }

    .table_style_0_wrap.type_3 .table_style_0_con { max-height: 463px; }
    .table_style_0_wrap.type_3.coupon .table_style_0_con { max-height: 233px; }
    .table_style_0_wrap.type_3 .table_style_0_con .table_style_0 .wid130 { width: 130px; }
    .table_style_0_wrap.type_3 .table_style_0_con .table_style_0 .wid185 { width: 185px; }
    .table_style_0_wrap.type_3 .table_style_0_con .table_style_0 .wid190 { width: 190px; }
    .table_style_0_wrap.type_3 .table_style_0_con .table_style_0 .wid195 { width: 195px; }
    .table_style_0_wrap.type_3 .table_style_0_con .table_style_0 td.car_name { padding-left: 40px; }


    /* 팝업 */
    #termsContentCheck .popup_contents_con .popup_desc::-webkit-scrollbar { width: 2px; }
    #departurePlaceInput .place_select_con .place_select_inner::-webkit-scrollbar { width: 2px; }
    #departurePlaceInput .place_select_con .place_select_inner .place_select_list:hover .name { color: #04a2df; }
    #departurePlaceInput .place_select_con .place_select_inner .place_select_list:hover .address { color: #04a2df; }
    #seaTicketInquiry .popup_bottom_con .btn_style_0_con.active .btn_style_0:hover { background-color: #3049a0; border-color: #3049a0; }


    /*마이페이지*/
    .reserved_ticket_list .list_con.info_list{flex: inherit; padding-right: 50px; display: block;}
    .reserved_ticket_list .list_con.price_list{flex: 1; margin-top: 0;}

    .boarding_pass_wrap{padding-top: 50px; margin-top: 50px;}
    .boarding_pass{ padding-left: 40px; padding-right: 40px; }
    .boarding_pass_box{width: 50%;}
    .boarding_pass_box:nth-child(2n-1){padding-right: 6px;}
    .boarding_pass_box:nth-child(2n){padding-left: 6px;}
    .boarding_info_con .boarding_time{max-width: 134px;}

    .ticketing_filter_con{padding: 28px 36px 23px 36px;}
    .ticketing_filter_con .ticketing_filter_title { margin-bottom: 10px; }
    .ticketing_filter_con .ticketing_filter_list{width: 50%; margin-bottom: 0;}
    .ticketing_filter_con .ticketing_filter_list:nth-child(2n-1){padding-right: 40px;}
    .ticketing_filter_con .form_style_0_wrap.type_2 .form_style_0_con .form_list .form_list_title {width: 67px;}
    .ticketing_filter_con .form_style_0_wrap.type_2 .form_style_0_con .form_list .form_list_input {width: calc(100% - 67px); padding-right: 10px;}

    .ticketing_filter_con.type_2 .ticketing_filter_list{margin-bottom: 30px; }

    .ship_info_title_con.type_2 .ship_info_title{margin-left: 14px; margin-top: 4px;}
    .ship_info_title_con .ship_info_title > li{font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem;}
    .ship_info_wrapper{padding-top: 50px; margin-bottom: 50px;}
    .ship_info_wrapper .ship_info_title_con .ship_info_title{margin-left: 14px; margin-top: 4px;}
    .ship_info_wrapper .btn_style_4_con{float: right; width: auto; text-align: left; margin-top: 13px;}

    .ship_info_wrap.type_2 .ship_check_con { padding-left: 50px; }

    .calendar_table_style_0_wrap .next_month { display: block; }

    .table_style_0_wrap .table_style_0_con .table_style_0 .wid110 { width: 110px; }
    .table_style_0_wrap .table_style_0_con .table_style_0 .wid120 { width: 120px; }
    .table_style_0_wrap .table_style_0_con .table_style_0 .wid140 { width: 140px; }
    .table_style_0_wrap .table_style_0_con .table_style_0 tbody tr:hover { background-color: #fafbfc; }

    .auto_complete_text_box .auto_complete_view ul > li:hover > span { font-weight: 700; color: #04a2df; }
    .main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_list ul > li:hover { font-weight: 500; color: #04a2df; }
    .main_map_wrap .main_map_con .area_detail_con .area_detail_box .area_list ul > li:hover::before { content: ''; z-index: 10005; position: absolute; top: 49%; left: -15px; transform: translateY(-49%); color: #fff; width: 0; height: 0; border-left: 5px solid #04a2df; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
    /* .room_info_list_wrap .room_info_list .room_list tbody tr:hover { background-color: #728191; } */
    .terminal_select_wrap .terminal_select_con .terminal_box:hover { border-color: #04a2df; color: #04a2df; }
    .terminal_select_wrap .terminal_select_con .terminal_box.active:hover { border-color: #1b3282; color: #fff; }
    .sail_place_select_wrap .sail_place_btn_con .sail_place_btn_box > .btn_style_1_gray_con .btn_style_1_gray:hover { border-color: #04a2df; }
    .calendar_table_style_0_wrap .calendar_table_style_0_con .calendar_table_style_0 td div.inner:hover::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 35px; height: 35px; background-color: #d9f5ff; border-radius: 17.5px; z-index: 5; }
    #boardingDateSelect .popup_bottom_con .btn_style_0_con .refresh_btn:hover .refresh_icon { border-color: #04a2df; background-color: #04a2df; background-image: url('../img/fff_refresh_icon.png'); background-size: 19px 17px; }

	.ferry_status .table_style_0_wrap .table_style_0_con .table_style_0 th { font-size: 14px; line-height: 20px; }
	.table_style_0_wrap.type_2 .table_style_0_con .table_style_0 td { font-size: 15px; line-height: 21px; }

	.route_regist_wrap .search_input_style_0_wrap .search_input_style_0 > input { padding-right: 70px; }
	
	.modify_info_wrap .form_style_0_wrap .form_style_0_con .form_list .form_list_title { padding-top: 32px; }
	
	.floating_btn .btn_style_5_con .btn_style_5 { padding: 20px 40px; }
	
	.booking_step_list .booking_step { padding: 0 11px 0 23px; }
	.booking_step_list .booking_step:first-child { padding-left: 17px; }
	
	.voyage_notice { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
	#boardingDateSelect .popup_contents_con .search_input_style_0_wrap .search_input_style_0 > input { padding-right: 20px; }
	
	#memberIslandIdPortList .table_style_0_wrap.type_3 .table_style_0_con .table_style_0 th { font-size: 16px; line-height: 22px; }
	#memberIslandIdPortList .table_style_0_wrap .table_style_0_con .table_style_0 td { font-size: 21px; line-height: 27px; }
	#memberIslandIdPortList .table_style_0_wrap.type_3 .table_style_0_con .table_style_0 td.car_name { padding-left: 49px; }
}

@media (min-width: 1200px)  {
	/*20220822 이동수 추가*/
	.main_map_wrap .main_map_con .area_detail_con {right:-48%;}

}

@media (min-width: 1600px)  {
    .wrapper.main .container .main_top { background-size: auto; }
    .bottom_bg_con > img { width: 100%; }

    .main_map_wrap .main_back_btn { margin-top: -70px; }

    .main_map_wrap .main_map_con svg { margin-top: 0; transform: scale(0.8); }
    /*20220822 이동수 수정*/
    /*.main_map_wrap .main_map_con .area_detail_con { top: 23%; }*/
    .main_map_wrap .main_map_con .area_detail_con { top: 23%; right:-58%;}
    .main_map_wrap .main_map_con .area_detail_con .area_detail_box > div { padding-left: 30px; }

}