@charset "utf-8";

/**
* 서비스항로
*/

/**
 * 서비스항로 - 공통
 */
/* 제목 */
.content_route .title {margin:-14px 0 28px; text-align:center; font-weight:500; font-size:42px; letter-spacing:-0.025em; color:#145fb3;}
/* 회색박스 */
.content_route .box_search {box-sizing:border-box; height:100px; padding:20px 50px; margin-bottom:30px; background-color:#f0f0f0;}


/**
 * 서비스항로 - 항로선택
 */
/* 셀렉트박스 */
.content_route_select .select_box {position:relative; width:760px; margin:0 auto; text-align:center; font-weight:500; font-size:24px; line-height:54px; color:#145fb3;}
.content_route_select .select_box .select_label {height:54px; border:3px solid #145fb3; background:#fff url(../images/route/arr_select.gif) no-repeat 100% 50%;}
.content_route_select .select_box .select_down {z-index:1000;display:none; position:absolute; top:0; left:0; width:754px; border:3px solid #145fb3; background-color:#fff;}
/* [D] select li가 7개가 넘으면 .on 추가 (스크롤 생김) */
.content_route_select .select_box .select_down.on {overflow-y:auto;z-index:1000;}
.content_route_select .select_box .select_down.on::-webkit-scrollbar {width:5px;}
.content_route_select .select_box .select_down.on::-webkit-scrollbar-thumb {background-color:#aaa;}
.content_route_select .select_box .select_down ul li {height:54px; border-bottom:1px solid #eee;}
.content_route_select .select_box .select_down ul li:last-child {border-bottom:0;}
/* */
.content_route_select .select_box .select_down ul li.on a {color:#fff; background:#145fb3;}
.content_route_select .select_box .select_down ul li a:active {color:#fff; background:#145fb3;}
/* 지도영역 */
.content_route_select .box_map {width:1280px; height:600px; margin-bottom:50px;}
/* 테이블 */
.content_route_select .box_tbl {border-top:2px solid #333;}
.content_route_select .tbl_route_info .col_rotation {width:305px;}
.content_route_select .tbl_route_info .col_terminal {width:510px;}
.content_route_select .tbl_route_info .col_date {width:155px;}
.content_route_select .tbl_route_info tr th,
.content_route_select .tbl_route_info tr td {border-right:1px solid #e5e5e5; text-align:center; text-transform:uppercase;}
.content_route_select .tbl_route_info tr th:last-child,
.content_route_select .tbl_route_info tr td:last-child,
.content_route_select .tbl_route_info tr .td_last {border-right:0;}
.content_route_select .tbl_route_info tr th {height:56px; border-bottom:1px solid #ccc; font-weight:500; letter-spacing:-0.025em; color:#333;}
.content_route_select .tbl_route_info tr td {padding:21px 10px; border-bottom:1px solid #e5e5e5; color:#999;}
/* 인쇄버튼 */
.content_route_select .wrap_btn {height:45px;}
.content_route_select .wrap_btn .btn_print {float:right; width: 126px; height:45px;}


/**
 * 서비스항로 - 항로검색
 */
.content_route_search .box_search:after {display:block; clear:both; height:0; content:'';}
.content_route_search .area_place {float:left; width:50%;}
.content_route_search .area_place label,
.content_route_search .area_place .area_search {float:left;}
.content_route_search .area_place label {display:block; height:60px; font-weight:500; font-size:24px; line-height:60px; color:#145fb3;}
.content_route_search .area_place .label_from {width:87px;}
.content_route_search .area_place .label_to {width:90px; text-indent:40px;}
/* 검색상자 */
.content_route_search .area_place .area_search {width:494px; height:54px; border:3px solid #145fb3; background-color:#fff;}
.content_route_search .area_search .tf_search {float:left; width:408px; height:54px; padding-left:25px; border:0; font-weight:400; font-size:18px; line-height:54px; color:#333;}
/* placeholder style */
.content_route_search .area_search .tf_search:-moz-placeholder {color:#999; opacity:1;}
.content_route_search .area_search .tf_search::-moz-placeholder {color:#999; opacity:1;}
.content_route_search .area_search .tf_search::-webkit-input-placeholder {color:#999;}
.content_route_search .area_search .tf_search:-ms-input-placeholder {color:#999;}
/* 검색버튼 */
.content_route_search .area_search .btn_search {float:right; width:61px; height:54px; text-align:center;}
.content_route_search .area_search .btn_search img {vertical-align:-4px;}
/* 서비스 목록 */
.content_route_search .box_service {border-top:1px solid #e0e0e0;}
.content_route_search .box_service .service_tit {margin-top:50px; padding-bottom:24px; font-size:24px; font-weight:500; line-height:24px; color:#145fb3;}
.content_route_search .box_service .route_list li {float:left; margin:0 5px; padding:9px 0 9px 13px; min-width:228px; background:url(../images/common/bg_branch_desc.gif) no-repeat left 17px; font-weight:500; line-height:1.2;}

.content_route_search .box_service .route_list li.open {color:#145fb3; text-decoration:underline;}
/*.content_route_search .box_service .route_list li.open:after {display:block; content:''; border-bottom:1px solid #145fb3;}*/
.content_route_search .route_content {padding-top:44px;}
/* 지도영역 */
.content_route_search .route_content .box_map {width:1280px; height:540px; margin-bottom:50px;}
.content_route_search .route_content .box_map .map {height:540px;}
/* 테이블 */
.content_route_search .route_content .box_tbl {border-top:2px solid #333;}
.content_route_search .route_content .tbl_route_info .col_rotation {width:305px;}
.content_route_search .route_content .tbl_route_info .col_terminal {width:510px;}
.content_route_search .route_content .tbl_route_info .col_date {width:155px;}
.content_route_search .route_content .tbl_route_info tr th,
.content_route_search .route_content .tbl_route_info tr td {border-right:1px solid #e5e5e5; text-align:center; text-transform:uppercase;}
.content_route_search .route_content .tbl_route_info tr th:last-child,
.content_route_search .route_content .tbl_route_info tr td:last-child,
.content_route_search .route_content .tbl_route_info tr .td_last {border-right:0;}
.content_route_search .route_content .tbl_route_info tr th {height:56px; border-bottom:1px solid #ccc; font-weight:500; letter-spacing:-0.025em; color:#333;}
.content_route_search .tbl_route_info tr td {padding:21px 10px; border-bottom:1px solid #e5e5e5; color:#999;}
.content_route_search .route_content .btn_close {display:block; margin:30px auto; width:126px; height:45px; background:#145fb3;; color:#fff; font-size:16px; font-weight:500; text-align:center; line-height:45px;}


/* 서비스항로 인쇄 */
.content_route_print {width:940px; max-width:940px; min-width:940px; margin:0 auto; text-align:center;}
.content_route_print .inner_con {padding-bottom:10px;}
.content_route_print .title_top {width:100%; height:34px; text-align:left;overflow: hidden;margin-top: 19px;}
.content_route_print .title_top .img {margin-right:20px; width:197px; height:35px; vertical-align:middle;display:inline-block;float: left;}
.content_route_print .title_top .tit {color:#333; font-size:25px; font-weight:500; vertical-align:middle; line-height:34px;text-align:right;display:inline-block;float: left;}
.content_route_print .title_top .sub_tit {font-size:25px; color:#333; font-weight:500;vertical-align:middle; line-height:34px;display:inline-block;float:right;margin-right: 5px;}
.content_route_print .inner_con .title {margin-top:20px; font-size:40px; color:#145fb3; font-weight:500;}
.content_route_print .inner_con .divider {display:block; margin:19px auto; width:30px; height:3px; background:#145fb3;}
.content_route_print .desc {margin-bottom:34px; font-size:20px; color:#333; font-weight:400;}
/* 지도영역 */
.content_route_print .box_map {margin:30px auto; width:880px; height:475px;}

.content_route_print .days {font-size:20px;font-weight:500;line-height:20px;color:#145fb3;margin-top:15px;text-align:left;}

/* 테이블 */
.content_route_print .box_tbl {margin-top:4px; border-top:2px solid #333;}
.content_route_print .tbl_route_info .col_rotation {width:210px;}
.content_route_print .tbl_route_info .col_terminal {width:350px;}
.content_route_print .tbl_route_info .col_date {width:111px;}
.content_route_print .tbl_route_info tr th,
.content_route_print .tbl_route_info tr td {border-right:1px solid #e5e5e5; text-align:center; text-transform:uppercase; color:#145fb3;}
.content_route_print .tbl_route_info tr th:last-child,
.content_route_print .tbl_route_info tr td:last-child {border-right:0;}
.content_route_print .tbl_route_info tr .td_last {border-right:0;}
.content_route_print .tbl_route_info tr th {height:35px; border-bottom:1px solid #ccc; font-weight:500; letter-spacing:-0.025em; color:#333;font-size:14px}
.content_route_print .tbl_route_info tr td {padding:8px 10px; border-bottom:1px solid #e5e5e5; color:#999;font-size:13px;}