/* as css start */
.wt-search {background:url(/_UI/wt/2017/img/as/bg-search.jpg) no-repeat center top;max-width:2000px;margin:0 auto;padding:45px 0;margin-bottom:60px;}
.wt-search * {box-sizing:border-box;}
.wt-search .search-head {display:flex;align-items:flex-end;column-gap:32px;margin-bottom:18px;}
.wt-search .search-head .title {color:#fff;font-size:24px;font-weight:bold;}
.wt-search .search-head .radios {display:flex;align-items:center;color:#fff;font-size:18px;column-gap:15px;}
.wt-search .search-head .radios label {cursor:pointer;display:flex;align-items:center;column-gap:5px;}
.wt-search .search-head .radios label input {display:none;}
.wt-search .search-head .radios label input+b {width:20px;height:20px;border-radius:10px;border:1px solid #fff;}
.wt-search .search-head .radios label input:checked+b {border-width:4px;background:#338ff4;}
.wt-search .search-body {display:flex;align-items:center;column-gap:10px;margin-bottom:20px;}
.wt-search .search-body.m {margin-bottom:0;display:none;}
.wt-search .search-body .box {position:relative;z-index:1;height:50px;display:flex;align-items:center;background:#fff;border-radius:5px;overflow:hidden;}
.wt-search .search-body .box input.inp {background:none;position:relative;z-index:5;border-radius:5px;border:0;height:50px;cursor:pointer;text-indent:20px;font-size:17px;color:#333;user-select:none;}
.wt-search .search-body .box.location {column-gap:10px;background:none;}
.wt-search .search-body .box.location .inbox {background:#fff;border-radius:5px;overflow:hidden;position:relative;}
.wt-search .search-body .box.location .inp {width:206px;line-height:1;padding-right:50px;white-space:nowrap;text-overflow:ellipsis;cursor:default;}
.wt-search .search-body .box.location .inbox.do .inp {cursor:pointer;}
.wt-search .search-body .box.location b.arr {border:1px solid #fff;border-left:0;border-right:0;width:18px;height:5px;position:relative;}
.wt-search .search-body .box.location b.arr:after,
.wt-search .search-body .box.location b.arr:before {content:'';display:block;width:7px;height:1px;background:#fff;position:absolute;transform:rotate(45deg);}
.wt-search .search-body .box.location b.arr:after {left:0;top:6px;}
.wt-search .search-body .box.location b.arr:before {right:0;top:-4px;}
.wt-search .search-body .box.calendar .inp {width:250px;}
.wt-search .search-body .box.tourist .inp {width:250px;}
.wt-search .search-body .search-btn {height:50px;border:0;background:#338ff4;color:#fff;font-size:17px;width:210px;cursor:pointer;border-radius:5px;}
.wt-search .search-body .box.location .inbox.do:after,
.wt-search .search-body .box.calendar:after,
.wt-search .search-body .box.tourist:after {content:'';display:block;width:22px;height:24px;background:url(/_ui/wt/2017/img/dmi/ico_dmi2.png) no-repeat -50px 0;position:absolute;right:14px;top:50%;margin-top:-12px;}
.wt-search .search-body .box.location .inbox.do:after {background-position:0 0;width:23px;height:23px;margin-top:-11.5px;}
.wt-search .search-body .box.tourist:after {background-position:-100px 0;width:18px;height:11px;margin-top:-5.5px;}
.wt-search.M .search-body.m {display:flex;}

.info-box-main {border:6px solid #eaeaea;padding:34px;}
.info-box-main .h3 {font-size:22px;color:#000;font-weight:bold;}

[class|=wtlayer][class*=calendar] h2 {cursor:default;}
[class|=wtlayer][class*=calendar] {border:0;border-radius:20px;box-shadow:0 0 8px 0px rgba(0,0,0,0.3);position:absolute;top:200px;left:50%;margin-left:-212px}
.date-picker-wrapper .month-wrapper table td {border:0;}
[class|=wtlayer][class*=calendar] .txt-schedule {display:flex;align-items:center;justify-content:space-evenly;border-color:#e7e7e7;background:#f5f5f5;}
[class|=wtlayer][class*=calendar] .txt-schedule .txt {display:flex;align-items:center;column-gap:10px;}
[class|=wtlayer][class*=calendar] .txt-schedule .txt .wt-sel {height:36px;min-width:95px;text-indent:5px;border:1px solid #000;border-radius:6px;font-size:15px;color:#000;}
.date-picker-wrapper .month-wrapper table .day.real-today {border-radius:10px;background:#f5f5f5 !important;color:#000 !important;}
.date-picker-wrapper .month-wrapper table .day.real-today span:after {content:'today';}
.date-picker-wrapper .month-wrapper table .day.checked {background-color:#f5f5f5 !important;}
.date-picker-wrapper .month-wrapper table .day.checked span:after {content:'';}
.date-picker-wrapper .month-wrapper table .day.last-date-selected {background:#5398f5 !important;border-radius:0 10px 10px 0;}
.date-picker-wrapper .month-wrapper table .day.first-date-selected {background:#5398f5 !important;border-radius:10px 0 0 10px;}
.date-picker-wrapper .month-wrapper table .day.first-date-selected.last-date-selected {border-radius:10px;}
.date-picker-wrapper .month-wrapper table .week-name th {background:#fff;color:#000;font-weight:bold;}
[class|=wtlayer][class*=calendar] .wt-btns {display:flex;justify-content:flex-end;}
[class|=wtlayer][class*=calendar] .wt-btns a.calMainBtn {margin:0;width:130px;height:50px;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;box-sizing:border-box;border-radius:10px;font-size:18px;}
[class|=wtlayer][class*=calendar].single .month-wrapper table .day.first-date-selected {border-radius:10px;}
[class|=wtlayer][class*=calendar].single .wt-btns {display:none;}

.wtlayer-manSetting .wtl-inner {margin:100px auto;position:relative;width:664px;background:#fff;border:1px solid #2a2a2a;border-radius:20px;}
.wtlayer-manSetting .layer-content {margin:30px}
.wtlayer-manSetting .controller {position:relative;}
.wtlayer-manSetting .ctr {margin-top:20px}
.wtlayer-manSetting .ctr:first-child {margin-top:0}
.wtlayer-manSetting .ctr dt,
.wtlayer-manSetting .ctr dd {float:left;}
.wtlayer-manSetting .ctr dt {color:#333;min-width:184px;padding-top:4px}
.wtlayer-manSetting .ctr dt strong {font-size:18px;color:#222;display:block}
.wtlayer-manSetting .ctr dd {width:158px;height:48px;border:1px solid #b9b9b9;position:relative;font-size:20px;color:#222}
.wtlayer-manSetting .ctr dd .c {display:block;width:48px;height:48px;cursor:pointer;background:#f5f5f5;position:absolute;top:0}
.wtlayer-manSetting .ctr dd .c b {position:absolute;left:50%;top:50%;width:16px;height:2px;background:#535353;display:block;margin:-1px -8px}
.wtlayer-manSetting .ctr dd .c i {position:absolute;left:50%;top:50%;width:2px;height:16px;background:#535353;display:block;margin:-8px -1px}
.wtlayer-manSetting .ctr dd .c.m {left:0;border-right:1px solid #e6e6e6;}
.wtlayer-manSetting .ctr dd .c.p {right:0;border-left:1px solid #e6e6e6;}
.wtlayer-manSetting .ctr .num {display:block;line-height:48px;margin:0 49px 0 49px;text-align:center}
.wtlayer-manSetting .controller .infobox {position:absolute;right:0;top:0;width:196px;height:148px;padding:20px;border:1px solid #e6e6e6;}
.wtlayer-manSetting .controller .infobox .tit {padding:15px 0;text-align:center;color:#ff5e5e;font-size:15px;font-weight:bold;}
.wtlayer-manSetting .controller .infobox li {color:#222}
.wtlayer-manSetting .controller .infobox span.br {display:block;padding-left:37px}
.wtlayer-manSetting .wt-btns .age-btn {background:#338ff4;color:#fff;display:flex;align-items:center;justify-content:center;height:50px;width:300px;margin:0 auto;border-radius:10px;}

.wtlayer-locationSel .wtl-inner {margin:100px auto;position:relative;width:664px;background:#fff;border:1px solid #2a2a2a;border-radius:20px;}
.wtlayer-locationSel .location-sel {margin:30px;display:flex;flex-wrap:wrap;column-gap:15px;row-gap:10px;}
.wtlayer-locationSel .location-sel button {border:1px solid #ddd;color:#111;background:#fff;height:40px;cursor:pointer;font-size:14px;padding:0 15px;border-radius:6px;}
.wtlayer-locationSel .location-sel button.off {display:none;}

.ag-notice.as {padding:0}
.ag-notice.as .box {width:337px;padding:30px;margin-left:20px;}
.ag-notice.as .box.info {width:352px;padding:0;margin:0;border:0}
.ag-notice.as .box li a strong {max-width:230px}
.ag-notice.as .box.info .banners {border:1px solid #dcdcdc}
.ag-notice.as .box.info .banners a {float:left;width:50%;font-size:15px;color:#333;padding:0;height:43px;line-height:43px;margin-left:-1px;border-left:1px solid #dcdcdc;text-align:center}
.ag-notice.as .box.info .banners a:first-child {border:0;margin-left:0}
.ag-notice.as .box.info .banners a:hover {text-decoration:none}
.ag-notice.as .box.info .numbers {font-size:14px;color:#333}
.ag-notice.as .box.info .numbers strong {color:#ff5e5e;font-size:24px;letter-spacing:-2px}
.ag-notice.as .box.info .numbers span b {font-size:15px;color:#333;font-weight:bold}
.ag-notice.as .box.info i {display:inline-block;vertical-align:middle;width:1px;height:11px;margin:0 8px;background:#888}
.ag-notice.as .box.info dt {margin-top:11px;font-size:14px;color:#888;display:inline-block;width:71px}
.ag-notice.as .box.info dd {margin-top:11px;font-size:18px;color:#333;display:inline-block;min-width:252px;font-weight:bold;letter-spacing:-1px}
.ag-notice.as .box.info dd span {font-size:14px;font-weight:normal}
.ag-notice.as .box.info hr {display:block;border:0;border-top:1px dashed #c1c1c1;margin:0;margin-top:16px}
.ag-notice.as .box.info dt:first-child {margin-top:0}
.ag-notice.as .box.info dt:first-child+dd {margin-top:0}

.as-list-wrap * {box-sizing:border-box;}

.ferry-container {
  
}

.ferry-container .route-header {
	column-gap:8px;
	font-size: 20px;
	font-weight: bold;
	color: #111;
	padding:0px 25px;
	margin-bottom:20px;
	display:flex;align-items:center;height:32px;
}

.ferry-container .route-header .type {border:1px solid #338ff4;color:#338ff4;font-size:14px;display:flex;height:32px;align-items:center;padding:0 10px;border-radius:4px;}
.ferry-container .route-header .type.t2 {border-color:#ff5e5e;color:#ff5e5e;}
.ferry-container .route-header .arr {border-top:1px solid #000;width:16px;height:2px;background:#ccc;position:relative;display:block;margin-top:4px;}
.ferry-container .route-header .arr:after {content:'';display:block;width:7px;height:1px;background:#000;position:absolute;transform:rotate(45deg);right:0;top:-4px;}
.ferry-container .route-header .btn {margin-left:auto;}
.ferry-container .route-header .btn .sort {appearance:none;height:32px;border:1px solid #cecece;border-radius:16px;padding:0 20px;cursor:pointer;}
.ferry-container .route-header .min {font-weight:normal;font-size:17px;margin-left:5px;}
.ferry-container .price-text {text-align:right;margin-bottom:100px;}
.ferry-container .price-text button {background:#fff;border:1px solid #e4e4e4;padding:6px 15px;color:#666;font-size:14px;border-radius:4px;cursor:pointer;margin-left:10px;}
.ferry-container .re-select {background:#f1f8ff;padding:15px;display:flex;align-items:center;justify-content:center;margin-bottom:80px;}
.ferry-container .re-select button {width:240px;height:40px;background:#4585ff;color:#fff;border-radius:20px;border:0;font-size:19px;cursor:pointer;}
.as-list-r {border:1px solid #d5d5d5;border-radius:10px;margin-bottom:10px;overflow:hidden;}
.as-list-r .date-tabs-wrap {border-bottom:1px solid #d5d5d5;position:relative;}
.as-list-r .date-tabs {margin:0 70px;overflow:hidden;}
.as-list-r .date-tabs-wrap button {border:0;position:absolute;top:0;height:68px;width:70px;z-index:10;background:#fff;font-size:0;color:transparent;border:0;cursor:pointer;padding:0;}
.as-list-r .date-tabs-wrap button:after {content:'';display:block;width:10px;height:10px;border-top:1px solid #000;border-right:1px solid #000;position:absolute;top:50%;left:50%;transform:rotate(45deg) translate(-10px, 2px);}
.as-list-r .date-tabs-wrap button.prev {left:0;border-right:1px solid #d4d4d4;}
.as-list-r .date-tabs-wrap button.next {right:0;border-left:1px solid #d4d4d4;}
.as-list-r .date-tabs-wrap button.prev:after {transform:rotate(-135deg) translate(5px, 2px);}

.as-list-r .date-tabs .swiper-slide {height:68px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#666;font-size:16px;border-left:1px solid #e8e8e8;}
.as-list-r .date-tabs .swiper-slide:first-child {border-left:0;}
.as-list-r .date-tabs .swiper-slide strong {font-size:20px;}
.as-list-r .date-tabs .swiper-slide.on {color:#000;border:1px solid #000;}

.as-list-r .list-table table {border-collapse: collapse;width:100%;}
.as-list-r .list-table .thead {border-bottom:1px solid #e8e8e8;padding-right:20px;background:#f9f9f9;}
.as-list-r .list-table .tbody {height:366px;overflow-y:auto;display:block;}
.as-list-r .list-table tbody {}
.as-list-r .list-table thead th {text-align:center;color:#666;font-size:16px;padding:12px 10px;background:#f9f9f9;}
.as-list-r .list-table tbody td {height:100px;text-align:center;color:#000;font-size:16px;border-top:1px solid #e2e2e2;}
.as-list-r .list-table tbody tr:first-child td {border-top:0;}
.as-list-r .list-table tbody td .tt {color:#808080;}
.as-list-r .list-table tbody td .ship-info-btn {border:1px solid #a5a5a5;width:70px;height:30px;display:inline-flex;cursor:pointer;border-radius:3px;color:#000;background:none;font-size:14px;align-items:center;justify-content:center;margin-left:10px;}
.as-list-r .list-table tbody td.price {text-align:right;padding-right:30px;}
.as-list-r .list-table tbody td.price strong {color:#000;font-size:17px;}
button.btn-reserve,
span.btn-reserve {cursor:pointer;background:#1b1f29;color:#fff;border-radius:5px;width:110px;height:44px;border:0;display:inline-flex;align-items:center;justify-content:center;font-size:14px;}
span.btn-reserve {cursor:default;width:80px;height:32px;}
button.btn-reserve.wait,
span.btn-reserve.wait {background:#ddd;color:#000;}
.reserve-icon-info {margin-bottom:50px;text-align:right;display:flex;justify-content:flex-end;align-items:center;column-gap:10px;font-size:14px;color:#000;}
.reserve-icon-info span.btn-reserve {margin-left:15px;}

.as-list-r .list-table thead th,
.as-list-r .list-table tbody td {white-space:nowrap;}

.list-table thead {padding-right:10px;}
.list-table thead button {position:relative;cursor:pointer;border:0px;height:28px;padding:0 12px;background:none;font-size:16px;color:#666;display:inline-flex;align-items:center;justify-content:center;column-gap:5px;}
.list-table thead button b.ico {display:inline-flex;width:19px;height:19px;border:1px solid #6f6f6f;border-radius:3px;align-items:center;justify-content:center;}
.list-table thead button b.ico:after {content:'';width:0;height:0;border:5px solid #6f6f6f;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;display:block;transform:translate(0, 3px)}
.list-table thead button b.ico-reset {display:block;width:16px;height:15px;background:url(/_UI/wt/2017/img/da/ico-reset.gif) no-repeat;}
.list-table thead button .num {color:#5e2bb8;font-weight:bold;display:none;}
.list-table thead button .select-tools {cursor:default;display:none;position:absolute;flex-direction:column;position:absolute;top:40px;left:50%;width:160px;margin-left:-80px;background:#fff;border:1px solid #d4d4d4;padding:15px;color:#111;z-index:10;}
.list-table thead button .select-tools label {display:flex;width:100%;align-items:center;justify-content:flex-start;column-gap:5px;cursor:pointer;padding:3px 0;}
.list-table thead button .select-tools label input {display:none;}
.list-table thead button .select-tools label b {border:1px solid #ddd;border-radius:3px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;}
.list-table thead button .select-tools label input:checked+b:after {content:'';display:block;width:4px;height:7px;margin:-3px 0 0 1px;border-bottom:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);}
.list-table thead button.active {background:#333;color:#fff;}
.list-table thead button.active .num {color:#fff;display:block;}
.list-table thead button.on .select-tools {display:flex;}

.bot-pay-info {display:none;column-gap:40px;grid-template-columns:1fr 1fr;margin-bottom:70px;}
.bot-pay-info,
.bot-pay-info * {box-sizing:border-box;}
.bot-pay-info.on {display:grid;}
.bot-pay-info .pay-box {background:#f9f9f9;display:flex;align-items:stretch;width:578px;height:320px;border-radius:12px;}
.bot-pay-info .pay-box * {visibility:hidden;}
.bot-pay-info .pay-box.on {background:#fff;}
.bot-pay-info .pay-box.on * {visibility:visible;}
.bot-pay-info .pay-box .box {border:1px solid #8e8e8e;}
.bot-pay-info .pay-box .box.road {width:400px;border-right:0;border-radius:12px 7px 7px 12px;}
.bot-pay-info .pay-box .box.pay {flex:1;border-radius:7px 12px 12px 7px;background:#f9f9f9;position:relative;}
.bot-pay-info .pay-box .box.pay .title {text-align:right;padding:40px 24px;font-size:15px;color:#000;line-height:1.8;}
.bot-pay-info .pay-box .box.pay .final-pay {position:absolute;right:24px;bottom:54px;text-align:right;}
.bot-pay-info .pay-box .box.pay .final-pay .pay {font-size:21px;font-weight:bold;color:#000;}
.bot-pay-info .pay-box .box.pay .final-pay .pay strong {font-size:26px;}
.bot-pay-info .pay-box .box.pay .local-pay {position:absolute;right:24px;bottom:28px;text-align:right;color:#000;font-size:16px;}
.bot-pay-info .pay-box .box.pay .detail-pay-rule {position:absolute;right:24px;bottom:24px;text-align:right;cursor:pointer;background:none;display:flex;align-items:center;column-gap:2px;font-size:14px;border:0;padding:0;}
.bot-pay-info .pay-box .box.pay .detail-pay-rule:after {content:'';display:block;width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);}
.bot-pay-info .road-box {height:68px;display:flex;align-items:center;justify-content:flex-start;padding:0 22px;border-bottom:1px solid #dedede;font-size:18px;color:#111;column-gap:5px;font-weight:700;white-space:nowrap;}
.bot-pay-info .road-box .min {font-size:15px;font-weight:400;}
.bot-pay-info .road-box b {border:1px solid #bababa;padding:6px 10px;border-radius:100px;font-size:14px;margin-right:5px;}
.bot-pay-info .road-box .arr {height:2px;width:15px;background:#111;display:block;position:relative;flex-shrink: 0;}
.bot-pay-info .road-box .arr:after {position:absolute;content:'';display:block;width:8px;height:2px;background:#111;right:0;bottom:3px;transform:rotate(45deg);}
.bot-pay-info .time-box {height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 66px;position:relative;padding-top:30px;}
.bot-pay-info .time-box .date {position:relative;height:56px;color:#000;font-size:16px;border-bottom:1px solid #000;width:100%;display:flex;display:flex;align-items:center;justify-content:center;}
.bot-pay-info .time-box .date:after,
.bot-pay-info .time-box .date:before {content:'';display:block;width:9px;height:9px;border-radius:100%;border:1px solid #000;bottom:-6px;position:absolute;}
.bot-pay-info .time-box .date:after {right:-4px;background:#000;}
.bot-pay-info .time-box .date:before {left:-4px;background:#fff;}
.bot-pay-info .time-box .ap-name {height:44px;display:flex;display:flex;align-items:center;justify-content:center;font-size:16px;color:#000;font-weight:bold;column-gap:6px;}
.bot-pay-info .time-box .point {position:absolute;top:41px;width:84px;font-size:26px;font-weight:bold;color:#000;text-align:center;line-height:1;}
.bot-pay-info .time-box .point strong {color:#666;font-weight:400;font-size:15px;display:block;padding-top:8px;}
.bot-pay-info .time-box .point.start {left:-40px;}
.bot-pay-info .time-box .point.end {right:-40px;}

.bot-pay-info .tourist {height:68px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d9d9d9;font-size:16px;color:#111;column-gap:7px;}
.bot-pay-info .tourist i {display:block;width:1px;height:12px;background:#d3d3d3;}
.bot-pay-info .txt-info-box {display:flex;align-items:center;justify-content:flex-start;color:#666;padding:20px 25px;column-gap:6px;font-size:13px;}
.bot-pay-info .txt-info-box b {border:1px solid #bababa;padding:7px 10px;border-radius:4px;font-size:14px;color:#f52727;font-weight:700;}

.pay-table-a {position:relative;display:none;align-items:center;justify-content:space-between;border:1px solid #d5d5d5;border-radius:16px;overflow:hidden;padding-left:72px;margin-bottom:20px;}
.pay-table-a.on {display:flex;}
.pay-table-a .calc {display:block;width:16px;height:16px;position:relative;}
.pay-table-a .calc:after,
.pay-table-a .calc:before {content:'';display:block;width:100%;height:1px;background:#9a9a9a;position:absolute;left:50%;top:50%;margin:0 0 0 -50%;}
.pay-table-a .calc:before {transform:rotate(90deg);}
.pay-table-a .calc.equal:after {transform:rotate(0deg) translate(0, -4px);}
.pay-table-a .calc.equal:before {transform:rotate(0deg) translate(0, 4px);}
.pay-table-a .item {display:flex;flex-direction:column;justify-content:center;font-size:16px;color:#666;row-gap:6px;}
.pay-table-a .item .value {font-size:21px;font-weight:bold;color:#000;}
.pay-table-a .item .value strong {font-size:26px;}
.pay-table-a .item .detail-pay-info {background:none;display:flex;align-items:center;column-gap:2px;cursor:pointer;font-size:15px;}
.pay-table-a .item .detail-pay-info:after {content:'';display:block;width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);}

.pay-table-a .item.final {color:#000;}
.pay-table-a .item.final .tag {font-weight:bold;}
.pay-table-a .item.final .value {color:#f52727;}
.pay-table-a .item.final .value .local-pay {color:#000;}
.pay-table-a .btn-reserve {transition:all .3s ease;background:#1b1f29;height:128px;display:flex;align-items:center;justify-content:center;width:206px;color:#fff;font-size:21px;font-weight:bold;margin-left:60px;}

.wtlayer-details {width:500px;border:1px solid #2a2a2a;left:50%;height:auto;margin-left:-251px;top:100px}
.wtlayer-details .wtl-inner {background:#fff;}
.wtlayer-details .layer-content {padding:15px 30px;max-height:500px;overflow:hidden;overflow-y:auto}
.wtlayer-details .layer-content .tit {font-size:14px;color:#111;margin-bottom:6px;font-weight:bold;display:flex;justify-content:space-between;align-items:center;}
.wtlayer-details .layer-content .tit.pr {}
.wtlayer-details .layer-content .p {font-size:14px;color:#111;margin-bottom:20px;line-height:1.7;}
.indi-price {padding-top:1px;margin-bottom:10px}
.indi-price .pl {font-size:15px;margin-bottom:10px;line-height:32px;padding:0 10px 0 13px;color:#333;display:flex;justify-content:space-between;align-items:center;}
.indi-price .pl .name .strong {font-size:17px;font-weight:bold;}
.indi-price .pl .name b.type {display:inline-block;line-height:1.4;margin-right:6px;background:#5398f5;color:#fff;font-size:12px;padding:4px 8px;border-radius:3px;font-weight:normal}
.indi-price .pl.f {padding:0;line-height:42px}
.indi-price .pl.f .price {color:#ff372d;font-size:15px;right:0}
.indi-price .pl.f .price strong {font-size:17px}
.indi-price .pl .price {}
.indi-price .pl.g {background:#f5f6f7;font-size:15px;line-height:38px}
.indi-price.total-fprice {padding-top:0;border-top:0}
.indi-price.total-price .pl {padding:0}
.indi-price.total-price .pl .name {font-size:17px;font-weight:bold}
.indi-price.total-price .pl .price {right:0;font-size:17px;color:#ff372d}
.indi-price.total-price .pl .price strong {font-size:19px;}
.indi-price .pl-info {padding:8px 13px;background:#f5f6f7;font-size:13px;color:#666}
.indi-price .ico-q {cursor:pointer;display:inline-block;width:17px;height:17px;border:1px solid #666;color:#666;border-radius:17px;line-height:15px;vertical-align:1px;margin-left:4px;text-align:center;}
.indi-price .ico-q:after {content:'?';display:inline-block}
.wtlayer-details .rprice {font-size:15px;color:#222;text-align:right;}
.wtlayer-details .rprice strong {color:#ff261b;font-size:25px}
.wtlayer-details .fixed-panel {position:absolute;left:0;right:0;bottom:0;padding:15px 30px;background:#dfe5f2}
.wtlayer-details .fixed-panel .tinfo {text-align:right;padding-top:5px}

.reserve-table tbody td .radio-div {display:flex;column-gap:10px;height:auto;line-height:1;align-items:center;justify-content:center;margin:0 auto;}
.reserve-table tbody td .radio-div label {cursor:pointer;}
.reserve-table tbody td .radio-div label input {display:none;}
.reserve-table tbody td .radio-div label input+b {display:flex;border:1px solid #b9b9b9;width:133px;height:33px;align-items:center;justify-content:center;font-size:13px;color:#666;border-radius:6px;}
.reserve-table tbody td .radio-div label input:checked+b {background:#4585ff;color:#fff;border-color:#4585ff;}

.icon-info-wrap {display:flex;margin-bottom:40px}
.icon-info-wrap * {box-sizing:border-box;}
.icon-info-wrap a {position:relative;z-index:1;display:flex;flex:1;align-items:center;height:186px;justify-content:center;font-size:20px;color:#000;flex-direction:column;padding-bottom:14px;border-left:0;}
.icon-info-wrap a:hover {z-index:5;background:#f9f9f9;}
.icon-info-wrap a:before {content:'';display:block;box-sizing:border-box;border:1px solid #ddd;position:absolute;top:0;left:-1px;right:0;bottom:0;transition:all .3s ease;}
.icon-info-wrap a:first-child:before {left:0;}
.icon-info-wrap a:hover:before {border-color:#111;}

.layer-info {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-family: 'Pretendard', sans-serif;
  overflow: hidden;
  position: relative;
  padding: 0;
  position:absolute;left:50%;z-index:100;
  margin-top:20px;
  margin-left:-250px;
  width:500px;
  display:none;
}

.li-head {
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  padding: 18px 20px;
  border-bottom: 1px solid #ddd;
}

.li-body {
  padding: 20px;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  min-height:200px;
  max-height:300px;
  overflow-y:auto;
}

.li-body img {max-width:100%;}

.li-foot {
  padding: 18px 20px;
  text-align: right;
  border-top: 1px solid #eee;
}

.li-btn {
  background-color: #338ff4;
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.li-btn:hover {
  background-color: #0056b3;
}
.layer-info.on {display:block;}

.travel-container * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	user-select:none;
}

.travel-container input[type=checkbox] {cursor:pointer;width:18px;height:18px;}

.travel-container {
    color: #333;
    border: 1px solid #ddd;
	border-left:0;border-right:0;
	margin-bottom:60px;
}

.travel-container .trip-section {
    border-bottom: 1px solid #eee;
}

.travel-container .trip-header {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}

.travel-container .trip-header::after {
    content: "▼";
	color:#777;
    position: absolute;
    right: 15px;
    font-size: 12px;
    transition: transform 0.3s;
}

.travel-container .trip-header.active::after {
    transform: rotate(180deg);
}

.travel-container .trip-title {
    font-weight: bold;
    margin-right: 15px;
}

.travel-container .trip-title.outbound {
    color: #e60000;
}

.travel-container .trip-title.return {
    color: #0078ff;
}

.travel-container .route,
.travel-container .date {
    margin-right: 15px;
}

.travel-container .passenger-info {
    color: #666;
    font-size: 0.9em;
}

.travel-container .trip-content {
    display: none;
}

.travel-container .trip-content.active {
    display: block;
}

.travel-container .passenger-section {
    margin: 0;
    border-bottom: 1px solid #eee;
}

.travel-container .passenger-header {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    background-color: #e6f0fa;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #d2e3f3;
}

.travel-container .passenger-checkbox {
    margin-right: 10px;
}

.travel-container .passenger-header label {
    font-weight: bold;
	cursor:pointer;
}

.travel-container .collapse-passenger-icon {
    position: absolute;
    right: 15px;
    font-size: 12px;
    transition: transform 0.3s;
}

.travel-container .passenger-header.active .collapse-passenger-icon {
    transform: rotate(180deg);
}

.travel-container .passenger-content {
    display: none;
    background: #f8fbff;
}

.travel-container .passenger-content.active {
    display: block;
}

.travel-container .service-table {
    width: 100%;
    border-collapse: collapse;
}

.travel-container .service-table th {
    background-color: #f1f5fa;
    padding: 12px 15px;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    color: #333;
}

.travel-container .service-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    color: #000;
    background: #fff;
}
.travel-container .service-table td:last-child {font-size:15px;}

.travel-container .select-col {
    width: 60px;
    text-align: center;
}

.travel-container .service-col {
    width: 200px;
}

.travel-container .desc-col {
    width: auto;
}

.travel-container .price-col {
    width: 120px;
    text-align: right;
}

.travel-container .total-section {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 15px 20px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}

.travel-container .total-text {
    font-weight: bold;
    margin-right: 10px;
	font-size:14px;
	margin-bottom:2px;
}

.travel-container .total-price {
    font-size: 24px;
    font-weight: bold;
    color: #e60000;
}

.wtlayer-details.as-ship-details {width:600px;margin-left:-300px;}
.wtlayer-details.as-ship-details .layer-content {max-height:600px;}
.wtlayer-details.as-ship-details .wtl-inner {padding-bottom:0px !important;}
.as-ship-details .layer-content img {max-width:100%;}

.tooltip-item {position:relative;}
.tooltip-item .tooltip-head {color:#1b1f29;display:inline-flex;align-items:center;column-gap:5px;cursor:pointer;}
.tooltip-item .tooltip-head b {background:#1b1f29;color:#fff;border-radius:100%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;}
.tooltip-item .tooltip-cont {display:none;padding:15px;background:#fff;border-radius:6px;border:1px solid #e9e9e9;margin:10px;font-size:12px;line-height:1.5;position:absolute;bottom:27px;right:0;min-width:350px;text-align:left;}
.tooltip-item:focus .tooltip-cont ,
.tooltip-item:active .tooltip-cont ,
.tooltip-item:hover .tooltip-cont {display:flex;}