@charset "utf-8";

/**
 * 열차조회설정
 *
 */
.contents.schedule-option .travel-category {height:39px; padding:10px 10px 10px 0; background:#fff url(../images/common/bg_travel_category.png) repeat-x left bottom;}
.contents.schedule-option .travel-category dl {position:relative; height:35px; padding-left:124px;}
.contents.schedule-option .travel-category dl dt {position:absolute; left:0; top:0; width:100.5px; padding:10px 0 0 20px; font-weight:bold; font-size:12px; line-height:12px; color:#4a92c8;}
.contents.schedule-option .travel-category dl dd select {width:100%; font-size:14px; line-height:100%; color:#666;}

.contents.schedule-option .select-station {position:relative; height:123px; margin:0 15px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#e1e1e1; background:url(../images/assets/arw_oneway@2x.png) no-repeat center 71px; background-size:21px 21px;}
.contents.schedule-option .select-station dl {position:absolute; top:30px; width:45%; text-align:center;}
.contents.schedule-option .select-station dl.departure {left:0;}
.contents.schedule-option .select-station dl.arrival {right:0;}
.contents.schedule-option .select-station dl dt {height:20px; padding-top:5px; font-size:12px; line-height:12px; color:#666;}
.contents.schedule-option .select-station dl dd {margin-top:11px;}
.contents.schedule-option .select-station dl dd a {display:block; height:24px; padding-top:8px; font-weight:bold; font-size:16px; line-height:16px; color:#073b62; word-break:break-all;}
.contents.schedule-option .select-station dl dd a.selected {text-decoration:underline;}
.contents.schedule-option .select-station dl dd a.disabled {color:#a3a3a3;}
.contents.schedule-option .select-station div.change {position:absolute; left:40%; top:28px; width:20%; text-align:center;}
.contents.schedule-option .select-station div.change a {display:block; width:60px; height:29px; margin:0 auto; font-size:0; line-height:0; background:url(../images/assets/switch@2x.png) no-repeat center center; background-size:contain;}
.contents.schedule-option .select-station div.change a:active {background-image:url(../images/assets/switch_press@2x.png);}
.contents.schedule-option .select-station div.transfer-arrow {display:none;}
.contents.schedule-option .select-station.transfer {background-image:url(../images/assets/arw_transfer@2x.png); background-size:92px 21px;}
.contents.schedule-option .select-station.transfer dl {width:30%;}
.contents.schedule-option .select-station.transfer div.transfer-arrow {display:block; position:absolute; left:30%; top:66px; width:40%; height:22px; padding-top:10px; font-size:11px; line-height:11px; text-align:center;}

.contents.schedule-option .select-date {min-height:85px; padding-top:15px; margin:0 15px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#e1e1e1;}
.contents.schedule-option .select-date dl {text-align:center;}
.contents.schedule-option .select-date dl dt {height:13px; font-weight:bold; font-size:12px; line-height:12px; color:#4a92c8;}
.contents.schedule-option .select-date dl dd {margin-top:19px; font-size:16px; line-height:16px; color:#191919;}
.contents.schedule-option .select-date div.change {height:30px; padding-top:6px;}
.contents.schedule-option .select-date div.change a {display:block; width:30px; height:30px; margin:0 auto; font-size:0; line-height:0; background:url(../images/assets/fold@2x.png) no-repeat center center; background-size:contain;}
.contents.schedule-option .select-date.selected {background-color:#e1e8ed;}
.contents.schedule-option .select-date.selected div.change a {background-image:url(../images/assets/unfold@2x.png);}

.contents.schedule-option .select-passenger {min-height:85px; padding-top:15px; margin:0 15px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#e1e1e1;}
.contents.schedule-option .select-passenger dl {text-align:center;}
.contents.schedule-option .select-passenger dl dt {height:13px; font-weight:bold; font-size:12px; line-height:12px; color:#4a92c8;}
.contents.schedule-option .select-passenger dl dd {margin-top:19px; font-size:16px; line-height:16px; color:#191919;}
.contents.schedule-option .select-passenger div.change {height:30px; padding-top:6px;}
.contents.schedule-option .select-passenger div.change a {display:block; width:30px; height:30px; margin:0 auto; font-size:0; line-height:0; background:url(../images/assets/fold@2x.png) no-repeat center center; background-size:contain;}
.contents.schedule-option .select-passenger.selected {background-color:#e1e8ed;}
.contents.schedule-option .select-passenger.selected div.change a {background-image:url(../images/assets/unfold@2x.png)}

.contents.schedule-option .select-train {min-height:85px; padding-top:15px; margin:0 15px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#e1e1e1;}
.contents.schedule-option .select-train dl {text-align:center;}
.contents.schedule-option .select-train dl dt {height:13px; font-weight:bold; font-size:12px; line-height:12px; color:#4a92c8;}
.contents.schedule-option .select-train dl dd {margin-top:19px; font-size:16px; line-height:16px; color:#191919;}
.contents.schedule-option .select-train div.change {height:30px; padding-top:6px;}
.contents.schedule-option .select-train div.change a {display:block; width:30px; height:30px; margin:0 auto; font-size:0; line-height:0; background:url(../images/assets/fold@2x.png) no-repeat center center; background-size:contain;}
.contents.schedule-option .select-train.selected {background-color:#e1e8ed;}
.contents.schedule-option .select-train.selected div.change a {background-image:url(../images/assets/unfold@2x.png)}

.contents.schedule-option .inquiry-schedule {margin-top:25px;}
.contents.schedule-option .inquiry-schedule input {width:100%; height:55px; font-size:18px; color:#073b62; border-style:none; background-color:#cde0ee; cursor:pointer;}
.contents.schedule-option .inquiry-schedule input:active {background-color:#b6c7d4;}

.tray-area {position:relative;}
.tray-area .station-list {position:absolute; left:0; top:0; width:100%; background-color:#fafafa; z-index:799;}
.tray-area .station-list .search-area {height:97px;}
.tray-area .station-list .search-area .fold-tray {height:25px; padding-top:16px; background:url(../images/assets/tray_top@2x.png) no-repeat center center; background-size:100%;}
.tray-area .station-list .search-area .fold-tray a {display:block; width:50px; height:27px; margin:0 auto; font-size:0; line-height:0; background:url(../images/assets/fold_tray@2x.png) no-repeat center center; background-size:contain;}
.tray-area .station-list .search-area .input-area {height:46px; padding:10px 12px 0 12px;}
.tray-area .station-list .search-area .input-area input {width:100%; padding-left:40px; color:#98a4af; background:#fff url(../images/assets/ic_search@2x.png) no-repeat 10px center; background-size:24px 24px;}
.tray-area .station-list .search-area .input-area input:focus {color:#8458d3;}
.tray-area .station-list .scroll-list {height:calc(100vh - 270px); overflow-y:auto;}
.tray-area .station-list .scroll-list dl dt {padding:10px 15px; font-weight:bold; font-size:13px; line-height:13px; color:#666; background-color:#e5e5e5;}
.tray-area .station-list .scroll-list dl dd ul li {float:left; width:50%; height:45px;}
.tray-area .station-list .scroll-list dl dd ul li a {display:block; height:29px; padding:16px 15px 0 15px; font-size:12px; line-height:12px; border-width:0 1px 1px 0; border-style:solid; border-color:#e1e8ed;}
.tray-area .station-list .scroll-list dl dd ul li a:hover,
.tray-area .station-list .scroll-list dl dd ul li a:active {background-color:#e1e8ed;}
.tray-area .station-list .scroll-list dl dd ul li:nth-child(even) a {border-right-width:0;}

.tray-area .calendar-list {position:absolute; left:0; top:0; width:100%; min-height:calc(100vh - 434px); background-color:#fafafa; z-index:798;}
.tray-area .calendar-list .navi-area {position:relative; height:47px; padding-top:18px;}
.tray-area .calendar-list .navi-area dl dt {font-weight:bold; padding-top:6px; font-size:15px; line-height:15px; text-align:center; color:#073b62;}
.tray-area .calendar-list .navi-area dl dd {position:absolute; top:18px;}
.tray-area .calendar-list .navi-area dl dd.prev {left:15px;}
.tray-area .calendar-list .navi-area dl dd.next {right:15px;}
.tray-area .calendar-list .navi-area dl dd a {display:block; width:83px; height:20px; padding-top:7px; font-weight:bold; font-size:12px; line-height:12px; color:#005799; text-align:center; background:url(../images/assets/button_round@2x.png) no-repeat center center; background-size:contain;}
.tray-area .calendar-list .date-area {height:77px; padding:0 15px;}
.tray-area .calendar-list .date-area table {margin-top:3px;}
.tray-area .calendar-list .date-area table col {width:14%;}
.tray-area .calendar-list .date-area table col:first-child,
.tray-area .calendar-list .date-area table col:last-child {width:15%;}
.tray-area .calendar-list .date-area table thead tr th {height:12px; font-weight:normal; font-size:12px; line-height:12px; color:#588cc4;}
.tray-area .calendar-list .date-area table thead tr th:first-child {color:#f04922;}
.tray-area .calendar-list .date-area table thead tr th:last-child {color:#159aff;}
.tray-area .calendar-list .date-area table tbody tr td {position:relative; text-align:center; height:62px;}
.tray-area .calendar-list .date-area table tbody tr td.now {background:url(../images/assets/ic_dot@2x.png) no-repeat 90% 21px; background-size:5px 5px;}
.tray-area .calendar-list .date-area table tbody tr td span {color:#bababa;}
.tray-area .calendar-list .date-area table tbody tr td a,
.tray-area .calendar-list .date-area table tbody tr td span {display:block; height:33px; padding-top:15px; margin-top:14px; font-size:17px; line-height:17px;}
.tray-area .calendar-list .date-area table tbody tr td:first-child a {color:#f04922;}
.tray-area .calendar-list .date-area table tbody tr td:last-child a {color:#159aff;}
.tray-area .calendar-list .date-area table tbody tr td.now a {background:url(../images/common/txt_today.png) no-repeat center bottom; background-size:30px 10px;}
.tray-area .calendar-list .date-area table tbody tr td.dep a {color:#fff; background:#0066b3 url(../images/common/txt_dep.png) no-repeat center 34px; background-size:23.125px 10px;}
.tray-area .calendar-list .date-area table tbody tr td.now2 a {background:url(../images/common/txt_today2.png) no-repeat center bottom; background-size:30px 10px;}
.tray-area .calendar-list .date-area table tbody tr td.dep2 a {color:#fff; background:#0066b3 url(../images/common/txt_dep2.png) no-repeat center 34px; background-size:23.125px 10px;}
.tray-area .calendar-list .time-area {margin-top:6px; background-color:#e3e3e3;}
.tray-area .calendar-list .time-area .screen {position:relative; max-width:1152px; height:48px; margin:0 auto; overflow:hidden}
.tray-area .calendar-list .time-area .screen ul {position:absolute; left:0; top:0; width:1152px;}
.tray-area .calendar-list .time-area .screen ul li {float:left; width:48px; height:48px; text-align:center;}
.tray-area .calendar-list .time-area .screen ul li a,
.tray-area .calendar-list .time-area .screen ul li span {display:block; height:32px; padding-top:16px; font-size:15px; line-height:15px;}
.tray-area .calendar-list .time-area .screen ul li span {color:#bababa;}
.tray-area .calendar-list .time-area .screen ul li.sel a {color:#fff; background-color:#68a7d5;}
.tray-area .calendar-list .time-area .screen ul li a em,
.tray-area .calendar-list .time-area .screen ul li span em {font-style:normal; font-size:10px; line-height:10px;}
.tray-area .calendar-list .change-area {margin-top:15px; padding:33px 0 52px 0;}
.tray-area .calendar-list .change-area dl {position:relative; float:left; width:25%; height:53px; text-align:center;}
.tray-area .calendar-list .change-area dl dt {height:12px; font-size:12px; line-height:12px; color:#808080;}
.tray-area .calendar-list .change-area dl dd {width:100%; height:35px; padding-top:6px;}
.tray-area .calendar-list .change-area dl dd.p,
.tray-area .calendar-list .change-area dl dd.m {position:absolute; left:0; height:27px; padding:0;}
.tray-area .calendar-list .change-area dl dd.p {top:-33px;}
.tray-area .calendar-list .change-area dl dd.m {top:65px;}
.tray-area .calendar-list .change-area dl dd input {width:90%; text-align:center;}
.tray-area .calendar-list .change-area dl dd a {display:block; width:27px; height:27px; margin:0 auto; font-size:0; line-height:0; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.tray-area .calendar-list .change-area dl dd.p a {background-image:url(../images/assets/plus_nor@2x.png);}
.tray-area .calendar-list .change-area dl dd.p a:active {background-image:url(../images/assets/plus_press@2x.png);}
.tray-area .calendar-list .change-area dl dd.m a {background-image:url(../images/assets/minus_nor@2x.png);}
.tray-area .calendar-list .change-area dl dd.m a:active {background-image:url(../images/assets/minus_press@2x.png);}

.tray-area .passenger-list {position:absolute; left:0; top:0; width:100%; min-height:calc(100vh - 435px); background-color:#fafafa; z-index:797;}
.tray-area .passenger-list .desc {height:12px; padding:25px 0; font-size:12px; line-height:12px; text-align:center; color:#808080;}
.tray-area .passenger-list .change-area {padding-bottom:25px;}
.tray-area .passenger-list .change-area dl {position:relative; height:29px; margin-top:25px;}
.tray-area .passenger-list .change-area dl.fst {margin-top:0;}
.tray-area .passenger-list .change-area dl dt {font-weight:bold; padding-left:20px; font-size:14px; line-height:14px;}
.tray-area .passenger-list .change-area dl dt em {display:block; margin-top:3px; font-weight:normal; font-style:normal; font-size:12px; line-height:12px; color:#808080;}
.tray-area .passenger-list .change-area dl dd {position:absolute; top:0;}
.tray-area .passenger-list .change-area dl dd.p {right:20px;}
.tray-area .passenger-list .change-area dl dd.i {right:49px;}
.tray-area .passenger-list .change-area dl dd.m {right:89px;}
.tray-area .passenger-list .change-area dl dd a {display:block; width:29px; height:29px; margin:0 auto; font-size:0; line-height:0; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.tray-area .passenger-list .change-area dl dd input {width:40px; height:29px; text-align:center; border-style:none; background-color:#fafafa;}
.tray-area .passenger-list .change-area dl dd.p a {background-image:url(../images/assets/plus_nor@2x.png);}
.tray-area .passenger-list .change-area dl dd.p a:active {background-image:url(../images/assets/plus_press@2x.png);}
.tray-area .passenger-list .change-area dl dd.m a {background-image:url(../images/assets/minus_nor@2x.png);}
.tray-area .passenger-list .change-area dl dd.m a:active {background-image:url(../images/assets/minus_press@2x.png);}

.tray-area .train-list {position:absolute; left:0; top:0; width:100%; min-height:calc(100vh - 536px); background-color:#fafafa; z-index:796;}
.tray-area .train-list .change-area {padding:25px 20px;}
.tray-area .train-list .change-area ul {width:280px; margin:0 auto;}
.tray-area .train-list .change-area ul li {float:left; margin-top:20px;}
.tray-area .train-list .change-area ul li:nth-child(1),
.tray-area .train-list .change-area ul li:nth-child(2) {margin-top:0;}
.tray-area .train-list .change-area ul li:nth-child(even) {margin-left:10px;}
.tray-area .train-list .change-area ul li a {display:block; width:135px; height:21px; padding-top:9px; font-size:12px; line-height:12px; text-align:center; background:url(../images/assets/button_round_nor@2x.png) no-repeat center center; background-size:135px 30px;}
.tray-area .train-list .change-area ul li.sel a {color:#fff; background-image:url(../images/assets/button_round_press@2x.png);}
.tray-area .train-list .change-area .option-02 {margin-top:20px; padding-top:20px; border-top-width:1px; border-top-style:solid; border-top-color:#e1e1e1;}

/* 20231220 날짜 확인버튼 추가 */
.bn_ar { display: block; float: left; width: 100%; margin-top: 60px; }
.con_bn {color: #fff; background-image: url(../images/assets/button_round_press@2x.png);background-size: 135px 28px; background-repeat: no-repeat; width: 135px; height: 28px; display: block; margin: auto auto; text-align: center;}

/* 20231222 승객, 열차 확인버튼 추가 */
.bn_pn {margin-top: 20px;}